@import url('https://fonts.googleapis.com/css2?family=Geom:wght@400;500;600;700;800&display=swap');

:root{--ink:#071b43;--blue:#0869e8;--blue2:#2386f5;--body:#174f8a;--cream:#fbf8ef;--line:rgba(16,112,213,.2);--surface:rgba(255,255,255,.76);--frame:1440px;--gutter:max(40px,calc((100% - var(--frame))/2));font-family:'Geom','Montserrat','Avenir Next',system-ui,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;overflow-x:hidden}body{background:#fbf8ef}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scroll-progress{position:fixed;z-index:200;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#0570e8,#55c9f6,#ff8b9c);transform:scaleX(var(--scroll-progress,0));transform-origin:left center}.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 8% 32%,rgba(94,217,255,.3),transparent 34%),radial-gradient(circle at 84% 16%,rgba(255,137,154,.27),transparent 33%),radial-gradient(circle at 42% 62%,rgba(255,210,102,.24),transparent 33%),linear-gradient(115deg,#fbf8ef,#fffaf1 46%,#f9fbf7);pointer-events:none}.ambient i{position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(76px);opacity:.4;animation:drift 18s ease-in-out infinite alternate}.ambient i:nth-child(1){background:linear-gradient(145deg,#74dcff,transparent 70%);left:-24vw;top:26vh}.ambient i:nth-child(2){background:linear-gradient(145deg,#ffb389,#ff87ad);right:-23vw;top:5vh;animation-delay:-4s}.ambient i:nth-child(3){background:linear-gradient(145deg,#ffe080,#84e6f7);left:18vw;top:70vh;animation-delay:-7s}.ambient i:nth-child(4){background:linear-gradient(145deg,#ff92a7,#7ddcff);right:-16vw;top:125vh;animation-delay:-11s}@keyframes drift{to{transform:translate3d(6vw,9vh,0) scale(1.16)}}
.navbar{position:fixed;z-index:100;top:18px;left:50%;transform:translateX(-50%);width:min(var(--frame),calc(100% - 80px));height:62px;padding:0 12px 0 20px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:linear-gradient(100deg,rgba(255,252,244,.84),rgba(244,252,255,.77));backdrop-filter:blur(22px);box-shadow:0 8px 32px rgba(21,87,150,.08);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-family:'Geom','Montserrat',system-ui,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.045em;line-height:1}.logo-mark{width:30px;height:30px;flex:none;filter:drop-shadow(0 4px 10px rgba(8,105,232,.22));transition:transform .3s}.logo:hover .logo-mark{transform:rotate(-6deg) scale(1.06)}.logo span{display:inline-flex;align-items:baseline}.logo span b{font-weight:800;color:var(--blue);margin-left:1px}.navlinks{display:flex;align-items:center;gap:30px;font-size:14px;color:#245d94}.navlinks a{text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}.navlinks a:hover{color:var(--blue)}.navlinks svg{width:16px}.nav-cta{padding:13px 19px;color:#fff!important;background:linear-gradient(120deg,#0869e8,#0a80e8);border-radius:99px}.menu{display:none;border:0;background:transparent;color:var(--ink)}.menu svg{width:24px}
.section,.hero{position:relative;min-height:100vh;padding:clamp(100px,9vw,150px) var(--gutter);display:flex;align-items:center}.hero{padding-top:140px;min-height:1000px}.hero-copy{position:relative;z-index:5;width:43%;max-width:650px}.eyebrow{font-size:18px;font-weight:600;color:#2c66a2;margin:0 0 14px}.hero h1,.section h2{font-family:'Geom','Montserrat',system-ui,sans-serif;font-size:clamp(58px,5.35vw,92px);font-weight:700;letter-spacing:-.07em;line-height:.91;margin:0;color:#07163b}.hero h1 em,.section h2 em{font-weight:500;font-style:italic}.lede{font-size:20px;line-height:1.52;color:#123f73;max-width:590px;margin:36px 0 28px}.lede strong{font-weight:700}.cta,.play{height:58px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:0 28px;border:0;text-decoration:none;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s}.cta{color:#fff;background:linear-gradient(125deg,#0869e8,#075ac8);box-shadow:0 12px 28px rgba(0,99,226,.18)}.cta:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(0,99,226,.25)}.cta svg,.play svg{width:19px}.cta.is-done{background:linear-gradient(125deg,#098d68,#08aa80)}.waitlist-form{width:min(550px,100%);min-height:64px;padding:6px;display:flex;align-items:center;border:1px solid rgba(11,105,204,.22);border-radius:999px;background:linear-gradient(110deg,rgba(255,255,255,.88),rgba(239,249,255,.72));box-shadow:0 18px 45px rgba(24,103,169,.12);transition:border-color .25s,box-shadow .25s}.waitlist-form:focus-within{border-color:#0d7ce9;box-shadow:0 0 0 4px rgba(13,124,233,.1),0 20px 48px rgba(24,103,169,.16)}.waitlist-form input{min-width:0;flex:1;height:50px;padding:0 20px;border:0;outline:0;background:transparent;color:var(--ink);font-size:16px}.waitlist-form input::placeholder{color:#7797b3}.waitlist-form button{height:50px;padding:0 22px;border:0;border-radius:999px;background:linear-gradient(120deg,#0869e8,#007fdc);color:#fff;font-weight:600;display:flex;align-items:center;gap:16px;white-space:nowrap;box-shadow:0 10px 24px rgba(0,105,220,.18);transition:transform .2s,box-shadow .2s}.waitlist-form button:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(0,105,220,.25)}.waitlist-form button svg{width:18px}.waitlist-success{width:100%;height:50px;padding:0 18px;display:flex;align-items:center;gap:12px;color:#087b60;font-weight:600}.waitlist-success svg{width:21px}.micro,.fine{font-size:15px;line-height:1.5;color:#456a94}.micro{margin-top:20px;max-width:470px}.fine{max-width:480px}.hairline{width:85px;border-top:1px solid rgba(44,102,162,.32);margin:34px 0 22px}.art-scene{transform:translate3d(0,var(--parallax,0),0);will-change:transform}.hero-art{position:absolute;width:60vw;min-width:850px;height:750px;right:-5.5vw;top:170px;z-index:1}.site-mock{position:absolute;width:860px;height:650px;border:3px solid rgba(255,255,255,.8);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(244,252,255,.84));box-shadow:0 45px 90px rgba(42,122,181,.16);color:#1b5a99}.hero-art .site-mock{left:90px;top:28px;transform:rotate(-17deg);animation:mockDrift 7s ease-in-out infinite}.browserbar{height:52px;padding:0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d7e8f5;background:linear-gradient(100deg,rgba(244,249,252,.92),rgba(238,247,253,.76))}.traffic{width:14px;height:14px;border-radius:50%}.red{background:#ff5f64}.yellow{background:#ffc85a}.green{background:#42bc78}.address{height:34px;line-height:34px;margin-left:14px;padding:0 18px;flex:1;border-radius:99px;background:#fff;color:#6a90b6;font-size:14px}.site-nav{height:100px;padding:0 52px;display:flex;align-items:center;gap:24px;font-size:14px}.site-nav>div:nth-child(2){margin-left:auto}.site-nav svg{width:22px}.mark{position:relative;width:44px;height:28px}.mark i{position:absolute;width:22px;height:30px;border-radius:50%;background:linear-gradient(145deg,var(--blue),#158be6);transform:rotate(34deg)}.mark i+ i{left:14px;top:-5px;background:linear-gradient(145deg,#a1e3ff,#75c2f9)}.site-content{position:relative;padding:5px 82px}.site-content h3{font-family:'Geom','Montserrat',system-ui,sans-serif;font-size:56px;line-height:.92;letter-spacing:-.065em;margin:0;color:#08204b;font-weight:700}.site-content h3 em{font-weight:500}.site-content>p{font-size:17px;line-height:1.45;margin:35px 0 20px}.site-content>button{height:54px;border:0;border-radius:50px;padding:0 28px;background:linear-gradient(120deg,#0869e8,#0a80e8);color:#fff;display:flex;align-items:center;gap:20px;font-weight:600}.site-content>button svg{width:18px}.site-content>img{display:block;width:100%;height:260px;object-fit:cover;margin-top:48px;border-radius:18px 18px 0 0;filter:saturate(.8)}.selection{position:relative;border:2px solid #0878ff;padding:10px 14px;margin:-12px -16px -8px;animation:selectionGlow 3s ease-in-out infinite}.selection>i{position:absolute;width:10px;height:10px;background:#fff;border:2px solid #0878ff}.selection>i:nth-of-type(1){left:-6px;top:-6px}.selection>i:nth-of-type(2){right:-6px;top:-6px}.selection>i:nth-of-type(3){left:-6px;bottom:-6px}.selection>i:nth-of-type(4){right:-6px;bottom:-6px}.selection .pin{position:absolute;top:-49px;left:58%;width:32px;height:32px;border-radius:50% 50% 50% 0;background:linear-gradient(145deg,#ff7470,#fb5f73);color:#fff;text-align:center;line-height:32px;font-family:'Geom';font-size:14px;transform:rotate(-45deg);box-shadow:0 5px 15px rgba(255,111,106,.3)}.selection .pin::first-letter{transform:rotate(45deg)}.measure{position:absolute;bottom:-31px;left:40%;padding:4px 10px;background:linear-gradient(120deg,#0878ff,#0c65dc);color:#fff;border-radius:4px;font:600 13px 'Geom'}.hand{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 20px 24px rgba(0,94,199,.1));transform-origin:70% 70%}.hand--hero{width:520px;right:-20px;top:255px;animation:handFloat 4s ease-in-out infinite}.floating-chip{position:absolute;right:240px;top:420px;padding:10px 17px;background:linear-gradient(120deg,#0869e8,#0b75e9);border-radius:5px;color:#fff;font-size:15px;transform:rotate(-17deg)}@keyframes handFloat{50%{transform:translate3d(-12px,-8px,0) rotate(-1deg)}}@keyframes mockDrift{50%{transform:rotate(-16.2deg) translate3d(-5px,-8px,0)}}@keyframes selectionGlow{50%{box-shadow:0 0 0 5px rgba(8,120,255,.07)}}
.inspector-capture{position:absolute;width:1080px;padding-top:40px;border:3px solid rgba(255,255,255,.9);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 40px 100px rgba(40,115,176,.19);transform-origin:center;isolation:isolate}.capture-chrome{position:absolute;z-index:3;inset:0 0 auto;height:40px;padding:0 15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(53,129,185,.14);background:linear-gradient(105deg,rgba(247,251,253,.98),rgba(236,247,253,.94));color:#678baa;font-size:12px}.capture-chrome>span{width:10px;height:10px;border-radius:50%;background:#ff646a}.capture-chrome>span:nth-child(2){background:#ffc55b}.capture-chrome>span:nth-child(3){background:#46be7d}.capture-chrome>div{margin-left:10px;padding:6px 15px;border-radius:99px;background:#fff}.inspector-capture>img{display:block;width:100%;height:auto}.capture-shine{position:absolute;z-index:2;inset:40px 0 0;background:linear-gradient(120deg,rgba(255,255,255,.19),transparent 27%,transparent 72%,rgba(126,215,255,.1));pointer-events:none}.hero-art .inspector-capture{left:10px;top:58px;transform:rotate(-10deg);animation:inspectorHeroDrift 7s ease-in-out infinite}.story-art .inspector-capture{left:-80px;top:80px;width:1060px;transform:rotate(5deg);animation:inspectorStoryDrift 8s ease-in-out infinite}.comment-illustration{position:absolute;z-index:4;width:260px;left:400px;top:60px;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(15,103,184,.16));animation:commentFloat 4.6s ease-in-out infinite}@keyframes inspectorHeroDrift{50%{transform:rotate(-9.2deg) translate3d(-6px,-9px,0)}}@keyframes inspectorStoryDrift{50%{transform:rotate(4.3deg) translate3d(7px,-8px,0)}}@keyframes commentFloat{50%{transform:translate3d(-10px,-12px,0) rotate(-1.5deg)}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}
.story{min-height:960px;justify-content:flex-end}.story-art{position:absolute;left:-10vw;top:200px;width:66vw;height:720px}.story-art .site-mock{left:0;top:0;transform:rotate(8deg);width:920px;height:690px}.site-mock--build .site-content h3{font-size:70px}.hand--story{width:400px;right:90px;top:210px;transform:rotate(-12deg)}.story-copy{width:47%;max-width:680px;position:relative;z-index:2}.story h2{font-size:clamp(54px,5vw,82px);line-height:.96}.story-copy>p:not(.eyebrow):not(.fine){font-size:20px;line-height:1.42;color:#2d679f;margin:30px 0 28px}.story-copy .fine{margin-top:22px}
.steps{min-height:1040px;padding-top:110px;align-items:flex-start}.steps-inner{width:min(1200px,100%);margin:auto}.steps h2{text-align:center;font-size:clamp(58px,5.2vw,86px)}.step-row{display:grid;grid-template-columns:repeat(3,1fr);gap:52px;margin:42px 0 55px}.step-row article{display:flex;gap:18px}.step-row article>b{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#38a2e9);color:#fff;font-size:18px}.step-row h3{font-size:24px;margin:6px 0 8px}.step-row p{color:#28659c;line-height:1.45;margin:0;font-size:15px}.workflow-art{height:445px;display:grid;grid-template-columns:1.65fr .65fr .7fr;gap:10px}.workflow-art>.site-mock{position:relative;width:auto;height:100%;border-radius:17px;box-shadow:0 20px 60px rgba(25,105,167,.12)}.workflow-art .browserbar{height:43px}.workflow-art .site-nav{height:65px;padding:0 34px}.workflow-art .site-content{padding:0 44px}.workflow-art .site-content h3{font-size:44px}.workflow-art .site-content p{font-size:13px;margin:20px 0}.workflow-art .site-content img{height:160px;margin-top:24px}.workflow-art .site-content button{display:none}.tool-panel{height:100%;border:2px solid rgba(58,156,230,.26);border-radius:17px;background:rgba(247,252,255,.84);padding:18px;color:#185890;box-shadow:0 20px 60px rgba(25,105,167,.1)}.tool-panel h4{display:flex;align-items:center;gap:8px;margin:-18px -18px 14px;padding:17px;border-bottom:1px solid rgba(58,156,230,.18);font-size:15px}.tool-panel h4 svg{width:18px}.tool-panel h5{font-size:14px;margin:16px 0 8px}.tool-panel label{display:grid;gap:5px;margin:10px 0;font-size:11px}.tool-panel label span{height:32px;padding:8px;border:1px solid rgba(58,156,230,.25);border-radius:5px;background:#fff}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.swatch{display:inline-block;width:17px;height:17px;margin-right:8px;border-radius:50%;background:#10233b;vertical-align:middle}.tool-panel button{width:100%;height:37px;border:0;border-radius:6px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.tool-panel button svg{width:15px}.export-panel pre{font:11px/1.55 ui-monospace,monospace;padding:14px;background:#fff;border-radius:8px;color:#0570d9;white-space:pre-wrap}.export-panel p{font-size:10px}.export-panel button{margin-top:28px;background:transparent;color:var(--blue);border:1px solid var(--blue)}
.features{min-height:1040px}.features-copy{width:50%;position:relative;z-index:4}.features h2{font-size:clamp(55px,5.3vw,86px)}.feature-list{display:grid;gap:22px;margin-top:38px}.feature-list article{display:flex;gap:21px;max-width:570px}.feature-list article>b{width:58px;height:58px;flex:0 0 58px;border-radius:50%;display:grid;place-items:center;background:rgba(99,210,255,.23);color:var(--blue)}.feature-list svg{width:29px}.feature-list h3{margin:4px 0 5px;font-size:18px}.feature-list p{margin:0;color:#2170b2;line-height:1.45;font-size:14px}.token-note{display:flex;gap:16px;align-items:flex-start;margin-top:36px;padding-top:24px;border-top:1px solid rgba(29,106,171,.28);max-width:560px;color:#2678b9;font-size:14px;line-height:1.5}.token-note svg{flex:0 0 24px}.devices{position:absolute;right:-4vw;top:235px;width:57vw;height:640px}.laptop{position:absolute;left:16%;top:22px;width:70%;height:420px;border:3px solid #1f85df;border-radius:18px;background:rgba(255,255,255,.68);box-shadow:0 30px 70px rgba(29,113,177,.16);transform:perspective(900px) rotateY(-4deg)}.device-top{height:44px;border-bottom:1px solid #cde7f5}.skeleton{display:grid;gap:18px;padding:66px 50px}.skeleton i{display:block;height:13px;border-radius:99px;background:rgba(92,172,226,.24)}.skeleton i:nth-child(1){height:120px}.skeleton i:nth-child(3){width:70%}.laptop>.selection{position:absolute;right:70px;top:235px;width:180px;height:54px}.laptop>.selection button{width:100%;height:100%;border:0;border-radius:99px;background:linear-gradient(135deg,#167be4,#0357c2)}.tablet,.phone{position:absolute;bottom:30px;background:rgba(255,255,255,.83);border:3px solid #157ed9;box-shadow:0 20px 40px rgba(29,113,177,.12)}.tablet{left:5%;width:200px;height:330px;border-radius:17px;transform:rotate(-5deg)}.phone{left:29%;width:120px;height:250px;border-radius:20px;transform:rotate(-1deg)}.tablet div,.phone div{height:95px;margin:50px 14px 18px;background:rgba(65,153,218,.12);border-radius:8px}.tablet i,.phone i{display:block;height:7px;margin:8px 16px;border-radius:99px;background:rgba(65,153,218,.23)}.tablet button,.phone button{height:24px;width:66px;margin:10px 16px;border:0;border-radius:99px;background:#0872dc}.device-switch{position:absolute;right:2%;top:-20px;width:255px;padding:13px;border:2px solid #37a1e4;border-radius:17px;background:rgba(255,255,255,.88);display:grid;grid-template-columns:repeat(3,1fr);gap:9px;color:#0873d8}.device-switch>svg{height:32px;padding:6px;border:1px solid #c7e5f4;border-radius:8px}.device-switch>span{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:7px;border-top:1px solid #d9eaf4;font-size:13px}.device-switch span svg{width:18px}.hand--device{right:-10px;bottom:-70px;width:430px}
.privacy{min-height:1030px;display:block;padding-top:110px}.privacy-copy{text-align:center;max-width:860px;margin:0 auto}.privacy h2{font-size:clamp(62px,5.4vw,88px)}.privacy-copy>p{font-size:19px;line-height:1.52;color:#174d80}.privacy-copy .privacy-fine{font-size:14px;color:#4b81ae;margin-top:20px}.privacy-copy>a{display:inline-block;color:#0067cc;margin-top:2px}.reload svg{width:34px}
.final{min-height:900px;display:block;text-align:center;padding-top:135px}.final h2{font-size:clamp(62px,6.3vw,102px)}.final .cta{margin-top:38px}
footer{min-height:260px;padding:70px var(--gutter) 35px;border-top:1px solid rgba(33,106,167,.13);display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:25px;color:#316d9f}footer>p{margin:0;text-align:right}footer>div{display:flex;gap:25px;flex-wrap:wrap}footer>div a{text-decoration:none;display:flex;align-items:center;gap:6px}footer svg{width:16px}footer>span{text-align:right}
@media(max-width:1050px){.navlinks{gap:16px}.hero{min-height:1080px;align-items:flex-start}.hero-copy{width:65%}.hero-art{top:530px;width:100vw;right:-18vw;transform:scale(.78)!important;transform-origin:top center}.story{padding-top:110px;align-items:flex-start}.story-copy{width:80%;margin-left:auto}.story-art{top:500px;width:100vw;left:-20vw;transform:scale(.75)!important}.workflow-art{grid-template-columns:1.4fr .8fr}.export-panel{display:none}.features{display:block;padding-top:110px}.features-copy{width:85%}.devices{position:relative;width:100%;right:auto;top:auto;margin-top:70px}.privacy{padding-top:120px}.step-row{gap:24px}}
@media(max-width:1050px){.hero-copy{width:100%;max-width:833px;margin-left:auto;margin-right:auto;text-align:center}.hero .lede{max-width:650px;margin-left:auto;margin-right:auto}.hero .waitlist-form,.hero .micro,.hero .fine{margin-left:auto;margin-right:auto}.hero .hairline{display:none}.hero .fine{margin-top:18px}.pfiles{display:none}}
@media(max-width:760px){:root{--gutter:22px}.navbar{top:10px;width:calc(100% - 20px)}.menu{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:70px;padding:20px;border-radius:22px;background:linear-gradient(145deg,rgba(255,252,245,.98),rgba(239,249,255,.96));box-shadow:0 20px 50px rgba(11,64,115,.14);align-items:stretch}.navlinks.is-open{display:flex;flex-direction:column}.navlinks a{justify-content:center}.section,.hero{min-height:auto}.hero{padding-top:120px;padding-bottom:650px}.hero-copy{width:100%}.hero h1,.section h2{font-size:48px;letter-spacing:-.065em}.lede{font-size:18px}.waitlist-form{border-radius:25px;display:grid;padding:7px}.waitlist-form input{width:100%;height:48px}.waitlist-form button{width:100%;justify-content:center}.hero-art{top:auto;bottom:20px;right:-390px;width:1100px;transform:scale(.6)!important;transform-origin:bottom center}.story{display:block;padding-top:90px;padding-bottom:550px}.story-copy{width:100%}.story-art{top:auto;bottom:-80px;left:-280px;width:1050px;transform:scale(.58)!important;transform-origin:bottom center}.steps{padding-top:90px}.step-row{grid-template-columns:1fr;margin:40px 0}.workflow-art{height:auto;display:block}.workflow-art>.site-mock{height:440px}.tool-panel{display:none}.features{padding-top:90px}.features-copy{width:100%}.devices{height:500px;margin-top:45px;transform:scale(.78)!important;transform-origin:top center}.device-switch{right:-70px}.hand--device{right:-110px}.privacy{padding-top:90px}.privacy-copy>p{font-size:16px}.final{padding-top:100px;min-height:760px}footer{grid-template-columns:1fr;text-align:left}footer>p,footer>span{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.art-scene{transform:none!important}.reveal{opacity:1;transform:none}}
.portfolio-workflow-shot{position:relative;height:100%;overflow:hidden;border:3px solid rgba(255,255,255,.86);border-radius:17px;background:#0b0b0e;box-shadow:0 20px 60px rgba(25,105,167,.14)}.portfolio-workflow-shot>.browserbar{position:absolute;z-index:3;inset:0 0 auto}.portfolio-workflow-shot>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;filter:saturate(.92) brightness(1.06)}.portfolio-workflow-shot::after{content:"";position:absolute;inset:43px 0 0;background:linear-gradient(130deg,rgba(255,255,255,.13),transparent 35%,transparent 72%,rgba(42,154,255,.08));pointer-events:none}.portfolio-workflow-shot .address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.portfolio-workflow-shot{height:440px}.portfolio-workflow-shot>img{object-position:center}}

/* Reference-matched atmospheric color field. */
.ambient{z-index:0;background:radial-gradient(ellipse 46% 38% at 11% 28%,rgba(70,207,247,.42),transparent 72%),radial-gradient(ellipse 42% 34% at 88% 15%,rgba(255,112,143,.38),transparent 70%),radial-gradient(ellipse 42% 38% at 53% 57%,rgba(255,196,73,.34),transparent 72%),linear-gradient(115deg,#fbf8ef,#fffaf1 46%,#f7fcfb)}
.ambient i{opacity:.68;filter:blur(62px)}
main,footer{position:relative;z-index:1}
.hero,.section{isolation:isolate}
.hero::before,.section::before{content:"";position:absolute;z-index:-1;inset:-7%;pointer-events:none;opacity:.94}
.hero::before{background:radial-gradient(ellipse 34% 27% at 69% 23%,rgba(255,114,139,.48),transparent 72%),radial-gradient(ellipse 38% 31% at 58% 38%,rgba(255,197,69,.43),transparent 72%),radial-gradient(ellipse 38% 44% at 55% 80%,rgba(35,192,231,.44),transparent 74%),radial-gradient(ellipse 28% 24% at 91% 4%,rgba(75,202,244,.35),transparent 72%)}
.story::before{background:radial-gradient(ellipse 37% 33% at 13% 16%,rgba(47,197,238,.43),transparent 72%),radial-gradient(ellipse 32% 29% at 35% 42%,rgba(255,188,68,.38),transparent 73%),radial-gradient(ellipse 29% 28% at 47% 51%,rgba(255,118,145,.42),transparent 72%),radial-gradient(ellipse 34% 39% at 61% 80%,rgba(49,197,231,.38),transparent 74%)}
.steps::before{background:radial-gradient(ellipse 30% 30% at 10% 67%,rgba(255,118,143,.34),transparent 74%),radial-gradient(ellipse 28% 30% at 86% 34%,rgba(65,202,240,.4),transparent 73%),radial-gradient(ellipse 36% 28% at 51% 84%,rgba(255,198,75,.32),transparent 74%)}
.features::before{background:radial-gradient(ellipse 35% 32% at 62% 25%,rgba(255,123,148,.4),transparent 72%),radial-gradient(ellipse 38% 39% at 77% 65%,rgba(48,199,237,.42),transparent 74%),radial-gradient(ellipse 29% 32% at 41% 58%,rgba(255,198,76,.35),transparent 73%)}
.privacy::before{background:radial-gradient(ellipse 33% 30% at 13% 54%,rgba(49,203,239,.4),transparent 73%),radial-gradient(ellipse 32% 29% at 84% 23%,rgba(255,121,145,.38),transparent 72%),radial-gradient(ellipse 35% 31% at 52% 72%,rgba(255,200,79,.34),transparent 74%)}
.final::before{background:radial-gradient(ellipse 33% 35% at 22% 71%,rgba(53,202,238,.36),transparent 73%),radial-gradient(ellipse 31% 29% at 77% 31%,rgba(255,123,145,.37),transparent 72%),radial-gradient(ellipse 34% 28% at 51% 49%,rgba(255,201,79,.34),transparent 74%)}

/* Localized reference placement: color gathers around the artwork, not the copy. */
.ambient{background:#fbf8ef}
.ambient i{display:none}
.hero::before{inset:0;background:radial-gradient(ellipse 27% 20% at 93% 2%,rgba(62,199,242,.46),transparent 72%),radial-gradient(ellipse 26% 19% at 76% 23%,rgba(255,112,139,.46),transparent 73%),radial-gradient(ellipse 30% 20% at 61% 34%,rgba(255,191,66,.43),transparent 73%),radial-gradient(ellipse 31% 33% at 56% 72%,rgba(31,188,225,.5),transparent 74%),radial-gradient(ellipse 25% 17% at 68% 97%,rgba(255,194,67,.36),transparent 74%)}
.story::before{inset:0;background:radial-gradient(ellipse 30% 25% at 5% 5%,rgba(50,198,237,.45),transparent 73%),radial-gradient(ellipse 27% 22% at 31% 29%,rgba(255,194,69,.4),transparent 73%),radial-gradient(ellipse 25% 22% at 42% 40%,rgba(255,113,141,.43),transparent 73%),radial-gradient(ellipse 31% 30% at 48% 78%,rgba(40,193,230,.42),transparent 74%)}
.steps::before{inset:0;background:radial-gradient(ellipse 22% 24% at 3% 67%,rgba(255,121,145,.34),transparent 74%),radial-gradient(ellipse 23% 27% at 98% 32%,rgba(54,198,235,.37),transparent 74%),radial-gradient(ellipse 29% 19% at 49% 92%,rgba(255,198,75,.3),transparent 75%)}
.features::before{inset:0;background:radial-gradient(ellipse 26% 22% at 65% 25%,rgba(255,120,146,.39),transparent 73%),radial-gradient(ellipse 29% 31% at 80% 68%,rgba(43,195,232,.42),transparent 74%),radial-gradient(ellipse 24% 24% at 47% 62%,rgba(255,195,71,.33),transparent 74%)}
.privacy::before{inset:0;background:radial-gradient(ellipse 24% 27% at 6% 58%,rgba(43,198,234,.4),transparent 74%),radial-gradient(ellipse 23% 23% at 95% 22%,rgba(255,120,146,.37),transparent 73%),radial-gradient(ellipse 27% 22% at 53% 70%,rgba(255,198,75,.32),transparent 75%)}
.final::before{inset:0;background:radial-gradient(ellipse 25% 27% at 13% 74%,rgba(43,198,235,.35),transparent 74%),radial-gradient(ellipse 23% 22% at 88% 26%,rgba(255,121,146,.36),transparent 73%),radial-gradient(ellipse 27% 20% at 52% 51%,rgba(255,199,78,.32),transparent 75%)}
@media(max-width:760px){.hero::before{background:radial-gradient(ellipse 38% 16% at 86% 57%,rgba(255,113,139,.44),transparent 74%),radial-gradient(ellipse 45% 18% at 60% 66%,rgba(255,191,66,.4),transparent 75%),radial-gradient(ellipse 48% 24% at 35% 79%,rgba(35,190,228,.46),transparent 76%),radial-gradient(ellipse 35% 14% at 72% 96%,rgba(255,196,71,.32),transparent 75%)}.story::before{background:radial-gradient(ellipse 44% 21% at 15% 60%,rgba(48,198,236,.42),transparent 75%),radial-gradient(ellipse 39% 17% at 54% 72%,rgba(255,191,67,.37),transparent 75%),radial-gradient(ellipse 34% 16% at 79% 79%,rgba(255,115,142,.38),transparent 74%)}.steps::before,.features::before,.privacy::before,.final::before{background-size:100% 100%}}

/* Feather every section into the next one so gradients and artwork never hit a hard edge. */
.hero::before,.section::before{inset:-180px 0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 16%,#000 84%,transparent 100%)}
.story{align-items:flex-start;padding-top:95px}
.story-art{top:135px}
@media(max-width:1050px){.story{padding-top:100px}.story-art{top:470px}}
@media(max-width:760px){.hero::before,.section::before{inset:-90px 0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 89%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 89%,transparent 100%)}.story{padding-top:90px}.story-art{top:auto}}

.final .waitlist-form{margin:36px auto 0}.final .micro{margin:18px auto 0;max-width:none}

.reload-art{position:relative;width:min(1120px,100%);margin:60px auto 90px;display:grid;grid-template-columns:1fr 92px 1fr;gap:18px;align-items:center}
.reload{width:64px;height:64px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#eef7ff);border:1px solid #a9d8f2;color:#0871d8;box-shadow:0 12px 30px rgba(8,113,216,.14);position:relative}
.reload svg{width:24px;animation:reloadSpin 6s linear infinite}
.reload span{position:absolute;top:100%;margin-top:8px;font-size:12px;font-weight:600;color:#3f76ac;letter-spacing:.02em}
@keyframes reloadSpin{0%,70%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.ptab{position:relative;height:370px;border:2px solid rgba(255,255,255,.9);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(243,250,255,.9));box-shadow:0 30px 70px rgba(42,122,181,.14)}
.ptab-chrome{height:46px;padding:0 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #dcecf7;border-radius:16px 16px 0 0;background:linear-gradient(100deg,#f6fafd,#eef6fc)}
.ptab-chrome .traffic{width:11px;height:11px}
.ptab-tab{margin-left:12px;height:30px;padding:0 14px;display:flex;align-items:center;gap:8px;border-radius:9px 9px 0 0;background:#fff;font-size:12.5px;font-weight:600;color:#3d6d9c;align-self:flex-end;box-shadow:0 -1px 0 #e3eff8}
.ptab-tab b{width:8px;height:8px;border-radius:50%;background:var(--blue)}
.ptab--original .ptab-tab b{background:#20b27a}
.ptab-page{position:absolute;inset:46px 0 0;padding:22px 28px;border-radius:0 0 16px 16px;overflow:hidden}
.ptab-nav{display:flex;align-items:center;gap:10px;margin-bottom:26px}
.ptab-nav i{width:26px;height:26px;border-radius:8px;background:linear-gradient(145deg,#2386f5,#0655c9)}
.ptab-nav em{width:38px;height:7px;border-radius:99px;background:rgba(66,151,212,.22)}
.ptab-nav em:first-of-type{margin-left:auto}
.ptab-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}
.ptab-copy{position:relative;padding-top:4px}
.ptab-copy h5{margin:0 0 16px;font-family:'Geom',system-ui,sans-serif;font-size:34px;line-height:.95;letter-spacing:-.05em;color:#08204b;font-weight:700}
.ptab-copy h5.is-edited{color:#0655c9;text-decoration:underline dotted rgba(8,120,255,.55);text-underline-offset:5px}
.ptab-copy i{display:block;height:9px;border-radius:99px;background:rgba(66,151,212,.2);margin-bottom:10px}
.ptab-copy i+i{width:72%}
.ptab-copy button{display:block;width:118px;height:36px;margin-top:18px;border:0;border-radius:99px;background:linear-gradient(135deg,#167be4,#145bc4)}
.ptab-copy button.is-edited{width:136px;height:40px;margin-top:24px;border-radius:12px;background:linear-gradient(135deg,#ff8a70,#f5506b);outline:2px solid #0878ff;outline-offset:6px;box-shadow:0 0 0 10px rgba(8,120,255,.07)}
.ptab-pin{position:absolute;left:150px;top:98px;width:26px;height:26px;border-radius:50% 50% 50% 0;background:linear-gradient(145deg,#ff7470,#fb5f73);color:#fff;font:600 12px 'Geom';display:grid;place-items:center;transform:rotate(-45deg);box-shadow:0 5px 14px rgba(255,111,106,.3)}
.ptab-measure{position:absolute;left:158px;bottom:-4px;padding:3px 8px;border-radius:4px;background:#0878ff;color:#fff;font:600 11px 'Geom'}
.ptab-img{height:170px;border-radius:12px;background:linear-gradient(145deg,#d8effb,#c2e2f5)}
.ptab-img.is-edited{background:linear-gradient(145deg,#ffe3d6,#ffd0c4);transform:rotate(-2deg) translateY(6px)}
.ptab-badge{position:absolute;left:18px;bottom:-18px;height:36px;padding:0 14px 0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:99px;font-size:13px;font-weight:600;color:#fff;box-shadow:0 12px 28px rgba(8,80,180,.18);white-space:nowrap}
.ptab-badge svg{width:15px}
.ptab-badge.is-edited{background:linear-gradient(120deg,#0869e8,#2386f5)}
.ptab-badge.is-original{background:linear-gradient(120deg,#0e9b6d,#20b27a);box-shadow:0 12px 28px rgba(14,155,109,.2)}
.pfiles{position:absolute;right:-24px;bottom:-62px;width:250px;padding:14px 16px 10px;border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(245,251,255,.96));border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 60px rgba(11,64,115,.16);transform:rotate(3deg);z-index:3}
.pfiles-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0b2e5c;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #e3eef7}
.pfiles-head svg{width:15px;color:#0869e8}
.pfiles-head b{margin-left:auto;padding:3px 8px;border-radius:99px;background:#e6f7ef;color:#0e8f63;font-size:11px;font-weight:700}
.pfiles-row{display:flex;align-items:center;gap:8px;height:30px;font-size:12.5px;color:#2d5a8a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.pfiles-row svg{width:14px;color:#7aa2c8}
.pfiles-row em{margin-left:auto;font-style:normal;font-size:11px;color:#8aa8c5}
.final{min-height:auto;padding-bottom:140px}
@media(max-width:1050px){.reload-art{grid-template-columns:1fr;gap:56px}.reload span{display:none}.pfiles{position:relative;right:auto;bottom:auto;margin:0 auto;transform:none}}
@media(max-width:760px){.ptab{height:330px}.ptab-hero{grid-template-columns:1fr}.ptab-img{display:none}.ptab-badge{font-size:12px}.final{padding-top:100px;padding-bottom:110px}}