@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wdth,wght@75..100,400..700&family=Newsreader:opsz,wght@6..72,400..600&display=swap";:root{--ink: #191916;--ink-2: #34342e;--muted: #77766c;--line: #deddd3;--line-dark: #c7c5b8;--paper: #f5f4ee;--cream: #eeece3;--white: #fffefa;--orange: #f05a2a;--orange-soft: #ffe9df;--green: #14826b;--green-soft: #dff4ec;--lime: #dbff6c;--red: #c74738;--red-soft: #ffebe7;font-family:Instrument Sans,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}html,body{height:100%;overflow:hidden;background:var(--paper)}button,input,textarea,select{color:inherit;font:inherit}button{border:0}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.logo{fill:currentColor;stroke:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.wordmark,.rail-brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:700;letter-spacing:-.055em}.wordmark{padding:0;background:transparent;cursor:pointer}.wordmark .logo,.rail-brand .logo{width:23px;height:23px}.onboarding-page{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(25,25,22,.055) 50%,transparent calc(50% + .5px)),var(--paper)}.onboarding-page:before{content:"";position:absolute;width:min(920px,70vw);height:min(920px,70vw);top:min(-610px,-45vw);left:50%;transform:translate(-50%);border:1px solid rgba(25,25,22,.12);border-radius:50%;box-shadow:0 0 0 90px #19191606,0 0 0 180px #19191604;pointer-events:none}.onboarding-nav{height:76px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(25,25,22,.1)}.onboarding-account{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px}.onboarding-account button{padding:7px 0;background:transparent;font-size:10px;text-decoration:underline;cursor:pointer}.onboarding-focus{width:min(1040px,calc(100% - 48px));min-height:calc(100vh - 76px);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;margin:0 auto;padding:clamp(54px,8vh,92px) 0 clamp(42px,7vh,76px)}.onboarding-copy{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-kicker{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:var(--orange);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.onboarding-kicker span{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px var(--orange-soft)}.onboarding-copy h1{max-width:980px;margin:0;font:500 clamp(62px,6.4vw,104px)/.88 "Newsreader",serif;letter-spacing:-.062em}.onboarding-copy>p{max-width:620px;margin:24px 0 0;color:var(--ink-2);font-size:15px;line-height:1.65}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-top:18px;color:var(--muted);font-size:10px}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row svg{width:15px;height:15px;color:var(--green)}.url-card{width:min(760px,100%);position:relative;margin-top:34px;padding:10px;border:1px solid var(--ink);border-radius:2px;background:var(--white);box-shadow:10px 10px #dad8cd;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.url-card.dragging{border-color:var(--orange);box-shadow:10px 10px 0 var(--orange-soft);transform:translateY(-2px)}.url-label{display:block;padding:2px 4px 9px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.09em;text-align:left;text-transform:uppercase}.url-input-row{min-height:66px;display:flex;align-items:center;gap:13px;padding:6px 7px 6px 17px;border:1px solid var(--line-dark);background:#fbfaf6;transition:border-color .18s ease,box-shadow .18s ease}.url-input-row:focus-within{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.url-input-row>svg{width:19px;height:19px;flex:0 0 auto;color:var(--muted)}.url-input-row input{min-width:0;flex:1;height:48px;border:0;outline:0;background:transparent;font-size:16px}.url-input-row input::placeholder{color:#a4a398}.url-input-row button{min-width:168px;height:52px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;color:#fff;background:var(--ink);font-size:11px;font-weight:650;cursor:pointer;transition:.18s ease;white-space:nowrap}.url-input-row button:hover:not(:disabled){background:var(--orange);transform:translateY(-1px)}.url-input-row button:disabled{opacity:.45;cursor:default}.url-input-row button svg{width:17px;height:17px}.url-card>p{margin:8px 4px 0;color:var(--muted);font-size:9px;text-align:left}.journey-preview{width:min(760px,100%);display:grid;grid-template-columns:repeat(5,1fr);margin:clamp(38px,6vh,60px) 0 0;padding:0;list-style:none}.journey-preview li{min-width:0;position:relative;display:flex;align-items:center;gap:8px;color:var(--muted)}.journey-preview li:not(:last-child):after{content:"";height:1px;flex:1;margin-right:8px;background:var(--line-dark)}.journey-preview span{color:var(--orange);font-size:8px;font-weight:700}.journey-preview strong{color:var(--ink-2);font-size:9px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.onboarding-proof{display:flex;align-items:center;justify-content:center;gap:9px;margin:17px 0 0;color:#8c8a7f;font-size:8px;letter-spacing:.075em;text-transform:uppercase}.onboarding-proof i{width:3px;height:3px;border-radius:50%;background:var(--orange)}.onboarding-error{width:min(760px,100%);justify-content:center;margin:14px 0 0}.inline-error{display:flex;align-items:center;gap:8px;margin:-10px 24px 18px;padding:10px 12px;color:var(--red);background:var(--red-soft);font-size:10px}.inline-error svg{width:15px;height:15px;flex:0 0 auto}.studio-shell{height:100vh;display:grid;grid-template-columns:minmax(370px,420px) minmax(0,1fr);background:var(--paper)}.studio-rail{min-width:0;min-height:0;position:relative;z-index:3;display:flex;flex-direction:column;border-right:1px solid var(--line-dark);background:var(--white);box-shadow:8px 0 30px #19191609}.rail-header{height:62px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 20px;border-bottom:1px solid var(--line)}.rail-brand{font-size:18px}.rail-brand .logo{width:21px;height:21px}.rail-actions{display:flex;align-items:center;gap:7px}.rail-actions button{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);cursor:pointer}.rail-actions button:hover{border-color:var(--ink)}.rail-actions svg{width:15px;height:15px}.rail-actions .avatar-button{color:#fff;border-color:var(--ink);background:var(--ink);font-size:10px;font-weight:700}.project-switcher{min-height:64px;flex:0 0 auto;display:flex;align-items:center;gap:11px;padding:10px 15px;border-bottom:1px solid var(--line);background:#faf9f4}.site-favicon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--ink);font:500 17px Newsreader,serif}.project-switcher label{min-width:0;flex:1}.project-switcher label small{display:block;margin:0 0 2px 2px;color:var(--muted);font-size:7px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.project-switcher select{width:100%;padding:0 18px 0 0;border:0;outline:0;background:transparent;font-size:11px;font-weight:650;text-overflow:ellipsis}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--muted)}.status-dot.active,.status-dot.preview_ready,.status-dot.completed,.status-dot.deployed,.status-dot.awaiting_approval{background:var(--green)}.status-dot.migrating,.status-dot.created,.status-dot.analyzing,.status-dot.generating,.status-dot.building,.status-dot.validating,.status-dot.editing,.status-dot.planning,.status-dot.requested,.status-dot.deploying{background:var(--orange);animation:breathe 1.4s ease-in-out infinite}.status-dot.failed,.status-dot.rejected,.status-dot.aborted{background:var(--red)}.history-button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--white);cursor:pointer}.history-button svg{width:14px;height:14px}.history-popover{position:absolute;z-index:8;top:120px;right:13px;left:13px;max-height:360px;overflow-y:auto;padding:8px;border:1px solid var(--line-dark);background:var(--white);box-shadow:0 18px 50px #19191624}.history-popover>div{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 10px;font-size:10px}.history-popover>div button{background:transparent;font-size:18px;cursor:pointer}.history-popover>button{width:100%;display:flex;align-items:flex-start;gap:10px;padding:10px 8px;border-top:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.history-popover>button:hover{background:var(--paper)}.history-popover .status-dot{margin-top:5px}.history-popover button span:nth-child(2){min-width:0}.history-popover button strong,.history-popover button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-popover button strong{font-size:10px}.history-popover button small{margin-top:3px;color:var(--muted);font-size:8px}.rail-conversation{min-height:0;flex:1;position:relative;overflow-y:auto;scrollbar-width:thin}.rail-alert{display:flex;align-items:center;gap:8px;margin:10px 14px 0;padding:10px 12px;border:1px solid #bfe4d8;color:#0a6452;background:#dff4ecf2;font-size:9px;line-height:1.4}.rail-alert.error{color:#923227;border-color:#efc4bd;background:var(--red-soft)}.rail-alert>svg{width:14px;height:14px;flex:0 0 auto}.rail-alert>button{margin-left:auto;background:transparent;font-size:16px;cursor:pointer}.working-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--green);animation:breathe 1.2s infinite}.assistant-line{display:flex;align-items:center;gap:8px}.assistant-line>span{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--ink)}.assistant-line .logo{width:13px;height:13px}.assistant-line strong{font-size:10px}.assistant-line i{margin-left:auto;padding:5px 7px;border-radius:20px;color:var(--orange);background:var(--orange-soft);font-size:7px;font-style:normal;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.assistant-line i.ready{color:var(--green);background:var(--green-soft)}.migration-journey,.ready-conversation,.change-conversation{padding:24px 25px 34px;animation:arrive .45s cubic-bezier(.22,.9,.32,1) both}.migration-journey h1,.ready-conversation h1,.assistant-response h1{margin:22px 0 8px;font:500 35px/.98 Newsreader,serif;letter-spacing:-.04em}.migration-journey>p,.ready-conversation>p,.assistant-response>p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.score-dial{width:142px;height:142px;position:relative;display:grid;place-items:center;margin:25px auto;border-radius:50%;background:conic-gradient(var(--orange) var(--score),#e7e5db 0)}.score-dial:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--white)}.score-dial>div{z-index:1;display:flex;align-items:baseline}.score-dial strong{font:500 48px/1 Newsreader,serif;letter-spacing:-.06em}.score-dial small{color:var(--muted);font-size:9px}.score-dial>span{position:absolute;z-index:1;bottom:31px;color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.migration-stages{border-top:1px solid var(--line)}.migration-stages>div{min-height:54px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);opacity:.46}.migration-stages>div.active,.migration-stages>div.complete{opacity:1}.stage-index{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line-dark);border-radius:50%;color:var(--muted);font-size:7px}.complete .stage-index{color:#fff;border-color:var(--green);background:var(--green)}.active .stage-index{color:var(--orange);border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-soft)}.stage-index svg{width:13px;height:13px;stroke-width:2.4}.migration-stages>div>span:nth-child(2){min-width:0;flex:1}.migration-stages strong,.migration-stages small{display:block}.migration-stages strong{font-size:10px}.migration-stages small{margin-top:2px;color:var(--muted);font-size:8px}.migration-stages em{color:var(--muted);font-size:7px;font-style:normal;text-transform:uppercase}.migration-stages .active em{color:var(--orange);font-weight:700}.migration-stages .complete em{color:var(--green)}.leave-note{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:13px;border:1px solid var(--line);background:var(--paper)}.leave-note svg{width:16px;height:16px;flex:0 0 auto;color:var(--green)}.leave-note strong,.leave-note small{display:block}.leave-note strong{font-size:9px}.leave-note small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.4}.completion-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:22px 0 27px;padding:13px;color:#f8ffe4;background:var(--ink)}.completion-score{padding-right:13px;border-right:1px solid #48483e;font:500 28px Newsreader,serif}.completion-score small{color:#9b9b8d;font:400 8px Instrument Sans,sans-serif}.completion-card>div small,.completion-card>div strong{display:block}.completion-card>div small{color:#a6a597;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.completion-card>div strong{margin-top:3px;font-size:10px}.completion-card>svg{width:22px;height:22px;color:var(--lime)}.starter-list{margin-top:24px;border-top:1px solid var(--line)}.starter-list button{width:100%;min-height:49px;display:flex;align-items:center;gap:11px;padding:0;border-bottom:1px solid var(--line);background:transparent;font-size:9px;text-align:left;cursor:pointer;transition:padding .15s ease}.starter-list button:hover{padding-left:5px}.starter-list button span{color:var(--orange);font-size:7px;font-weight:700}.starter-list button svg{width:15px;height:15px;margin-left:auto}.source-line{display:block;margin-top:21px;color:var(--muted);font-size:8px}.conversation-date{margin:0 0 18px;color:var(--muted);font-size:8px;text-align:center}.user-bubble{max-width:86%;margin:0 0 27px auto;padding:12px 14px;border-radius:13px 13px 2px;color:#fff;background:var(--ink);font-size:11px;line-height:1.5}.assistant-response h1{font-size:31px}.change-progress{display:flex;margin:24px 0}.change-progress>div{min-width:0;flex:1;position:relative;display:grid;justify-items:center;gap:5px;color:var(--muted)}.change-progress>div:before{content:"";position:absolute;z-index:0;top:7px;right:50%;left:-50%;height:1px;background:var(--line-dark)}.change-progress>div:first-child:before{display:none}.change-progress span{width:15px;height:15px;z-index:1;display:grid;place-items:center;border:1px solid var(--line-dark);border-radius:50%;background:var(--white)}.change-progress svg{width:10px;height:10px}.change-progress small{font-size:6px}.change-progress .reached{color:var(--green)}.change-progress .reached span{color:#fff;border-color:var(--green);background:var(--green)}.change-progress .reached:before{background:var(--green)}.plan-card{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--line);background:var(--paper)}.plan-card>svg{width:17px;height:17px;flex:0 0 auto;color:var(--orange)}.plan-card small,.plan-card strong{display:block}.plan-card small{color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.plan-card strong{margin-top:4px;font-size:9px;line-height:1.5}.proof-cta{width:100%;min-height:46px;display:flex;align-items:center;gap:9px;margin-top:12px;padding:0 13px;color:#fff;background:var(--ink);font-size:9px;font-weight:650;cursor:pointer}.proof-cta:hover{background:var(--orange)}.proof-cta svg{width:15px;height:15px}.proof-cta svg:last-child{margin-left:auto}.composer-wrap{flex:0 0 auto;padding:12px 14px 10px;border-top:1px solid var(--line);background:#fffefaf5}.composer-wrap form{border:1px solid var(--line-dark);background:var(--white);box-shadow:0 5px 20px #1919160f}.composer-wrap textarea{width:100%;min-height:61px;display:block;resize:none;padding:13px 14px 4px;border:0;outline:0;background:transparent;font-size:11px;line-height:1.45}.composer-wrap textarea::placeholder{color:#9b9a90}.composer-wrap textarea:disabled{cursor:not-allowed}.composer-wrap form>div{display:flex;align-items:center;padding:5px 7px 7px 12px}.composer-wrap form>div>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:7px}.composer-wrap form>div>span svg{width:12px;height:12px;color:var(--green)}.composer-wrap form button{width:30px;height:30px;display:grid;place-items:center;margin-left:auto;color:#fff;background:var(--ink);cursor:pointer}.composer-wrap form button:hover:not(:disabled){background:var(--orange)}.composer-wrap form button:disabled{opacity:.25;cursor:default}.composer-wrap form button svg{width:15px;height:15px}.composer-wrap>small{display:block;margin-top:6px;color:var(--muted);font-size:6px;text-align:center}.rail-cost{position:absolute;right:14px;bottom:7px;color:var(--muted);font-size:6px}.sandbox{min-width:0;min-height:0;display:flex;flex-direction:column;padding:0 18px 18px;background:var(--cream)}.sandbox-header{height:62px;flex:0 0 auto;display:flex;align-items:center;gap:16px}.sandbox-tabs{align-self:stretch;display:flex}.sandbox-tabs button{min-width:125px;position:relative;display:flex;align-items:center;justify-content:center;gap:7px;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font-size:9px;font-weight:650;cursor:pointer}.sandbox-tabs button.active{color:var(--ink);border-bottom-color:var(--orange)}.sandbox-tabs button svg{width:15px;height:15px}.sandbox-tabs button i{width:6px;height:6px;position:absolute;top:17px;right:13px;border-radius:50%;background:var(--orange)}.environment{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.environment span{width:6px;height:6px;border-radius:50%;background:var(--green)}.sandbox-header>a{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line-dark);background:var(--white);font-size:8px;font-weight:650;text-decoration:none}.sandbox-header>a:hover{border-color:var(--ink)}.sandbox-header>a svg{width:13px;height:13px}.browser-shell{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #bcb9ad;border-radius:8px;background:var(--white);box-shadow:0 18px 50px #1919161c}.browser-bar{height:43px;flex:0 0 auto;display:grid;grid-template-columns:75px minmax(0,1fr) 34px;align-items:center;border-bottom:1px solid var(--line);background:#ebe9df}.traffic-lights{display:flex;gap:6px;padding-left:14px}.traffic-lights i{width:8px;height:8px;border-radius:50%;background:#c8c5b9}.traffic-lights i:first-child{background:#ef765e}.traffic-lights i:nth-child(2){background:#e9bc54}.traffic-lights i:nth-child(3){background:#6dbc73}.address-bar{min-width:0;height:27px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid #d5d2c7;border-radius:5px;background:#f8f7f2;color:var(--muted)}.address-bar svg{width:11px;height:11px;color:var(--green)}.address-bar span{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.browser-bar>button{display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer}.browser-bar>button svg{width:14px;height:14px}.site-frame{width:100%;min-height:0;flex:1;border:0;background:#fff}.sandbox-pending{min-height:0;flex:1;position:relative;display:grid;place-items:center;overflow:hidden;background:#f8f7f2}.blueprint-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(25,25,22,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(25,25,22,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,black,transparent 75%)}.pending-preview-card{width:min(460px,calc(100% - 40px));position:relative;padding:42px;border:1px solid var(--line-dark);background:var(--white);box-shadow:12px 12px #e3e1d7;text-align:center}.pending-logo{width:58px;height:58px;position:relative;display:grid;place-items:center;margin:0 auto 23px;border:1px solid var(--line-dark);border-radius:50%}.pending-logo .logo{width:25px;height:25px}.pending-logo span{height:3px;position:absolute;bottom:-1px;left:50%;max-width:100%;background:var(--orange);transform:translate(-50%);transition:width .4s ease}.pending-preview-card>small{color:var(--orange);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.pending-preview-card h2{margin:9px 0 8px;font:500 43px/1 Newsreader,serif;letter-spacing:-.05em}.pending-preview-card p{max-width:330px;margin:0 auto;color:var(--muted);font-size:10px;line-height:1.5}.skeleton-site{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:30px}.skeleton-site span{height:45px;background:#eceae1;animation:skeleton 1.8s ease-in-out infinite}.skeleton-site span:first-child{grid-column:1 / -1;height:8px}.skeleton-site span:nth-child(2){grid-column:1 / 3;height:84px;animation-delay:.15s}.skeleton-site span:nth-child(3){height:84px;animation-delay:.3s}.skeleton-site span:nth-child(4){grid-column:1 / -1;height:6px;animation-delay:.45s}.proof-empty{min-height:0;flex:1;display:grid;justify-items:center;align-content:center;overflow-y:auto;padding:50px;text-align:center}.proof-empty>div{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--line-dark);border-radius:50%;background:var(--white)}.proof-empty>div svg{width:24px;height:24px}.proof-empty>small{margin-top:20px;color:var(--orange);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.proof-empty h1{margin:8px 0 9px;font:500 46px Newsreader,serif;letter-spacing:-.04em}.proof-empty p{max-width:480px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.proof-empty ul{min-width:260px;margin:27px 0 0;padding:0;list-style:none;text-align:left}.proof-empty li{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--line);color:var(--ink-2);font-size:9px}.proof-empty li svg{width:14px;height:14px;color:var(--green)}.proof-view{min-height:0;flex:1;position:relative;overflow-y:auto;padding:clamp(24px,3vw,48px)}.proof-title{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;max-width:1120px;margin:0 auto 27px}.proof-title small{color:var(--orange);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.proof-title h1{max-width:750px;margin:7px 0 0;font:500 clamp(31px,3vw,49px)/1 "Newsreader",serif;letter-spacing:-.045em}.status-pill{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line-dark);background:var(--white);font-size:8px;font-weight:650;text-transform:capitalize;white-space:nowrap}.proof-grid{max-width:1120px;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 auto}.proof-section{min-width:0;padding:20px;border:1px solid var(--line-dark);background:var(--white)}.proof-section>.section-number{width:27px;height:27px;float:left;display:grid;place-items:center;margin-right:10px;border:1px solid var(--line);border-radius:50%;color:var(--orange);font-size:7px;font-weight:700}.proof-section>div:nth-child(2){min-height:44px}.proof-section>div:nth-child(2)>small{color:var(--muted);font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.proof-section h2{margin:4px 0 0;font:500 20px/1.15 Newsreader,serif}.proof-metrics{clear:both;display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border:1px solid var(--line)}.metric{min-width:0;padding:10px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric small,.metric strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric small{color:var(--muted);font-size:7px;text-transform:uppercase}.metric strong{margin-top:4px;font-size:9px;text-transform:capitalize}.file-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.file-list code,.diff-card code{padding:5px 6px;color:var(--ink-2);background:var(--paper);font:7px ui-monospace,monospace;overflow-wrap:anywhere}.seo-note{display:flex;align-items:flex-start;gap:6px;margin:13px 0 0;color:var(--muted);font-size:8px;line-height:1.45}.seo-note svg{width:13px;height:13px;flex:0 0 auto;color:var(--green)}.quality-list{clear:both;margin-top:18px;border-top:1px solid var(--line)}.quality-list>div{min-height:38px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.quality-list>div>span{width:17px;height:17px;display:grid;place-items:center;border:1px solid var(--line-dark);border-radius:50%}.quality-list>div>span.passed{color:#fff;border-color:var(--green);background:var(--green)}.quality-list svg{width:11px;height:11px}.quality-list i{width:4px;height:4px;border-radius:50%;background:var(--muted)}.quality-list strong{font-size:9px}.quality-list em{margin-left:auto;color:var(--muted);font-size:8px;font-style:normal}.capture-list{display:grid;gap:6px;margin-top:10px}.capture-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border:1px solid var(--line);color:inherit;text-decoration:none}.capture-list a:hover{border-color:var(--ink-2)}.capture-list code{overflow-wrap:anywhere;font:7px ui-monospace,monospace}.capture-list span{color:var(--muted);font-size:7px;white-space:nowrap}.diff-list{clear:both;display:grid;gap:8px;margin-top:18px}.diff-card{overflow:hidden;border:1px solid var(--line)}.diff-card>code{display:block;border-bottom:1px solid var(--line)}.diff-card p{display:flex;gap:7px;margin:0;padding:8px;font-size:8px;line-height:1.4;overflow-wrap:anywhere}.diff-card p span{font-weight:700}.diff-card .before{color:#8e3a31;background:var(--red-soft)}.diff-card .after{color:#176653;background:var(--green-soft)}.big-preview-link{clear:both;display:flex;align-items:center;gap:12px;margin-top:18px;padding:15px;color:#fff;background:var(--ink);text-decoration:none}.big-preview-link:hover{background:var(--orange)}.big-preview-link>svg{width:19px;height:19px}.big-preview-link>svg:last-child{width:15px;height:15px;margin-left:auto}.big-preview-link small,.big-preview-link strong{display:block}.big-preview-link small{color:#aaa99b;font-size:7px}.big-preview-link strong{margin-top:2px;font-size:9px}.proof-pending{clear:both;margin-top:18px;padding:16px;border:1px dashed var(--line-dark);color:var(--muted);font-size:9px;text-align:center}.decision-bar{max-width:1120px;position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px auto 0;padding:13px 14px;border:1px solid #303027;color:#fff;background:#191916f7;box-shadow:0 10px 28px #19191633;backdrop-filter:blur(15px)}.decision-bar p{display:flex;align-items:center;gap:10px;margin:0}.decision-bar p>svg{width:19px;height:19px;color:var(--lime)}.decision-bar p strong,.decision-bar p small{display:block}.decision-bar p strong{font-size:9px}.decision-bar p small{margin-top:2px;color:#aaa99b;font-size:7px}.decision-bar>div{display:flex;gap:7px}.decision-bar button{height:34px;padding:0 12px;font-size:8px;font-weight:700;cursor:pointer}.decision-bar .secondary{color:#fff;border:1px solid #59594d;background:transparent}.decision-bar .primary{display:flex;align-items:center;gap:6px;color:var(--ink);background:var(--lime)}.decision-bar .primary:hover{background:#fff}.decision-bar .primary svg{width:13px;height:13px}.decision-bar.deployed{background:#113f35}.decision-bar.compact{position:static;display:block;margin-top:12px;padding:12px}.decision-bar.compact>div{margin-top:11px}.decision-bar.compact button{flex:1}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--paper)}.auth-story{display:flex;flex-direction:column;justify-content:center;padding:clamp(45px,8vw,130px);color:#fff;background:var(--ink)}.auth-story .wordmark{position:absolute;top:30px;color:#fff}.auth-story>small{color:var(--lime);font-size:9px;letter-spacing:.13em}.auth-story h1{margin:18px 0;font:500 clamp(52px,6vw,88px)/.9 "Newsreader",serif;letter-spacing:-.055em}.auth-story p{color:#a9a89a;font-size:12px}.auth-card{width:min(410px,calc(100% - 48px));align-self:center;justify-self:center}.auth-card>small{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:.1em}.auth-card h2{margin:9px 0 28px;font:500 45px Newsreader,serif;letter-spacing:-.04em}.auth-card label{display:block;margin-bottom:16px}.auth-card label span{display:block;margin-bottom:6px;color:var(--muted);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.auth-card label input{width:100%;height:47px;padding:0 12px;border:1px solid var(--line-dark);background:var(--white);font-size:12px}.auth-card .inline-error{margin:0 0 14px}.auth-submit{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:var(--ink);font-size:10px;font-weight:700;cursor:pointer}.auth-submit:hover{background:var(--orange)}.auth-submit svg{width:16px;height:16px}.auth-toggle{width:100%;margin-top:17px;color:var(--muted);background:transparent;font-size:9px;text-decoration:underline;cursor:pointer}.loading-screen{min-height:100vh;display:grid;place-items:center;align-content:center;background:var(--paper)}.loading-mark{width:58px;height:58px;position:relative;display:grid;place-items:center;border:1px solid var(--line-dark);border-radius:50%;background:var(--white)}.loading-mark .logo{width:25px;height:25px}.loading-mark span{width:7px;height:7px;position:absolute;right:1px;bottom:6px;border:2px solid var(--white);border-radius:50%;background:var(--orange);animation:breathe 1s infinite}.loading-screen p{margin-top:13px;color:var(--muted);font-size:8px;letter-spacing:.07em;text-transform:uppercase}.spinner{animation:spin .8s linear infinite}.spinner circle{stroke-dasharray:34 20}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes breathe{50%{opacity:.35;transform:scale(.88)}}@keyframes skeleton{50%{background:#dfdcd0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1050px){.studio-shell{grid-template-columns:370px minmax(0,1fr)}.sandbox{padding-right:10px;padding-left:10px}.proof-grid{grid-template-columns:1fr}}@media(max-width:760px){html,body{height:auto;overflow:auto}.studio-shell{min-height:100vh;height:auto;display:flex;flex-direction:column}.studio-rail{min-height:100vh;border-right:0}.rail-conversation{min-height:420px}.sandbox{min-height:75vh;padding:0 8px 8px;border-top:1px solid var(--line-dark)}.sandbox-header{height:54px}.sandbox-tabs button{min-width:116px}.browser-shell{min-height:68vh}.site-frame{min-height:64vh}.onboarding-page{overflow:auto;background:var(--paper)}.onboarding-nav{height:62px;padding:0 18px}.onboarding-account>span{display:none}.onboarding-focus{width:min(calc(100% - 36px),680px);min-height:calc(100svh - 62px);padding:58px 0 48px}.onboarding-copy h1{font-size:clamp(52px,15vw,76px)}.onboarding-copy>p{max-width:520px;margin-top:21px;font-size:13px}.url-card{margin-top:29px;box-shadow:7px 7px #dad8cd}.url-input-row{display:grid;grid-template-columns:auto 1fr}.url-input-row button{min-width:0;grid-column:1 / -1}.journey-preview{margin-top:42px}.journey-preview li{justify-content:center}.journey-preview li:not(:last-child):after{position:absolute;top:24px;right:-2px;left:calc(50% + 8px);margin:0}.journey-preview li{flex-direction:column;gap:4px;text-align:center}.journey-preview strong{font-size:7px}.auth-screen{display:block}.auth-story{min-height:42vh;padding:90px 25px 35px}.auth-story .wordmark{top:22px}.auth-story h1{font-size:50px}.auth-card{padding:45px 0}.proof-view{padding:24px 12px}.proof-title{display:block}.proof-title .status-pill{width:fit-content;margin-top:13px}.decision-bar:not(.compact){align-items:stretch;flex-direction:column}.decision-bar:not(.compact)>div{display:grid;grid-template-columns:1fr 1.4fr}}@media(max-width:420px){.studio-shell{display:block}.studio-rail{min-height:100svh}.migration-journey,.ready-conversation,.change-conversation{padding-right:20px;padding-left:20px}.sandbox-tabs button{min-width:104px;font-size:8px}.environment{display:none}.sandbox-header>a{margin-left:auto;font-size:0}.proof-grid{gap:9px}.onboarding-focus{width:calc(100% - 28px);padding-top:44px}.onboarding-kicker{font-size:9px}.onboarding-copy h1{font-size:clamp(48px,14vw,62px)}.trust-row{flex-direction:column;gap:9px}.journey-preview strong{font-size:6px;letter-spacing:0}.onboarding-proof{flex-wrap:wrap;line-height:1.5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}