@font-face{font-family:"Bricolage Grotesque";src:url("bricolage.woff2") format("woff2");font-style:normal;font-weight:500 600;font-display:swap}
@font-face{font-family:"Geist";src:url("geist.woff2") format("woff2");font-style:normal;font-weight:400 600;font-display:swap}
:root{--ink:#111827;--muted:#596579;--blue:#2563eb;--navy:#0b1f3a;--line:#e1e5ed;--radius:24px}
body{background:radial-gradient(ellipse at 0 8%,#e9edff66,transparent 32%),#f8faff;color:var(--ink);font-family:"Geist",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
header{background:#ffffffb8;border:1px solid #ffffff;border-radius:22px;backdrop-filter:blur(16px);max-width:1176px;margin:18px auto 0;padding:18px 24px;box-shadow:0 8px 32px #1e3c6b06}
header nav{gap:28px;font-weight:500;font-size:14px}
main{max-width:1240px;padding:0 32px;margin:12px auto 64px}
h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:600;letter-spacing:-.04em}
button,.button{border-radius:999px;background:linear-gradient(125deg,#2563eb,#5953e8);box-shadow:0 6px 18px #3d5de326,inset 0 1px #ffffff30;font-weight:600;padding:13px 24px;font-size:14px}
.secondary{background:transparent;border-color:#cbd5e1;color:#26364e}
.button:hover,button:hover{box-shadow:0 10px 24px #3d5de32b}.secondary:hover{box-shadow:0 6px 16px #183e6910}.card{box-shadow:0 10px 32px #183e6907;border-color:var(--line)}.card p,.card small{overflow-wrap:anywhere}
.test-notice{background:#fff;border-color:var(--line);font-size:11px;margin-bottom:0}.eyebrow{font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.12em;color:#2563eb;font-weight:500}.tag{background:#edf3ff;color:#2156bc;border-color:#dce6fa}
.auth-layout{margin-top:44px;box-shadow:0 16px 50px #10265408}.auth-story{color:#52647b;background:radial-gradient(ellipse at 50% 10%,#dbeafe,transparent 70%),#edf3fc}.auth-story h1{color:#17243c}.auth-story h1 em{color:#2563eb}.auth-story .eyebrow{color:#2563eb}.auth-story:after{border-color:#2563eb15;box-shadow:0 0 0 60px #2563eb04,0 0 0 120px #2563eb02}.story-points span{background:#fff;border-color:#dce6f3;color:#2563eb}.story-note{color:#516780;border-color:#ccdaec}
.speed-hero{position:relative;padding:70px 0 60px;isolation:isolate}
.speed-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#2563eb09 1px,transparent 1px),linear-gradient(90deg,#2563eb09 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 65% at 50% 35%,#000 25%,transparent 90%)}
.speed-hero:before{content:"";position:absolute;z-index:-1;inset:-20px -20px 0;background:radial-gradient(ellipse at 20% 25%,#dbeafeaa,transparent 48%),radial-gradient(ellipse at 80% 20%,#e4dfffaa,transparent 48%)}
.speed-hero-content{max-width:1040px;margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.product-badge{display:inline-flex;gap:12px;align-items:center;border:1px solid #dbe3ef;border-radius:999px;padding:9px 17px;background:#ffffffcc;box-shadow:0 4px 16px #1b356409;font-size:12px;color:#596579;margin:12px 0 34px}
.speed-hero h1{font-size:clamp(48px,6.8vw,94px);line-height:1.04;margin:0;letter-spacing:-.055em}
.speed-hero h1 em,.launch-cta em{font-style:normal;color:#365fce;background:linear-gradient(100deg,#1874db,#6252d7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.speed-hero-content>p{max-width:610px;font-size:18px;line-height:1.65;color:var(--muted);margin:30px 0 0}
.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:36px}.hero-actions .button{min-height:50px}
.speed-hero-content>.hero-footnote{font-size:12px;margin-top:24px;color:#65768c}
.product-section{padding:96px 0;border-top:1px solid var(--line);scroll-margin-top:24px}
.product-section h2{font-size:clamp(36px,4.8vw,66px);line-height:1.04;margin:24px 0;max-width:900px}
.section-copy{max-width:460px;font-size:17px;line-height:1.65;color:var(--muted);margin-bottom:26px}
.journey-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.journey-preview{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 16px 40px #10265406}
.journey-preview-head{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.journey-list{list-style:none;padding:0;margin:30px 0 20px;display:flex;flex-direction:column;gap:26px}
.journey-list li{display:flex;gap:18px;align-items:center}.journey-number{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:14px;background:#edf3ff;color:#2563eb;font:13px ui-monospace,monospace}
.journey-list h3{margin:0 0 6px;font-size:19px}.journey-list p{margin:0;font-size:12px;color:var(--muted)}.preview-caption{font-size:11px!important;color:#596579!important;line-height:1.6}
.text-link{font-size:13px;text-decoration:none;border-bottom:1px solid #afbed5;padding-bottom:3px;align-self:flex-start}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:52px}
.feature-card{padding:32px;border:1px solid #dee6f3;border-radius:24px;background:linear-gradient(150deg,#fff,#f4f7fd);box-shadow:0 10px 24px #203f6606;display:flex;flex-direction:column;gap:32px;min-height:265px}
.feature-card>svg{box-sizing:content-box;width:28px;height:28px;padding:14px;border:1px solid #dfe8fc;border-radius:17px;background:linear-gradient(145deg,#eef5ff,#f2eeff);fill:none;stroke:#365fc4;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feature-card>div{margin-top:auto}.feature-card h3{font-size:23px;margin:0 0 12px}.feature-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}.role-choice{padding:40px;gap:24px;min-height:340px;background:linear-gradient(140deg,#eaf2ff,#fff 70%)}.role-choice:nth-child(2){background:linear-gradient(140deg,#eeedff,#fff 70%)}.role-choice .tag{align-self:flex-start}.role-choice h3{font-size:30px;margin:0}.role-choice>div{margin-top:auto}
.launch-cta{text-align:center;padding:100px 0 70px}.launch-cta h2{font-size:clamp(42px,6.5vw,90px);margin:26px auto}.launch-cta p{max-width:610px;margin:28px auto;color:var(--muted);font-size:15px}
.hero-assurances{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:28px;color:#52647d;font-size:11px}.hero-assurances span:before{content:"";display:inline-block;width:6px;height:6px;background:#607dd8;border-radius:50%;margin-right:7px}
.workspace-showcase{position:relative;max-width:980px;margin:62px auto 0;padding:0 20px}
.workspace-window{background:#fff;border:1px solid #d6e2f2;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -30px #274c8240,0 8px 20px #274c8210;transform:perspective(1400px) rotateX(3deg)}
.window-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-bottom:1px solid #e4eaf3;background:#fcfdff;color:#667a94;font-size:10px}
.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#c5d4e7}.window-dots i:first-child{background:#c3bde9}.window-lock{font-size:15px}
.workspace-shell{display:grid;grid-template-columns:175px minmax(0,1fr)}
.workspace-sidebar{display:flex;flex-direction:column;gap:18px;padding:24px 16px;background:linear-gradient(180deg,#f8faff,#f0f4fc);border-right:1px solid #e4eaf3;font-size:11px;color:#65768d}
.sidebar-identity{display:flex;gap:8px;align-items:center;margin-bottom:14px;color:#284562;font-size:14px}.sidebar-identity img{object-fit:contain}.sidebar-caption{font:8px ui-monospace,monospace;letter-spacing:.12em}.workspace-sidebar .sidebar-active{color:#315fc7;background:#e4edff;border:1px solid #d9e5ff;padding:10px;border-radius:9px;margin:0 -4px}.sidebar-bottom{margin-top:auto;font-size:9px;line-height:1.7;color:#667a94}
.workspace-canvas{padding:28px;background:linear-gradient(150deg,#fff,#f8faff)}
.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}.workspace-heading .eyebrow{font-size:8px}.workspace-heading h2{font-size:25px;margin:7px 0 0;letter-spacing:-.04em}.workspace-heading .tag{font-size:9px}
.workspace-bento{display:grid;grid-template-columns:1.12fr 1fr;gap:18px}
.concept-store{border:1px solid #dedcf5;border-radius:15px;background:#f2efff;overflow:hidden}
.concept-store-top{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e4def5;font-size:8px;letter-spacing:.12em;color:#655a8e}
.concept-store-art{height:140px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at center,#dad9ff,transparent 66%);overflow:hidden}
.concept-object{position:absolute;width:73px;height:96px;border-radius:19px;background:linear-gradient(135deg,#ecefff 6%,#adb9ed 45%,#788cce 80%);border:1px solid #b5c4f1;box-shadow:inset 6px 4px 12px #ffffff9c,15px 15px 25px #5c69a335;transform:rotate(-18deg)}
.concept-object:after{content:"DS";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:600}
.concept-orbit{width:190px;height:78px;border:1px solid #a7b2db;border-radius:50%;transform:rotate(-22deg)}.concept-spark{position:absolute;right:36px;top:26px;color:#7d75bd;font-size:24px}
.concept-store-copy{padding:0 20px 20px}.concept-store-copy .eyebrow{font-size:8px;color:#655a8e}.concept-store-copy h3{font-size:23px;line-height:1.16;color:#3a345a;margin:10px 0}.concept-caption{font-size:8px;color:#655a8e;display:block}
.concept-checklist{background:#fff;border:1px solid #e1e8f3;border-radius:15px;padding:20px}.concept-checklist .eyebrow{font-size:8px}.concept-checklist h3{font-size:20px;line-height:1.25;margin:10px 0 20px}.concept-step{display:flex;gap:10px;align-items:center;margin-bottom:20px;font-size:10px;color:#2a4360}.concept-step>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#eef4ff;color:#3968cc;font:9px ui-monospace,monospace;flex-shrink:0}.concept-step small{display:block;color:#667a94;font-size:9px;margin-top:4px}.concept-checklist>p{font-size:9px;color:#677990;border-top:1px solid #e7edf5;padding-top:12px;margin:0}
.floating-note{position:absolute;display:flex;align-items:center;gap:12px;background:#ffffffed;border:1px solid #dfe7f6;border-radius:14px;padding:16px;box-shadow:0 14px 35px #29487a17;font-size:11px;font-weight:600;color:#294467;max-width:280px}.floating-note>span{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #e3ddfb;border-radius:11px;background:#f1edff;color:#7360c1;font-size:18px}.floating-note small{display:block;color:#65768d;font-weight:400;font-size:9px;margin-top:4px}.note-brand{left:-16px;bottom:110px;transform:rotate(-4deg)}.note-access{right:-10px;top:85px;transform:rotate(4deg)}.note-access>span{color:#3c73b9;background:#eaf4ff;border-color:#d9e7fa}
.workspace-showcase figcaption{font-size:10px;text-align:center;color:#65768d;margin-top:22px}
.journey-preview{background:linear-gradient(145deg,#fff,#f4f7ff);box-shadow:0 18px 45px #1b376413;border-color:#d7e2f3;padding:34px}.journey-list li{padding:13px;border:1px solid #e1e8f4;border-radius:15px;background:#ffffffa8}.journey-list{gap:13px}
.premium-features{background:radial-gradient(ellipse at 0 0,#ecedff80,transparent 55%)}.premium-features .feature-card:first-child{background:linear-gradient(145deg,#eaf2ff,#f8faff);border-color:#cfddf7}
.role-choice{box-shadow:0 18px 38px #274c8210}.role-choice .tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.launch-cta{margin-top:35px;border:1px solid #dce5f5;border-radius:32px;background:radial-gradient(ellipse at 20% 40%,#e1eaff,transparent 60%),radial-gradient(ellipse at 95% 20%,#e8e3ff,transparent 60%),#f4f7ff;padding:76px 32px;box-shadow:inset 0 1px #fff}.launch-cta h2{font-size:clamp(42px,5.7vw,78px)}
.auth-layout{border:1px solid #d6e1f3;border-radius:30px;box-shadow:0 25px 70px #274c8215}.auth-story{background:radial-gradient(ellipse at 0 0,#dce5ff,transparent 65%),radial-gradient(ellipse at 85% 80%,#e5dbff,transparent 65%),#edf3fc}.auth-story h1{font-size:clamp(32px,3.5vw,48px)}.auth-story h1 em{color:#4c61c6}.story-points li{padding:13px;border:1px solid #ffffffbd;border-radius:13px;background:#ffffff4d;margin:15px 0}.auth-panel{background:linear-gradient(160deg,#fff,#fbfcff)}.social-options .button{box-shadow:0 4px 12px #183e6906}.auth-panel input{background:#f7f9ff;border-color:#d9e2f3}
footer{max-width:1240px;padding:24px 32px}
.domain-choices{border:0;padding:0;margin:22px 0}.domain-choices legend{font-size:13px;font-weight:600;margin-bottom:10px}.domain-choices label{position:relative;border:1px solid #d9e3f4;border-radius:13px;padding:16px 16px 16px 42px;background:#f7f9ff;margin:10px 0}.domain-choices input{position:absolute;left:14px;top:20px;width:16px;height:16px;margin:0;padding:0;accent-color:#2563eb}.domain-choices small{display:block;font-size:11px;font-weight:400;color:#596579}.dns-record{display:flex;flex-direction:column;gap:7px;background:#f1f5ff;border:1px solid #dbe5f5;padding:18px;border-radius:14px;overflow-wrap:anywhere;font-size:13px}button:disabled{opacity:.6;cursor:not-allowed;transform:none}
.field-hint{font-weight:400;font-size:11px;color:#596579}.field-help{font-size:12px;color:#596579;line-height:1.7;margin:10px 0}.address-preview{padding:14px;border:1px solid #dbe5f5;border-radius:12px;background:#f1f5ff;margin:15px 0}.address-preview>span{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#536784}.address-preview small{font-size:9px;color:#596579}.address-preview output{display:block;font-size:13px;color:#254a9e;overflow-wrap:anywhere;margin-top:7px}.field-feedback{color:#973e19;font-size:12px;margin:6px 0}.field-feedback:empty{display:none}.custom-domain-note{padding:15px;border:1px solid #e2e5f2;background:#f8f7fe;border-radius:12px;margin:18px 0}.custom-domain-note strong{font-size:12px}.custom-domain-note p{font-size:12px;line-height:1.7;color:#596579;margin:7px 0 0}
@media(max-width:900px){.journey-section{gap:28px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-choice{padding:28px}.product-section{padding:70px 0}}
@media(max-width:680px){header{padding:20px;gap:20px}header nav{gap:16px;flex-wrap:wrap;width:100%}.product-nav{display:none}header nav .button{min-height:40px;font-size:12px;padding:9px 16px}main{padding:0 20px}.speed-hero{padding:44px 0 65px}.speed-hero h1{font-size:clamp(42px,10vw,66px)}.product-badge{font-size:10px;gap:8px;padding:8px 12px;margin-bottom:25px}.speed-hero-content>p{font-size:15px}.speed-hero-content>.hero-footnote{font-size:10px}.hero-actions{gap:10px;margin-top:26px}.hero-actions .button{font-size:12px;min-height:46px;padding:12px 18px}.product-section{padding:55px 0}.product-section h2{font-size:36px}.journey-section,.feature-grid,.role-grid{grid-template-columns:1fr}.feature-grid{margin-top:30px}.journey-preview{padding:23px}.feature-card{padding:28px;min-height:230px}.role-grid{margin-top:30px}.role-choice{min-height:320px}.launch-cta h2{font-size:42px}.test-notice{margin-bottom:0}.auth-story{padding:30px 25px}.auth-layout{margin-top:28px}footer{padding:24px 20px}}
@media(max-width:1050px){.floating-note{display:none}.workspace-showcase{max-width:860px}.workspace-sidebar{padding:20px 13px}.workspace-shell{grid-template-columns:145px minmax(0,1fr)}}
@media(max-width:680px){header{margin:12px 14px 0;border-radius:18px}.hero-assurances{gap:10px;font-size:10px}.workspace-showcase{margin:38px 0 0;padding:0}.workspace-window{transform:none;border-radius:17px}.workspace-sidebar{display:none}.workspace-shell{grid-template-columns:minmax(0,1fr)}.workspace-canvas{padding:18px}.workspace-heading{flex-wrap:wrap}.workspace-heading h2{font-size:23px}.workspace-heading .eyebrow{font-size:8px}.workspace-bento{grid-template-columns:1fr}.concept-store{display:grid;grid-template-columns:1fr 1fr}.concept-store-top{grid-column:1/-1}.concept-store-art{height:150px}.concept-store-copy{padding:18px 14px 18px 0;align-self:center}.concept-store-copy h3{font-size:20px}.concept-store-copy .eyebrow{font-size:7px}.concept-caption{font-size:8px}.concept-checklist{padding:18px}.concept-checklist h3{margin-bottom:15px}.concept-step{margin-bottom:14px;font-size:11px}.window-toolbar{padding:12px 14px;font-size:8px}.workspace-showcase figcaption{font-size:9px;line-height:1.6}.launch-cta{padding:45px 20px;border-radius:24px}.journey-list li{padding:12px}.journey-list li h3{font-size:18px}.auth-story h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.workspace-window{transform:none}}