@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090c10;--fg:#f0f1f5;--muted:#929ca8;--blue:#5ca4ff;--border:#252b33}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #90c1ff;outline-offset:6px}.skip{position:fixed;top:-100px;z-index:10;background:var(--blue);padding:15px}.skip:focus{top:0}header{height:100px;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-family:'Space Grotesk',sans-serif;font-size:42px;font-weight:700;letter-spacing:-5px;display:flex;align-items:baseline}.brand span{color:#92c2ff}.brand i{display:block;width:6px;height:6px;background:#64a8ff;margin-left:8px}nav{display:flex;gap:38px;font-size:14px}nav a{color:#bcc0cc}nav a:hover,.text-link:hover{color:#90c1ff}nav span{margin-left:16px;color:var(--blue)}.hero{min-height:740px;position:relative;padding:92px 6% 84px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:1;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:12px}.line{height:1px;width:28px;background:var(--blue)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:500}h1{font-size:clamp(45px,5.45vw,84px);line-height:1.08;letter-spacing:-4px;margin:28px 0}h1 em{font-style:normal;background:linear-gradient(90deg,#83b9ff,#539fff);background-clip:text;color:transparent}p{color:#a0a6b5;line-height:1.75}.hero p{max-width:430px;font-size:17px;margin-bottom:29px}.button{display:inline-flex;gap:32px;align-items:center;background:#dcebff;color:#131a24;padding:17px 22px;border-radius:5px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#fff;transform:translateY(-3px)}.button span{font-size:22px}.small-note{font-size:12px;color:#748191;margin-top:18px}.scene-wrap{height:520px;position:relative;min-width:0;touch-action:pan-y}.scene-wrap:before{content:'';position:absolute;inset:5%;background:radial-gradient(ellipse,#16325660,transparent 65%);pointer-events:none}canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}canvas:active{cursor:grabbing}.scene-label{position:absolute;top:20px;left:10%;right:5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#738499;pointer-events:none}.coord{color:#a0aebf}.scene-controls{position:absolute;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;gap:17px;color:#8e9bac;font-size:12px}.scene-controls button{border:1px solid #2c3847;background:#0d141e;color:#b3c1d3;border-radius:30px;padding:8px 12px;font-size:12px}.hero-bottom{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;color:#778393;font-size:11px;letter-spacing:1.8px}.hero-bottom a{letter-spacing:0;font-size:13px}.section{padding:85px 6%;border-top:1px solid var(--border)}.section-top{display:flex;align-items:center;justify-content:space-between}.muted{font-size:14px;color:var(--muted)}h2{font-size:clamp(34px,3.4vw,50px);line-height:1.2;letter-spacing:-1.8px;margin:29px 0 45px}h2 span{color:#738090}.services{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:9px;overflow:hidden}.services article{position:relative;padding:30px;background:linear-gradient(135deg,#141b24,#0d1117);transition:background .25s}.services article:hover{background:#172333}.services article+article{border-left:1px solid var(--border)}.service-no{position:absolute;right:27px;top:30px;font:12px 'Space Grotesk';color:#68788d}.service-icon{color:#91c1ff;font:30px 'Space Grotesk';height:74px}h3{font-size:23px;letter-spacing:-.6px;line-height:1.35;margin:12px 0}article p{font-size:15px;min-height:132px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.tags span{border:1px solid #303c4c;padding:7px 9px;border-radius:4px;font-size:12px;color:#aebdd0}.process{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#0c1015}.intro{max-width:340px}.process h2{margin-bottom:24px}ol{list-style:none;padding:0;margin:0}li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid var(--border)}li:first-child{padding-top:0}li>span{font-size:13px;color:#76acf1;padding-top:16px}li h3{font-size:20px}li p{font-size:15px;margin-bottom:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:100px;padding-bottom:100px}.about h2{margin-bottom:25px}.blue{color:var(--blue)}.signature{font-size:13px;color:#8ea4c0;letter-spacing:1px}.large{color:#e0e5f0;font-family:'Space Grotesk';font-size:27px;line-height:1.3;margin-top:0}.about-copy>p:not(.large){font-size:16px}.text-link{display:inline-block;margin-top:18px;font-size:14px;color:#bbd9ff}footer{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:28px 6%;color:#828e9e;font-size:13px}footer .brand{color:#e0e5f0;font-size:32px}footer a:last-child{color:#b9c7d8}@media(min-width:1600px){header,main{max-width:1600px;margin:auto}.hero{min-height:850px}}@media(max-width:1000px){h1{letter-spacing:-2.5px}.hero{padding-top:65px;min-height:670px}.scene-wrap{height:440px}.services article{padding:24px}article p{min-height:185px}.tags{min-height:66px}.process,.about{gap:6%}}@media(max-width:700px){header{height:80px}nav{gap:17px;font-size:12px}nav span{display:none}.brand{font-size:35px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:50px;padding-bottom:82px}.hero-copy{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:1.6px}h1{font-size:clamp(41px,9vw,63px);letter-spacing:-2px}.hero p{font-size:16px}.scene-wrap{height:370px;margin-top:25px}.scene-label{top:8px}.hero-bottom{font-size:9px;letter-spacing:1px}.hero-bottom a{font-size:11px}.section{padding:58px 6%}.section-top .muted{display:none}.services{display:block}.services article+article{border-left:0;border-top:1px solid var(--border)}.services article{padding:27px}article p{min-height:0}.tags{min-height:0;margin-top:22px}.service-icon{height:55px}.process,.about{grid-template-columns:1fr;gap:34px}h2{font-size:36px}.intro{max-width:100%}.about-title h2{margin-bottom:20px}footer{flex-wrap:wrap;gap:22px}footer span{font-size:12px}footer>a:last-child{width:100%;text-align:right;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Scroll-driven programming sequence */
.scroll-story{height:350vh;height:350svh;position:relative}.pinned-hero{position:sticky;top:0;height:100vh;height:100svh;min-height:650px;padding:50px 6% 105px;grid-template-columns:1fr 1.08fr;gap:1%;isolation:isolate}.pinned-hero h1{font-size:clamp(40px,4.4vw,69px);letter-spacing:-3px;line-height:1.12}.pinned-hero h1 em{white-space:normal}.pinned-hero .hero-copy{pointer-events:auto}.pinned-hero .hero-copy>p{max-width:380px}.story-caption{display:flex;gap:17px;margin-top:42px;align-items:flex-start}.story-caption>span{color:#738cac;font:12px monospace;padding-top:3px;white-space:nowrap}.story-caption strong{font-size:15px;font-weight:500;color:#d5e2f3}.story-caption p{font-size:13px;margin:6px 0;color:#788aa0}.program-scene{position:relative;height:490px;min-width:0;perspective:1200px;align-self:center}.scene-grid{position:absolute;inset:-15%;background-image:linear-gradient(#6eacfa0a 1px,transparent 1px),linear-gradient(90deg,#6eacfa0a 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent 70%);transform:rotate(-8deg);pointer-events:none}.program-scene:before{content:'';position:absolute;inset:-10%;background:radial-gradient(ellipse,#3573c222,transparent 70%);pointer-events:none}.scene-stack{height:100%;position:relative;transform-style:preserve-3d;perspective:1400px}.stage-panel{position:absolute;left:2%;top:9%;width:94%;border:1px solid #3b4f68;border-radius:12px;background:#101822;box-shadow:0 25px 65px #0009,0 0 40px #3990ff0b;transform-origin:center;overflow:hidden;will-change:transform,opacity;pointer-events:none}.window-bar{display:flex;align-items:center;justify-content:space-between;height:43px;background:#1a2532;border-bottom:1px solid #304156;padding:0 16px;color:#9daec3;font:12px monospace}.window-dots{letter-spacing:3px;color:#748dad;font-size:10px}.window-mark{color:#8dbfff}.editor-tabs{display:flex;gap:7px;font:12px monospace;color:#758599;padding:15px 20px;border-bottom:1px solid #202d3e}.editor-tabs b{color:#caddf5;font-weight:400}.editor-tabs>span{margin-left:auto;font-size:10px}.code-content{padding:18px 0;overflow:hidden;font:12px/1.9 'Courier New',monospace}.code-line{display:flex;white-space:pre}.code-line small{display:inline-block;flex:0 0 38px;text-align:right;padding-right:13px;color:#506580;font:inherit;font-size:10px}.code-line>span{display:block;color:#c4d7ef}.code-line b{color:#9ac4fa;font-weight:normal}.code-line em{color:#80dac6;font-style:normal}.code-line i{color:#8abdff;font-style:normal}.terminal{display:flex;flex-direction:column;gap:8px;padding:14px 20px;border-top:1px solid #26384e;font:11px monospace;color:#8197b4}.terminal span:last-child{color:#92ceba}.floating-token{position:absolute;font:32px monospace;color:#82b9ff;pointer-events:none;will-change:transform}.token-one{left:2%;top:-5%}.token-two{right:0;top:8%;font-size:40px}.token-three{right:5%;bottom:-3%;font-size:23px}.interface-window{opacity:0;background:#ecf0fc;color:#192c45}.interface-window .window-bar{background:#d9e1f1;color:#6d7f97;border-color:#bdcbdd}.demo-page{padding:22px}.demo-nav{display:flex;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid #cad2e3;padding-bottom:15px}.demo-nav b{font-family:'Space Grotesk';font-size:19px;letter-spacing:-1px}.demo-nav b span{color:#5a82b5}.demo-nav>span{font-size:9px;color:#6c829e}.demo-heading{padding:25px 0}.demo-tag{font-size:8px;letter-spacing:1.8px;color:#6583aa}.demo-heading h3{font-size:36px;letter-spacing:-1.7px;line-height:1.1;margin:13px 0 17px}.demo-heading h3 em{font-style:normal;color:#518dd9}.demo-cta{display:inline-block;background:#296bc0;color:white;padding:9px 15px;font-size:9px;border-radius:4px}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-cards>div{border:1px solid #c2d1e4;background:#dfe7f7;padding:13px 9px;border-radius:6px}.demo-cards span{display:block;font:8px monospace;color:#6588b5}.demo-cards b{display:block;font-size:11px;margin-top:9px}.skeleton-line{width:80%;height:3px;background:#c0cee1;margin-top:13px}.assemble{will-change:transform,opacity}.application-panel{opacity:0;background:#101925}.app-inner{display:flex;min-height:340px}.app-sidebar{width:50px;flex-shrink:0;border-right:1px solid #2b3a4e;display:flex;flex-direction:column;align-items:center;gap:27px;padding:20px 0;color:#749fd5}.app-sidebar b{font-size:25px;color:#a9cfff}.app-content{padding:24px;flex:1;min-width:0}.app-greeting{font:26px/1.2 'Space Grotesk';letter-spacing:-1px;color:#e9eeff}.app-greeting>span{display:block;color:#7692b6}.app-modules{display:flex;gap:10px;margin:20px 0}.app-modules>div{flex:1;background:#1a293d;padding:13px 10px;border:1px solid #314865;border-radius:6px}.app-modules span{display:block;font-size:10px;color:#8da1bb}.app-modules b{font-size:12px;color:#d0e2f9;font-weight:500;display:block;margin-top:6px}.flow-preview{display:flex;flex-direction:column;align-items:center;gap:5px}.flow-preview>span{border:1px solid #324761;background:#162538;border-radius:5px;padding:8px;width:85%;text-align:center;font-size:11px;color:#a8c0df}.flow-preview i{font-size:12px;color:#6481a7;font-style:normal}.flow-preview .flow-done{color:#9ad6c3;border-color:#315c58;background:#17332f}.build-badge{position:absolute;bottom:-7%;right:-1%;background:#182637ed;backdrop-filter:blur(16px);border:1px solid #415977;border-radius:9px;padding:16px 20px;display:flex;gap:13px;align-items:center;opacity:0;box-shadow:0 15px 40px #0007;color:#deecff;font-size:14px}.build-badge>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#254c45;color:#a0ebcf}.build-badge small{display:block;color:#91a7c3;font-size:10px;margin-top:4px}.demo-disclaimer{position:absolute;bottom:-17%;left:0;right:0;text-align:center;color:#60758f;font-size:9px;letter-spacing:1.5px}.story-bottom{position:absolute;bottom:0;left:6%;right:6%;height:78px;display:flex;align-items:center;gap:25px}.story-steps{display:flex;gap:25px}.story-steps button{background:transparent;border:0;padding:8px 0;color:#64758b;font-size:13px}.story-steps button span{font:10px monospace;margin-right:8px}.story-steps button[aria-current]{color:#c4deff}.story-steps button[aria-current] span{color:#86bbff}.scroll-hint{margin-left:auto;color:#9badc4;font-size:12px;display:flex;align-items:center;gap:14px}.scroll-hint>span{font-size:21px;color:#92c2ff}.skip-story{font-size:11px;color:#748aa6}.story-progress{height:2px;background:#202e40;position:absolute;bottom:0;width:100%;left:0}.story-progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#316fbf,#a4ccff);transform:scaleX(var(--progress,0));transform-origin:left;box-shadow:0 0 14px #549fff}
@media(min-width:1600px){.pinned-hero{min-height:650px}}@media(max-width:1000px){.pinned-hero{padding-top:25px;gap:0}.pinned-hero h1{font-size:43px;letter-spacing:-2px}.program-scene{height:430px}.code-content{font-size:10px}.demo-heading h3{font-size:29px}.app-content{padding:18px}.app-greeting{font-size:24px}.story-caption{margin-top:24px}.demo-disclaimer{bottom:-16%}.story-steps{gap:16px}.story-bottom{gap:18px}.build-badge{padding:12px}.app-modules{gap:6px}.app-modules b{font-size:10px}}
@media(max-width:700px){.scroll-story{height:330svh}.pinned-hero{height:100svh;min-height:650px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start;gap:0;padding:24px 6% 80px;overflow:hidden}.pinned-hero h1{font-size:clamp(31px,7.1vw,46px);line-height:1.08;margin:16px 0 12px;letter-spacing:-1.6px}.pinned-hero .hero-copy>p{font-size:14px;line-height:1.5;margin:0;max-width:350px}.pinned-hero .button{display:none}.story-caption{margin-top:18px;gap:12px}.story-caption strong{font-size:12px}.story-caption p{font-size:11px;margin:3px 0 0}.story-caption>span{font-size:10px}.program-scene{height:290px;width:min(100%,390px);justify-self:center;align-self:center;margin-top:0}.stage-panel{top:1%;left:6%;width:88%;border-radius:8px}.window-bar{height:29px;font-size:9px;padding:0 12px}.window-dots{font-size:7px}.editor-tabs{padding:8px 12px;font-size:9px}.editor-tabs>span{font-size:8px}.code-content{font-size:9px;line-height:1.5;padding:10px 0}.code-line small{font-size:8px;flex-basis:26px;padding-right:9px}.terminal{font-size:8px;padding:9px 14px;gap:5px}.demo-page{padding:13px}.demo-nav{padding-bottom:8px}.demo-nav b{font-size:14px}.demo-nav>span{font-size:7px}.demo-heading{padding:12px 0}.demo-heading h3{font-size:25px;margin:7px 0 10px}.demo-tag{font-size:6px}.demo-cta{font-size:7px;padding:7px 10px}.demo-cards{gap:6px}.demo-cards>div{padding:8px}.demo-cards b{font-size:9px;margin-top:6px}.skeleton-line{margin-top:7px;height:2px}.app-inner{min-height:245px}.app-sidebar{width:36px;padding:13px 0;gap:18px}.app-sidebar b{font-size:20px}.app-content{padding:15px}.app-greeting{font-size:22px}.app-modules{margin:12px 0}.app-modules>div{padding:8px}.app-modules span{font-size:8px}.app-modules b{font-size:9px}.flow-preview{gap:3px}.flow-preview>span{font-size:8px;padding:5px}.flow-preview i{font-size:10px}.build-badge{bottom:-1%;font-size:11px;padding:10px 13px;right:0;gap:10px}.build-badge small{font-size:8px}.build-badge>span{width:23px;height:23px}.floating-token{font-size:23px}.token-two{font-size:27px;top:0}.token-three{font-size:16px;bottom:0}.demo-disclaimer{bottom:-9%;font-size:7px;letter-spacing:1px}.story-bottom{height:68px;flex-wrap:wrap;justify-content:space-between;gap:0;padding:4px 0 11px}.story-steps{width:100%;justify-content:space-between;gap:10px}.story-steps button{font-size:12px;padding:6px 0}.story-steps button span{font-size:9px}.scroll-hint{font-size:9px}.scroll-hint>span{font-size:14px}.skip-story{font-size:9px}}
@media(max-height:700px) and (min-width:701px){.pinned-hero{min-height:560px;padding-top:20px}.program-scene{height:410px}.pinned-hero h1{font-size:44px}.story-caption{margin-top:20px}.demo-disclaimer{bottom:-8%}.build-badge{bottom:0}}@media(max-width:700px) and (max-height:700px){.pinned-hero{min-height:590px;padding-top:14px}.pinned-hero h1{font-size:30px}.pinned-hero .hero-copy>p{font-size:12px}.story-caption{margin-top:10px}.story-caption p{display:none}.program-scene{height:280px}.demo-disclaimer{bottom:-6%}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.pinned-hero{position:relative;height:auto;min-height:740px}.story-steps,.scroll-hint{display:none}.stage-panel{will-change:auto}.program-scene{margin-bottom:55px}.story-progress{display:none}}
/* A continuous visual rhythm beyond the opening sequence. */
header{position:relative;z-index:5}header nav{align-items:center;gap:34px}header nav a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.3;min-height:44px;position:relative;padding:4px 0}header nav a::after{content:'';position:absolute;left:0;right:0;bottom:4px;height:1px;background:#8dbfff;transform:scaleX(0);transform-origin:left;transition:transform .3s}header nav a:hover::after,header nav a:focus-visible::after,header nav a[aria-current]::after{transform:scaleX(1)}header nav a[aria-current]{color:#d6e8ff}
.section{position:relative;isolation:isolate;overflow:clip}.section::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at calc(10% + var(--section-progress,0)*80%) 25%,#3f74b819,transparent 65%)}.section>.section-top .eyebrow::before,.process-intro>.eyebrow::before,.about-title>.eyebrow::before{content:'';width:24px;height:1px;background:#8cbfff;display:block}.section h2>span:not(.blue){background:linear-gradient(110deg,#657589 10%,#c3ddff 45%,#718bac 65%);background-size:220% auto;background-position:calc(var(--section-progress,0)*100%) center;background-clip:text;color:transparent}.experience-ready .reveal{opacity:0;translate:0 32px;transition:opacity .8s ease var(--delay,0ms),translate .8s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}.experience-ready .reveal.is-visible,.experience-ready .reveal:focus-within{opacity:1;translate:0 0}
.services{overflow:visible;border:0;border-radius:0;gap:20px;perspective:1200px;align-items:stretch}.services article.service-card{border:1px solid #2c3c50;border-radius:14px;background:linear-gradient(145deg,#182535,#0e151d 70%);padding:32px 28px;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 20px 35px #0002;transition:transform .25s ease,border-color .3s,box-shadow .3s;overflow:hidden;isolation:isolate;display:flex;flex-direction:column}.services article.service-card::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(400px circle at var(--light-x,50%) var(--light-y,30%),#68aaff27,transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none}.services article.service-card::after{content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#82b9ff,transparent);opacity:.35;transition:opacity .3s}.services article.service-card.pointer-active{border-color:#6484ad;box-shadow:0 24px 50px #0006}.services article.service-card.pointer-active::before,.services article.service-card.pointer-active::after{opacity:1}.service-card .service-icon{display:flex;gap:8px;align-items:flex-start;height:90px;padding-top:12px;font-size:33px;transform:translateZ(10px)}.service-card .service-icon span{display:inline-block;transition:transform .5s cubic-bezier(.2,.7,.2,1),color .4s}.service-card:hover .service-icon span:first-child{transform:translateX(-4px) rotate(-8deg);color:#c6dfff}.service-card:hover .service-icon span:last-child{transform:translateX(4px) rotate(8deg);color:#c6dfff}.service-card:last-child:hover .service-icon span{transform:translate(8px,-8px)}.service-card p{min-height:0;flex:1}.service-card .tags{min-height:0;margin-top:24px}.service-card .service-no{color:#829ab8;font-size:13px}.service-card h3{font-size:25px;margin-top:10px}.service-card .tags span{font-size:12px;border-color:#354a65;background:#19273866}
.process{gap:12%;padding-top:110px;padding-bottom:110px;background:linear-gradient(160deg,#0e1620,#0b1119)}.process-intro{align-self:start;position:sticky;top:72px}.process ol{position:relative;margin-left:0;padding-left:0;--timeline-progress:0}.process ol::before,.process ol::after{content:'';position:absolute;left:19px;top:23px;bottom:40px;width:1px;z-index:-1;background:#2c3d52}.process ol::after{background:linear-gradient(#5295eb,#b7d7ff);transform:scaleY(var(--timeline-progress));transform-origin:top;box-shadow:0 0 15px #6cadff77}.process li{position:relative;gap:25px;border-bottom:0;padding:0 0 44px;transition:opacity .5s,translate .8s}.process li:last-child{padding-bottom:0}.process li>span{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border:1px solid #35455a;background:#101823;border-radius:50%;padding:0;margin-top:5px;color:#788da8;transition:background .5s,color .5s,border-color .5s,box-shadow .5s}.process li>div{padding:0 0 18px;border-bottom:1px solid #273547;width:100%}.process li h3{margin-top:9px;color:#a4b4c9;transition:color .5s}.process li.step-reached>span{color:#dbebff;border-color:#759bcb;background:#263f5f}.process li.step-current>span{box-shadow:0 0 0 7px #78b3ff12,0 0 22px #63a8ff38}.process li.step-current h3{color:#eef3ff}.process li p{max-width:340px}
.about{padding-top:120px;padding-bottom:120px;gap:12%;background:radial-gradient(ellipse at 0% 90%,#2044721f,transparent 55%)}.about-title h2{font-size:clamp(40px,4.3vw,63px);letter-spacing:-2.5px}.about-copy{position:relative;padding-left:30px;border-left:1px solid #344760}.about-copy::before{content:'';position:absolute;top:0;left:-1px;width:1px;height:36%;background:#a0caff;transform:translateY(calc(var(--section-progress,0)*100%));box-shadow:0 0 14px #75b2ff}.about-copy .large{font-size:32px;color:#dcebff;line-height:1.3}.signature{display:flex;gap:10px;align-items:center;flex-wrap:wrap;letter-spacing:0;font-size:12px}.signature span{padding:9px 11px;border:1px solid #33455b;border-radius:5px;background:#16243666}.signature i{font-style:normal;color:#6686ae}.text-link{padding:12px 0;position:relative}.text-link::after{content:'';height:1px;background:#7db6ff;position:absolute;bottom:5px;left:0;right:0;transform-origin:left;transform:scaleX(.18);transition:transform .35s}.text-link:hover::after,.text-link:focus-visible::after{transform:scaleX(1)}footer{background:#0d141d}.button{box-shadow:0 0 0 transparent;transition:background .25s,transform .25s,box-shadow .25s}.button:hover{box-shadow:0 9px 32px #73b1ff26}.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}
@media(max-width:1000px){.services{gap:12px}.services article.service-card{padding:27px 21px}.service-card h3{font-size:22px}.process,.about{gap:7%}.service-card .tags{gap:6px}}
@media(max-width:700px){header nav{gap:20px}header nav a{font-size:12px;min-height:44px}.services{display:grid;grid-template-columns:1fr;gap:16px}.services article.service-card{padding:28px;transform:none;box-shadow:none}.service-card .service-icon{height:67px}.service-card h3{font-size:25px}.service-card .tags span{font-size:12px}.process{padding-top:70px;padding-bottom:70px;gap:32px}.process-intro{position:static}.process li{gap:20px;padding-bottom:28px}.process li>span{width:36px;height:36px;flex-basis:36px}.process ol::before,.process ol::after{left:17px}.process li>div{padding-bottom:16px}.about{padding:70px 6%;gap:32px}.about-title h2{font-size:43px;letter-spacing:-1.6px}.about-copy{padding-left:20px}.about-copy .large{font-size:27px}.experience-ready .reveal{translate:0 20px;transition-duration:.55s;transition-delay:0ms}.signature{gap:7px}.signature span{padding:8px 10px}.section::before{background:radial-gradient(ellipse at 50% 30%,#3f74b814,transparent 65%)}}
@media(max-width:370px){header nav{gap:12px}header nav a{font-size:11px}.brand{font-size:31px}}
@media(prefers-reduced-motion:reduce){.experience-ready .reveal{opacity:1;translate:none;transition:none}.services article.service-card{transform:none!important}.service-card .service-icon span{transform:none!important}.process ol::after,.about-copy::before{transform:none;box-shadow:none}.section h2>span:not(.blue){background:none;color:#a4bcda}.button:hover,.button:hover span{transform:none}}
@media(prefers-reduced-motion:no-preference){.experience-ready .service-card.reveal{transition:opacity .8s ease var(--delay,0ms),translate .8s cubic-bezier(.2,.7,.2,1) var(--delay,0ms),transform .25s ease,border-color .3s,box-shadow .3s}}

/* ATOMOCODE official brand: black canvas, graphite surfaces, brand-blue accents. */
:root{--bg:#000000;--fg:#FFFFFF;--blue:#147BFF;--blue-deep:#0867E8;--graphite:#111C2A;--muted:#A7ADB5;--border:#202C3B}
html,body{background:#000000;color:#FFFFFF}header{border-color:#202C3B}.brand{display:flex;align-items:center;letter-spacing:normal;line-height:1;flex-shrink:0}.brand img{display:block;width:290px;height:auto;max-width:100%;object-fit:contain}header nav a{color:#A7ADB5}header nav a:hover,header nav a[aria-current]{color:#FFFFFF}header nav a::after{background:#147BFF}
.pinned-hero,#servicos,.process,.about,footer{background-color:#000000}.process,.about,footer{background-image:none}.section::before{background:radial-gradient(ellipse at calc(10% + var(--section-progress,0)*80%) 25%,#147bff0c,transparent 65%)}.line{background:#147BFF}.pinned-hero h1 em{background-image:linear-gradient(100deg,#147BFF,#18A0FF)}.button{background:#147BFF;color:#FFFFFF}.button:hover{background:#0867E8;box-shadow:0 9px 32px #147bff33}.button:focus-visible{outline-color:#FFFFFF}.services article.service-card{background:linear-gradient(145deg,#111C2A,#060A10 85%);border-color:#25364C}.service-card .service-icon{color:#147BFF}.services article.service-card.pointer-active{border-color:#147BFF}.services article.service-card::after{background:linear-gradient(90deg,transparent,#147BFF,transparent)}.services article.service-card::before{background:radial-gradient(400px circle at var(--light-x,50%) var(--light-y,30%),#147bff2b,transparent 65%)}.service-card .tags span{background:#111C2A;border-color:#2b405d}.process li>span{background:#111C2A;border-color:#2b405d}.process li.step-reached>span{background:#0867E8;color:#FFFFFF;border-color:#147BFF}.process ol::after{background:linear-gradient(#0867E8,#147BFF);box-shadow:0 0 15px #147bff55}.signature span{background:#111C2A;border-color:#2b405d}.signature i{color:#147BFF}.about-copy::before{background:#147BFF;box-shadow:0 0 14px #147bff55}.story-progress i{background:linear-gradient(90deg,#0867E8,#147BFF);box-shadow:0 0 14px #147BFF}.program-scene::before{background:radial-gradient(ellipse,#147bff20,transparent 70%)}.floating-token{color:#147BFF}.stage-panel{background:#111C2A;border-color:#2d4666}.window-bar{background:#111C2A;border-bottom-color:#2d4666}.application-panel{background:#080D14}.app-sidebar img{display:block;object-fit:contain}.demo-cta{background:#0867E8;color:#FFFFFF}.demo-heading h3 em{color:#0867E8}.interface-window{background:#f4f7fc}.code-line b{color:#56A1FF}.code-line em{color:#A7ADB5}.code-line i{color:#FFFFFF}footer .brand img{width:225px}footer{color:#A7ADB5}.text-link{color:#83b8ff}.text-link::after{background:#147BFF}.blue{color:#147BFF}
@media(max-width:1000px){.brand img{width:255px}header nav{gap:24px}}
@media(max-width:700px){header{height:auto;min-height:120px;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 0;gap:2px}.brand img{width:225px}header nav{width:100%;justify-content:space-between;gap:14px}header nav a{font-size:12px;padding:4px 0;min-height:40px}.about-title>.eyebrow{line-height:1.6;letter-spacing:1.3px}footer .brand img{width:210px}footer{gap:15px}.section::before{background:radial-gradient(ellipse at 50% 30%,#147bff0d,transparent 65%)}}
/* Detailed browser and product UI for the scroll-controlled scene. */
.program-scene{height:510px}.stage-panel{box-shadow:0 2px 2px #ffffff0a inset,0 0 0 1px #000,0 35px 80px #000b,15px 15px 65px #147bff12;border-color:#4a566a;border-radius:11px}.ide-body{display:flex;min-width:0}.ide-files{display:flex;flex-direction:column;gap:15px;width:26%;flex-shrink:0;padding:17px 10px;background:#0a1019;border-right:1px solid #27354a;font:9px monospace;color:#778aa6}.ide-files>b{font-size:8px;color:#b5c5df;font-weight:400}.ide-files>span:first-child{letter-spacing:1px;font-size:8px;margin-bottom:9px}.ide-files .ide-active{color:#7eb4ff;background:#147bff20;padding:6px;margin:0 -6px}.ide-body .code-content{font-size:9px;padding:17px 0;line-height:2.1;flex:1}.ide-body .code-line small{flex-basis:24px;padding-right:8px;font-size:8px}.realistic-browser,.launch-browser{container-type:inline-size;width:100%;left:0;top:8%;background:#0c111b;overflow:hidden;aspect-ratio:1.22}.browser-tabs{display:flex;align-items:center;gap:12px;height:7.4cqw;background:linear-gradient(#263141,#1a2330);padding:0 3cqw;border-bottom:1px solid #101722;color:#b7c6db;font:1.7cqw 'DM Sans',sans-serif}.chrome-dots{display:flex;gap:1cqw}.chrome-dots i{width:1.3cqw;height:1.3cqw;border-radius:50%;background:#68778e;box-shadow:0 1px 2px #0006 inset}.chrome-dots i:first-child{background:#bf6b72}.chrome-dots i:nth-child(2){background:#c7a56a}.chrome-dots i:last-child{background:#6ca798}.browser-tab{height:80%;align-self:end;display:flex;align-items:center;gap:1cqw;background:#101925;border:1px solid #334051;border-bottom:0;border-radius:7px 7px 0 0;padding:0 2cqw;min-width:40cqw;box-shadow:0 -1px #ffffff07}.browser-tab img{width:2.6cqw;height:2.6cqw}.browser-tab i{font-style:normal;margin-left:auto;color:#8295b2}.new-tab{font-size:2.5cqw}.browser-address{height:6.2cqw;background:#101925;display:flex;align-items:center;gap:2.5cqw;padding:0 3cqw;color:#8296b5;font-size:2.3cqw;border-bottom:1px solid #283447}.browser-address>div{flex:1;border:1px solid #27364a;background:#090f17;border-radius:5px;padding:.7cqw 2cqw;font-size:1.55cqw;color:#9fb1cb;display:flex;gap:1.5cqw}.workspace-shell{display:flex;height:calc(100% - 13.6cqw);background:#0b111b}.workspace-sidebar{width:23%;border-right:1px solid #202d40;display:flex;flex-direction:column;padding:3cqw 1.8cqw;background:#0e1622}.workspace-brand{display:flex;align-items:center;gap:1cqw;margin-bottom:4cqw}.workspace-brand img{width:3.7cqw;height:3.7cqw}.workspace-brand b{font:600 2.2cqw 'Space Grotesk';color:#edf5ff;letter-spacing:-.05cqw}.workspace-brand b span{display:block;font:1.3cqw 'DM Sans';color:#758ba9;letter-spacing:.25cqw}.workspace-section{font-size:1.1cqw;letter-spacing:.12cqw;color:#6883a8;white-space:nowrap}.workspace-nav{display:flex;flex-direction:column;gap:.7cqw;margin-top:1.7cqw;font-size:1.65cqw;color:#8197b7}.workspace-nav>span{padding:1.4cqw 1cqw;display:flex;align-items:center;white-space:pre}.workspace-nav .selected{background:#147bff1c;color:#85baff;border:1px solid #147bff38;border-radius:5px}.workspace-nav i{font-style:normal;margin-left:auto;color:#c0ddff}.workspace-team{display:flex;align-items:center;gap:1cqw;margin-top:auto;border-top:1px solid #263248;padding-top:2cqw;color:#b8c9e3;font-size:1.4cqw}.workspace-team>span,.owner>i{border-radius:50%;display:grid;place-items:center;width:3.5cqw;height:3.5cqw;background:#203a60;color:#9bc5ff;font-size:1.3cqw;font-style:normal}.workspace-team small{font-size:1.1cqw;display:block;color:#627d9e;margin-top:.5cqw}.workspace-team>i{font-style:normal;margin-left:auto}.workspace-main{width:77%;padding:0 2.8cqw;position:relative}.workspace-toolbar{height:7cqw;border-bottom:1px solid #243146;display:flex;align-items:center;justify-content:space-between;color:#8298b7;font-size:1.25cqw}.workspace-toolbar i{font-style:normal;color:#405879;padding:0 1cqw}.workspace-toolbar b{background:#253b5c;padding:.8cqw;border-radius:50%;font-size:1.1cqw;color:#b9d3fa}.workspace-heading{display:flex;justify-content:space-between;align-items:center;padding:3cqw 0 2.3cqw}.workspace-heading h3{font-size:3cqw;line-height:1.25;letter-spacing:-.13cqw;margin:1cqw 0;color:#e3edff;white-space:nowrap}.workspace-heading h3 span{color:#147BFF}.workspace-heading p{font-size:1.35cqw;line-height:1.4;margin:0;color:#8398b8}.workspace-share{border:1px solid #31425d;border-radius:4px;padding:1cqw;font-size:1.2cqw;color:#b4c8e7;white-space:nowrap}.workspace-summary{display:grid;grid-template-columns:1.1fr .85fr 1.1fr;gap:1.4cqw;margin-bottom:2.6cqw}.workspace-summary>div{background:linear-gradient(145deg,#172338,#101b2b);border:1px solid #293b56;border-radius:5px;padding:1.9cqw 1.4cqw}.workspace-summary>div>span{display:block;font-size:1.25cqw;color:#839ec1}.workspace-summary b{display:block;font-size:1.8cqw;color:#d5e7ff;font-weight:500;margin-top:1.2cqw}.workspace-summary small{display:block;font-size:1.05cqw;color:#6582a9;margin-top:.8cqw}.workspace-summary em{font-size:3cqw;font-style:normal}.workspace-summary b>i{font-size:1.3cqw;color:#5f7a9d;font-style:normal}.task-progress{height:.5cqw;background:#253b59;border-radius:3px;margin-top:1cqw}.task-progress>i{display:block;width:50%;height:100%;background:#147BFF;border-radius:3px}.owner{display:flex;gap:.8cqw;align-items:center;margin-top:1.2cqw}.owner>b{font-size:1.4cqw;margin:0}.owner>b small{font-size:1cqw;line-height:1.3}.workspace-columns{display:grid;grid-template-columns:1.75fr 1fr;gap:2cqw}.task-panel,.activity-panel{border:1px solid #273850;border-radius:6px;overflow:hidden;background:#101a29}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:1.9cqw 1.5cqw;border-bottom:1px solid #23334b;font-size:1.45cqw;color:#c9daf2}.panel-heading b{font-weight:500}.panel-heading>span{font-size:1.1cqw;color:#7e96b9}.task-tabs{display:flex;gap:2.4cqw;padding:1.4cqw 1.5cqw;border-bottom:1px solid #24344d;font-size:1.2cqw;color:#6f89ad}.task-tabs b{color:#7cb5ff;font-weight:500}.task-row{display:flex;align-items:center;gap:1cqw;padding:1.7cqw 1.4cqw;border-bottom:1px solid #1e2d43}.task-row>div{flex:1}.task-check{width:1.8cqw;height:1.8cqw;border:1px solid #3a5478;border-radius:3px;display:grid;place-items:center;font-size:1.25cqw;font-style:normal;flex-shrink:0;color:#a3cfff}.task-check.checked,.ui-clicked .target-check{background:#147bff36;border-color:#147BFF}.task-row b{display:block;color:#b7cce9;font-size:1.3cqw;font-weight:400}.task-row div>span{font-size:1cqw;display:block;color:#5f7ea6;margin-top:.5cqw}.task-row>small{font-size:.95cqw;border-radius:3px;padding:.5cqw .6cqw;white-space:nowrap}.status-done,.ui-clicked .target-status{color:#86baff;background:#147bff19}.target-status{color:#b1c4e0;background:#27354c}.status-pending{color:#6b86aa;background:#18273c}.task-target{background:#147bff09}.task-action{margin:1.5cqw;background:#147BFF;border-radius:4px;color:white;padding:1.3cqw;text-align:center;font-size:1.35cqw;box-shadow:0 2px 6px #0003}.ui-clicked .task-action{background:#103b6c;box-shadow:0 0 0 1px #147bff77 inset}.activity-item{display:flex;gap:1cqw;padding:1.7cqw 1.2cqw}.activity-item>i{font-style:normal;font-size:1cqw;border-radius:50%;width:2.5cqw;height:2.5cqw;flex-shrink:0;background:#243c5d;color:#9fbcdf;display:grid;place-items:center}.activity-item b{font-size:1.2cqw;color:#b7cce9;font-weight:400}.activity-item p{font-size:1.05cqw;color:#6e8aad;line-height:1.6;margin:.6cqw 0}.activity-item small{font-size:.95cqw;color:#4f6d94}.activity-note{margin:1.5cqw;padding:1.7cqw 1.3cqw;background:linear-gradient(140deg,#147bff1c,transparent);border:1px solid #2d486b;border-radius:5px}.activity-note>span{color:#147BFF;font-size:3cqw;display:block}.activity-note b{font-size:1.25cqw;display:block;margin:1cqw 0;color:#a5c9fb;font-weight:500}.activity-note p{font-size:1.05cqw;color:#6684ad;line-height:1.7;margin:0}.demo-cursor{position:absolute;left:64%;top:50%;z-index:4;filter:drop-shadow(2px 3px 3px #0008);opacity:0;will-change:transform,left,top}.demo-cursor svg{width:2.5cqw;height:3.5cqw;display:block}.demo-cursor>span{position:absolute;top:3cqw;left:2cqw;border-radius:3px;background:#147BFF;padding:.5cqw 1cqw;color:#fff;font-size:1.2cqw;white-space:nowrap}.click-ring{position:absolute;left:49%;top:87%;width:4cqw;height:4cqw;border:1px solid #a3cfff;border-radius:50%;opacity:0;z-index:3;transform:translate(-50%,-50%)}.workspace-toast{display:flex;align-items:center;gap:1.3cqw;position:absolute;bottom:3%;right:3%;padding:1.6cqw 2cqw;border:1px solid #4275b1;background:#132c49f5;border-radius:6px;box-shadow:0 10px 30px #0008;z-index:5;opacity:0;transform:translateY(10px);color:#cee6ff;font-size:1.5cqw}.workspace-toast>span{background:#147BFF;color:white;border-radius:50%;padding:.5cqw 1cqw}.workspace-toast small{font-size:1.1cqw;color:#7ea7d6;display:block;margin-top:.5cqw}.browser-sheen{position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,#ffffff04 40%,transparent 58%);pointer-events:none;opacity:.65}.launch-main{padding:4cqw}.launch-heading{display:flex;align-items:center;gap:2cqw;margin-bottom:3cqw}.launch-heading img{width:6cqw;height:6cqw}.launch-heading span{font:1.2cqw monospace;letter-spacing:.2cqw;color:#6d90be}.launch-heading h3{font-size:3.8cqw;line-height:1.2;letter-spacing:-.15cqw;color:#dfedff;margin:1cqw 0}.release-card{display:grid;grid-template-columns:1.1fr 1fr;gap:3cqw;border:1px solid #2e4465;border-radius:8px;padding:3cqw;background:linear-gradient(145deg,#14253b,#0b131f)}.release-preview{display:flex;background:#0e1826;border:1px solid #37557c;border-radius:6px;transform:perspective(700px) rotateY(9deg) rotateX(3deg);box-shadow:0 15px 25px #0005;overflow:hidden}.mini-sidebar{display:flex;flex-direction:column;gap:2.8cqw;padding:2.4cqw 1.6cqw;border-right:1px solid #273d5c;color:#708fb8;font-size:2cqw}.mini-sidebar img{width:3cqw;height:3cqw}.mini-main{padding:2.5cqw 1.5cqw;flex:1}.mini-main>span{font-size:1.1cqw;color:#7e9ac0}.mini-main>b{font-size:2.2cqw;line-height:1.4;display:block;color:#c6dfff;margin:1.5cqw 0 2cqw}.mini-metrics{display:flex;gap:1cqw}.mini-metrics>div{padding:1.5cqw;background:#1a2d47;border-radius:4px;flex:1}.mini-metrics small{font-size:.9cqw;color:#6f91bd;display:block}.mini-metrics strong{font-size:1.3cqw;font-weight:500;color:#acd0ff;display:block;margin-top:1cqw}.release-bars{display:flex;flex-direction:column;gap:2cqw;margin-top:3cqw}.release-bars>span{display:flex;align-items:center;gap:1cqw;font-size:1cqw;color:#809cc4}.release-bars i{height:.5cqw;background:#147BFF;flex:1;transform:scaleX(var(--release-progress,0));transform-origin:left}.release-bars b{color:#7fb8ff}.release-tag{display:inline-block;font-size:1.1cqw;letter-spacing:.1cqw;color:#82baff;background:#147bff17;border:1px solid #147bff44;border-radius:20px;padding:.9cqw 1.4cqw}.release-details h4{font:500 3cqw 'Space Grotesk';letter-spacing:-.1cqw;color:#d7eaff;margin:2cqw 0 1cqw}.release-details p{font-size:1.5cqw;color:#819fc8;line-height:1.6;margin:0 0 2cqw}.release-details>div{display:flex;justify-content:space-between;padding:1.5cqw 0;border-bottom:1px solid #29405f;font-size:1.2cqw;color:#a1bee2}.release-details>div b{color:#147BFF}.release-terminal{display:flex;align-items:center;gap:2cqw;padding:2.5cqw;margin-top:3cqw;border-radius:6px;background:#080e17;border:1px solid #2d4262;color:#7598c5;font:1.5cqw monospace}.release-terminal b{color:#c1dcff;font-weight:400}.release-terminal small{display:block;font:1.25cqw 'DM Sans';margin-top:1cqw;color:#607ea5}.terminal-check{margin-left:auto;color:#147BFF;font-size:3cqw}
@media(max-width:1000px){.program-scene{height:440px}.ide-files{font-size:7px;padding:14px 7px;gap:13px}.ide-files>b{font-size:6px}.ide-body .code-content{font-size:7px;line-height:2.3}.ide-body .code-line small{font-size:6px;flex-basis:20px}}@media(max-width:700px){.program-scene{height:300px;width:min(100%,390px)}.realistic-browser,.launch-browser{width:96%;left:2%;top:1%}.ide-files{width:25%;font-size:6px;gap:12px;padding:12px 6px}.ide-files>b{font-size:5px}.ide-files>span:first-child{font-size:5px;margin-bottom:0}.ide-body .code-content{font-size:6.5px;line-height:2.3;padding:12px 0}.ide-body .code-line small{flex-basis:17px;font-size:5px;padding-right:5px}.browser-tabs{gap:2cqw}.build-badge{bottom:0}}@media(max-width:700px) and (max-height:700px){.program-scene{height:280px}}@media(prefers-reduced-motion:reduce){.demo-cursor,.click-ring{display:none}.release-preview{transform:none}.browser-sheen{display:none}}
.realistic-browser,.launch-browser{aspect-ratio:1.17}.workspace-heading{padding:2cqw 0 1.6cqw}.workspace-heading h3{font-size:2.7cqw}.workspace-summary>div{padding:1.4cqw}.task-row{padding:1.25cqw 1.4cqw}.task-action{margin:1cqw 1.5cqw;padding:1cqw}.launch-main{padding-top:5cqw}
/* A dedicated, readable mobile app sequence. */
.mobile-experience{display:none}.experience-ready .reveal{translate:0 40px;transition-duration:.85s}.experience-ready .reveal.is-visible,.experience-ready .reveal:focus-within{translate:0 0}
@media(prefers-reduced-motion:no-preference){.experience-ready .service-card .service-icon,.experience-ready .service-card h3,.experience-ready .service-card p,.experience-ready .service-card .tags{opacity:0;translate:0 13px;transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1)}.experience-ready .service-card.is-visible .service-icon,.experience-ready .service-card.is-visible h3,.experience-ready .service-card.is-visible p,.experience-ready .service-card.is-visible .tags{opacity:1;translate:0 0}.experience-ready .service-card.is-visible .service-icon{transition-delay:calc(var(--delay,0ms) + 80ms)}.experience-ready .service-card.is-visible h3{transition-delay:calc(var(--delay,0ms) + 140ms)}.experience-ready .service-card.is-visible p{transition-delay:calc(var(--delay,0ms) + 210ms)}.experience-ready .service-card.is-visible .tags{transition-delay:calc(var(--delay,0ms) + 270ms)}}
@media(max-width:700px){.program-scene{height:354px;width:100%;margin-top:12px;perspective:none;align-self:center}.program-scene>.scene-stack,.program-scene>.floating-token{display:none}.mobile-experience{display:block;margin:0 auto;width:min(100%,310px);height:100%;position:relative}.mobile-device{height:100%;background:#0a111c;border:1px solid #425672;border-radius:25px;box-shadow:0 0 0 3px #172131,0 18px 40px #000a,0 0 40px #147bff16;overflow:hidden;position:relative;padding:0 16px}.mobile-status{height:29px;display:flex;align-items:center;justify-content:space-between;padding:4px 6px 0;font:600 10px 'DM Sans';color:#cad9ed}.mobile-appbar{display:flex;align-items:center;gap:9px;padding:7px 0 11px;border-bottom:1px solid #26374f}.mobile-appbar>b{font:600 17px 'Space Grotesk';color:#fff;line-height:1.1;letter-spacing:-.5px}.mobile-appbar>b>span{display:block;font:10px 'DM Sans';color:#8aa3c3;letter-spacing:1px;margin-top:3px}.mobile-avatar{display:grid;place-items:center;width:28px;height:28px;background:#183358;border:1px solid #31547f;color:#b8d6ff;border-radius:50%;margin-left:auto;font-size:10px}.mobile-screens{position:relative;height:255px}.mobile-screen{position:absolute;inset:0;opacity:0;will-change:transform,opacity}.mobile-file{font:12px monospace;color:#8cbaff;margin:15px 0 12px}.mobile-code pre{font:13px/1.75 'Courier New',monospace;color:#d7e9ff;margin:0;white-space:pre}.mobile-code pre span{color:#65adff}.mobile-code pre em{font-style:normal;color:#a7adb5}.mobile-build{font:11px monospace;color:#8ba4c5;display:flex;gap:9px;margin-top:16px;border-top:1px solid #243650;padding-top:10px}.mobile-build>span{color:#147BFF}.mobile-title{padding-top:12px}.mobile-title>span{font-size:9px;letter-spacing:1.5px;color:#6e95c9}.mobile-title h3{font-size:23px;margin:3px 0 3px;letter-spacing:-.6px;line-height:1.2;color:#edf5ff}.mobile-title>small{font-size:12px;color:#90accf}.mobile-title>small>b{font-weight:500;color:#cce1ff}.mobile-progress{height:4px;border-radius:4px;background:#223650;margin:10px 0 7px;overflow:hidden}.mobile-progress i{display:block;height:100%;width:50%;background:#147BFF}.mobile-task{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #22344e}.mobile-task>i{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;font:14px 'DM Sans';border-radius:5px;color:#91c6ff;background:#147bff20;border:1px solid #356296}.mobile-task>span{font-size:14px;color:#cfdef3}.mobile-task small{display:block;font-size:11px;color:#7599c5;margin-top:3px}.mobile-action{position:relative;text-align:center;background:#147BFF;color:white;padding:11px 8px;border-radius:7px;font-size:13px;margin-top:11px;overflow:hidden}.mobile-complete .mobile-action{background:#102e52;color:#bedaff;box-shadow:inset 0 0 0 1px #376da5}.mobile-complete .mobile-review>i{background:#147BFF;color:#fff}.mobile-tap{position:absolute;left:60%;top:50%;width:32px;height:32px;border-radius:50%;border:2px solid #d6e9ff;background:#ffffff18;opacity:0;pointer-events:none}.mobile-delivery{padding-top:16px;text-align:center}.mobile-success{display:grid;place-items:center;margin:0 auto 9px;width:37px;height:37px;border-radius:50%;background:#147bff24;color:#6db3ff;border:1px solid #147bff70;font-size:21px;box-shadow:0 0 22px #147bff18}.mobile-delivery h3{font-size:23px;line-height:1.15;letter-spacing:-.6px;margin:0;color:#e7f2ff}.mobile-delivery>p{font-size:12px;color:#8cadd6;margin:7px 0 12px}.mobile-delivery>div:not(.mobile-success):not(.mobile-final){display:flex;justify-content:space-between;padding:9px 4px;border-bottom:1px solid #263b58;font-size:13px;color:#abc9ef}.mobile-delivery>div>b{color:#147BFF}.mobile-final{font-size:9px;letter-spacing:.6px;color:#6f93c1;margin-top:13px}.mobile-home{width:82px;height:3px;border-radius:3px;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);background:#b7c8dd}.pinned-hero{min-height:710px;grid-template-rows:auto 1fr;padding-top:20px}.pinned-hero h1{font-size:clamp(29px,7vw,41px);margin:12px 0 10px}.pinned-hero .hero-copy>p{font-size:13px;line-height:1.45}.story-caption{margin-top:12px}.story-caption p{font-size:11px}.experience-ready .reveal{translate:0 28px;transition-duration:.7s;transition-delay:0ms}.experience-ready .reveal.is-visible{translate:0 0}.experience-ready .service-card{--delay:0ms!important}}
@media(max-width:700px) and (max-height:740px){.pinned-hero{min-height:640px;padding-top:12px;padding-bottom:67px}.pinned-hero h1{font-size:28px;margin:9px 0}.pinned-hero .hero-copy>p{display:none}.story-caption{margin-top:9px}.story-caption p{display:none}.program-scene{height:354px;margin-top:9px}.story-bottom{height:59px}.mobile-experience{width:min(100%,300px)}}
@media(max-width:700px) and (max-height:639px){.pinned-hero{position:relative;top:auto;height:auto;min-height:0;padding-bottom:75px}.scroll-story{height:auto}.program-scene{margin:20px auto}.story-steps,.scroll-hint{display:none}.skip-story{font-size:12px}.mobile-code,.mobile-tasks{display:none}.mobile-delivery{opacity:1!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.experience-ready .reveal{opacity:1;translate:none;transition:none}.mobile-code,.mobile-tasks{display:none}.mobile-delivery{opacity:1!important;transform:none!important}.mobile-tap{display:none}.pinned-hero{min-height:0;height:auto}.mobile-screen{will-change:auto}}

.whatsapp-contact{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:10px;padding:14px 18px;background:#0867E8;color:#FFFFFF;border:1px solid #368fff;border-radius:40px;font-size:14px;font-weight:500;box-shadow:0 6px 28px #0008;transition:background .2s,transform .2s}.whatsapp-contact:hover{background:#147BFF;transform:translateY(-3px)}.whatsapp-contact:focus-visible{outline:2px solid #FFFFFF;outline-offset:4px}.footer-contact{color:#83b8ff;padding:8px 0}footer{padding-bottom:100px}.story-bottom{padding-right:210px}.story-bottom .scroll-hint{display:none}
@media(max-width:1000px) and (min-width:701px){.story-bottom{padding-right:0;padding-bottom:25px}.whatsapp-contact{bottom:16px;right:16px;padding:12px}.whatsapp-contact>span{display:none}}
@media(max-width:700px){.whatsapp-contact{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:50px;height:50px;padding:0;justify-content:center}.whatsapp-contact>span{display:none}.story-bottom{padding-right:60px}.story-steps{gap:7px}.story-steps button{font-size:11px}.story-steps button span{margin-right:4px}footer{padding-bottom:95px}.footer-contact{width:100%;font-size:14px}}
@media(prefers-reduced-motion:reduce){.whatsapp-contact{transition:none}.whatsapp-contact:hover{transform:none}}

/* Compact WhatsApp action with hover and keyboard label. */
.whatsapp-contact{width:54px;height:54px;padding:0;justify-content:center;border-radius:50%;animation:whatsapp-intro .65s ease-out both;overflow:visible}.whatsapp-contact>span{display:block;position:absolute;right:calc(100% + 12px);top:50%;transform:translate(7px,-50%);opacity:0;visibility:hidden;white-space:nowrap;background:#111C2A;color:#FFFFFF;border:1px solid #315581;border-radius:8px;padding:10px 14px;font-size:14px;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.whatsapp-contact:hover>span,.whatsapp-contact:focus-visible>span{opacity:1;visibility:visible;transform:translate(0,-50%)}.whatsapp-contact:hover svg,.whatsapp-contact:focus-visible svg{animation:whatsapp-wave .45s ease-in-out}.whatsapp-contact svg{flex-shrink:0}.story-bottom{padding-right:64px}
@keyframes whatsapp-intro{from{opacity:0;transform:translateY(12px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes whatsapp-wave{0%,100%{transform:rotate(0)}30%{transform:rotate(-10deg)}65%{transform:rotate(8deg)}}
@media(max-width:700px){.whatsapp-contact{width:50px;height:50px}.story-bottom{padding-right:60px}}
@media(hover:none){.whatsapp-contact:hover>span{opacity:0;visibility:hidden}.whatsapp-contact:hover svg{animation:none}.whatsapp-contact:focus-visible>span{opacity:1;visibility:visible}}
@media(prefers-reduced-motion:reduce){.whatsapp-contact,.whatsapp-contact:hover svg,.whatsapp-contact:focus-visible svg{animation:none}.whatsapp-contact>span{transition:none}}

/* Equal outer columns keep the footer caption centered on the page. */
footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px}footer>.brand{justify-self:start}footer>.footer-description{text-align:center;justify-self:center;font-size:13px;line-height:1.6}footer>a:last-child{justify-self:end;width:auto;text-align:right}
@media(max-width:800px){footer{grid-template-columns:1fr;justify-items:center;gap:18px}footer>.brand{justify-self:center}footer>.footer-description{width:100%;font-size:12px}footer>a:last-child{justify-self:center;width:auto;text-align:center}}

/* Four complementary services and professional leadership milestone. */
.services{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-milestone{margin:0 0 30px;padding:24px 0 24px 23px;border-left:2px solid #147BFF;background:linear-gradient(90deg,#147bff14,transparent)}.experience-milestone>strong{display:block;font:500 clamp(48px,5vw,72px)/1 'Space Grotesk',sans-serif;letter-spacing:-3px;color:#147BFF}.experience-milestone>p{margin:12px 0 0;font-size:16px;line-height:1.6;color:#A7ADB5}.experience-milestone>p>b{font-weight:500;color:#FFFFFF}.service-icon svg{transition:transform .4s}.service-card:hover .service-icon svg{transform:translate(4px,-3px)}
@media(max-width:700px){.services{grid-template-columns:1fr}.experience-milestone{padding:20px 0 20px 18px;margin-bottom:24px}.experience-milestone>strong{font-size:56px}.experience-milestone>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.service-card:hover .service-icon svg{transform:none;transition:none}}

.milestone-count{display:inline-block;min-width:5.8ch;font-variant-numeric:tabular-nums}

/* Comfortable copy rhythm and a scroll-linked signal circuit. */
.keep-word{white-space:nowrap}.about-copy{border-left:0;padding-left:32px;text-align:left}.about-copy::before{display:none}.about-copy>p{max-width:58ch;hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:pretty}.about-copy>p:not(.large){font-size:16px;line-height:1.85;margin:0 0 22px}.about-copy>.large{margin:0 0 30px;line-height:1.35;letter-spacing:-.5px}.about-copy>.text-link{margin-top:5px;font-size:15px;line-height:1.5}.signal-rail{position:absolute;left:0;top:0;bottom:0;width:2px;background:#1e3047;pointer-events:none}.signal-progress{position:absolute;inset:0;background:linear-gradient(#0867E8,#147BFF);transform:scaleY(var(--signal-progress,0));transform-origin:top}.signal-packet{position:absolute;left:-1px;top:calc(var(--signal-progress,0)*100%);width:4px;height:28px;border-radius:4px;transform:translateY(-100%);background:linear-gradient(transparent,#147BFF,#b3ddff);box-shadow:0 0 14px #147bff88}.signal-node{position:absolute;left:50%;width:7px;height:7px;border-radius:2px;transform:translate(-50%,-50%);background:#111C2A;border:1px solid #3a5576;transition:background .35s,border-color .35s,box-shadow .35s}.node-start{top:0;background:#147BFF;border-color:#72bbff}.node-middle{top:50%}.node-end{top:100%}.signal-middle-reached .node-middle,.signal-end-reached .node-end{background:#147BFF;border-color:#72bbff;box-shadow:0 0 12px #147bff77}
@media(max-width:700px){.about-copy{padding-left:22px}.about-copy>p:not(.large){font-size:16px;line-height:1.75;margin-bottom:20px}.about-copy>.large{font-size:27px;margin-bottom:24px}.about-copy>.text-link{font-size:15px}}
@media(prefers-reduced-motion:reduce){.signal-progress{transform:none;opacity:.5}.signal-packet{display:none}.signal-node{transition:none;box-shadow:none}}

/* Quiet atomic watermark behind the personal introduction. */
.about-title{position:relative;isolation:isolate;align-self:stretch}.about-title>.atom-watermark{position:absolute;z-index:-1;width:min(115%,540px);aspect-ratio:1;left:-14%;top:16%;pointer-events:none;opacity:.28;overflow:visible;user-select:none}.atom-watermark svg{display:block;width:100%;height:100%;overflow:visible}.atom-orbits{fill:none;stroke:#147BFF;stroke-width:1;opacity:.35}.atom-core{fill:#147BFF;opacity:.5}.atom-plane{transform:scaleY(.36019)}.atom-orbiter{animation:atom-orbit 28s linear infinite;animation-play-state:paused;transform-origin:0 0}.plane-two .atom-orbiter{animation-duration:34s;animation-delay:-11s}.plane-three .atom-orbiter{animation-duration:40s;animation-delay:-24s}.atom-electron{fill:#57A5FF}.atom-running .atom-orbiter{animation-play-state:running}.about-title>.experience-milestone{background:linear-gradient(90deg,#061221ed,#000000c7)}
@keyframes atom-orbit{to{transform:rotate(360deg)}}
@media(max-width:700px){.about-title>.atom-watermark{width:310px;max-width:105%;left:12%;top:25%;opacity:.18}.plane-two,.plane-three{display:none}.atom-orbits ellipse{stroke-width:1.2}.atom-orbiter{animation-duration:40s}.about-title>.experience-milestone{background:linear-gradient(90deg,#061221ed,#000000d9)}}
@media(prefers-reduced-motion:reduce){.atom-orbiter{animation:none!important}.plane-two .atom-orbiter{transform:rotate(120deg)}.plane-three .atom-orbiter{transform:rotate(240deg)}}

/* Scattered blue pixels echo the squares in the ATOMOCODE mark. */
.about-title>.atom-watermark.pixel-watermark{width:100%;max-width:none;height:210px;aspect-ratio:auto;left:0;top:25px;opacity:1;overflow:hidden;pointer-events:none}.brand-pixel{position:absolute;display:block;width:var(--size,12px);height:var(--size,12px);border-radius:2px;background:#147BFF;opacity:var(--alpha,.18);animation:brand-pixel-float var(--duration,12s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);animation-play-state:paused;will-change:transform}.atom-running .brand-pixel{animation-play-state:running}.brand-pixel:nth-child(1){left:4%;top:12%;--size:10px;--alpha:.15;--duration:13s;--delay:-4s}.brand-pixel:nth-child(2){left:32%;top:8%;--size:7px;--alpha:.18;--duration:16s;--delay:-8s}.brand-pixel:nth-child(3){left:67%;top:13%;--size:15px;--alpha:.2;--duration:15s;--delay:-3s}.brand-pixel:nth-child(4){left:87%;top:33%;--size:20px;--alpha:.23;--duration:17s;--delay:-9s}.brand-pixel:nth-child(5){left:76%;top:66%;--size:11px;--alpha:.2;--duration:12s;--delay:-5s}.brand-pixel:nth-child(6){left:51%;top:79%;--size:8px;--alpha:.14;--duration:14s;--delay:-10s}.brand-pixel:nth-child(7){left:19%;top:72%;--size:13px;--alpha:.13;--duration:18s;--delay:-6s}.brand-pixel:nth-child(8){left:94%;top:78%;--size:7px;--alpha:.18;--duration:11s;--delay:-2s}
@keyframes brand-pixel-float{0%{transform:translate(0,6px)}50%{transform:translate(7px,-4px)}100%{transform:translate(-3px,-14px)}}
@media(max-width:700px){.about-title>.atom-watermark.pixel-watermark{top:22px;height:175px;left:0;width:100%;max-width:none;opacity:.8}.brand-pixel:nth-child(2),.brand-pixel:nth-child(6),.brand-pixel:nth-child(8){display:none}}
@media(prefers-reduced-motion:reduce){.brand-pixel{animation:none!important;will-change:auto}}
/* Optical alignment with the lettering inside the supplied logo. */
footer{align-items:center}footer>.brand{align-self:center}footer>.footer-description,footer>a:last-child{align-self:center;display:flex;align-items:center;min-height:52px;margin:0;line-height:1.5}footer>.footer-description{justify-content:center}footer>a:last-child{justify-content:flex-end}
@media(min-width:801px){footer>.footer-description,footer>a:last-child{position:relative;top:3px}}
@media(max-width:800px){footer>.footer-description,footer>a:last-child{min-height:32px;justify-content:center}}

/* Center the visible logo, compensating for its asymmetric transparent canvas.
   PNG: 2200px wide; visible artwork spans x=59..1578.
   Offset = (1100 - (59 + 1578) / 2) / 2200 = 12.79545%. */
@media(max-width:800px){
  footer>.brand{justify-self:center;justify-content:center;min-width:0}
  footer>.brand img{transform:translateX(12.79545%)}
}