:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fbff;background:#050714;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #050714;--bg-soft: #0b1024;--card: rgba(255, 255, 255, .075);--card-strong: rgba(255, 255, 255, .13);--text: #f8fbff;--muted: #aab5d6;--line: rgba(255, 255, 255, .14);--blue: #4f7cff;--cyan: #35d6ff;--purple: #9b5cff;--pink: #ff6bd5;--shadow: 0 30px 90px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 4%,rgba(79,124,255,.32),transparent 34rem),radial-gradient(circle at 82% 8%,rgba(155,92,255,.28),transparent 32rem),radial-gradient(circle at 55% 42%,rgba(53,214,255,.1),transparent 36rem),var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,transparent,rgba(0,0,0,.42) 78%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto}.header{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:16px 0 72px;padding:14px 16px;border:1px solid var(--line);border-radius:999px;background:#050714bd;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 50px #00000047}.brand,.nav,.hero-actions,.trust-row,.footer{display:flex;align-items:center}.brand{gap:10px;font-weight:900;letter-spacing:-.02em}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 10px 30px #4f7cff6b}.nav{gap:22px;color:var(--muted);font-size:.95rem}.nav a:hover,.email-link:hover{color:#fff}.nav-cta,.button{border-radius:999px;font-weight:900;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-cta{padding:10px 16px;color:#fff;background:#ffffff1a;border:1px solid var(--line)}.nav-cta:hover,.button:hover{transform:translateY(-2px)}.section{padding:92px 0}.section-grid,.split-section,.contact-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:56px;align-items:center}.hero{min-height:650px}.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.18em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-size:clamp(3.4rem,8vw,7rem);line-height:.88;letter-spacing:-.085em}h1 span{display:block}h2{margin-bottom:18px;font-size:clamp(2.2rem,4vw,4.2rem);line-height:.96;letter-spacing:-.065em}h3{margin-bottom:12px;font-size:1.25rem;letter-spacing:-.03em}.hero-text,.section-heading p,.feature-list p,.contact-copy p,.service-card p,.process-card p,.story-copy p,.fragment-card p{color:var(--muted);line-height:1.7}.hero-text{max-width:690px;font-size:clamp(1.1rem,2vw,1.35rem)}.hero-actions{gap:14px;flex-wrap:wrap;margin:34px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid transparent;cursor:pointer}.button.primary{color:#061028;background:linear-gradient(135deg,var(--cyan),#8fb2ff 55%,#c5a7ff);box-shadow:0 16px 44px #35d6ff3d}.button.secondary{color:#fff;background:#ffffff14;border-color:var(--line)}.trust-row{gap:12px;flex-wrap:wrap}.trust-row span,.pill-grid span{color:#dbe6ff;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#ffffff0f}.hero-card{position:relative;min-height:540px;perspective:1000px}.orb{position:absolute;border-radius:50%;filter:blur(8px);opacity:.55}.orb-one{width:160px;height:160px;top:10px;right:30px;background:var(--cyan);animation:floatOrb 6s ease-in-out infinite}.orb-two{width:190px;height:190px;bottom:30px;left:24px;background:var(--purple);animation:floatOrb 7s ease-in-out infinite reverse}.screen-card,.service-card,.process-card,.contact-form,.fragment-card,.product-core{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff20,#ffffff0b);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.main-screen{position:absolute;inset:52px 22px 0;overflow:hidden;padding:34px;border-radius:36px;transform:rotateX(4deg) rotateY(-7deg)}.main-screen:after{content:"";position:absolute;right:-80px;bottom:-100px;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple));filter:blur(8px);opacity:.55}.status-dot{display:inline-block;width:12px;height:12px;margin-bottom:50px;border-radius:50%;background:#56ffb3;box-shadow:0 0 34px #56ffb3}.main-screen p{color:var(--muted)}.main-screen h2{max-width:440px}.metric-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:46px}.metric-grid div{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#05071485}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{margin-bottom:5px;font-size:1.2rem}.metric-grid span{color:var(--muted)}.floating-card{position:absolute;z-index:2;padding:15px 18px;border:1px solid var(--line);border-radius:18px;background:#ffffff1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px #00000057;font-weight:900;animation:floatCard 5s ease-in-out infinite}.floating-card.one{top:12px;right:24px}.floating-card.two{bottom:54px;left:0;animation-delay:-1s}.floating-card.three{right:0;bottom:130px;animation-delay:-2s}.story-section{--scene-progress: 0;--progress-width: 0%;--fragment-opacity: .56;--core-scale: 1;--piece-a-x: 0px;--piece-a-y: 0px;--piece-a-r: 0deg;--piece-b-x: 0px;--piece-b-y: 0px;--piece-b-r: 0deg;--piece-c-x: 0px;--piece-c-y: 0px;--piece-c-r: 0deg;--piece-d-x: 0px;--piece-d-y: 0px;--piece-d-r: 0deg;min-height:240vh;margin:60px 0 20px}.story-sticky{position:sticky;top:112px;min-height:calc(100vh - 140px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:54px;align-items:center;padding:48px;border:1px solid var(--line);border-radius:46px;background:linear-gradient(145deg,#4f7cff21,#9b5cff14),#ffffff09;overflow:hidden}.story-sticky:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from calc(var(--scene-progress) * 220deg),transparent,rgba(53,214,255,.16),transparent,rgba(155,92,255,.15),transparent);opacity:.55;filter:blur(20px);transform:rotate(calc(var(--scene-progress) * 80deg))}.story-copy,.build-visual{position:relative;z-index:1}.story-copy{max-width:520px}.story-progress{width:100%;height:10px;margin-top:32px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#ffffff14}.story-progress span{display:block;width:var(--progress-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));box-shadow:0 0 28px #35d6ff8c}.build-visual{min-height:610px;perspective:1100px}.product-core{position:absolute;left:50%;top:50%;z-index:4;width:min(430px,76vw);min-height:300px;padding:28px;border-radius:34px;transform:translate(-50%,-50%) scale(var(--core-scale)) rotateX(8deg) rotateY(-10deg);overflow:hidden}.product-core:after{content:"";position:absolute;right:-80px;bottom:-90px;width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--purple));opacity:.42;filter:blur(10px)}.browser-bar{display:flex;gap:8px;margin-bottom:50px}.browser-bar span{width:10px;height:10px;border-radius:50%;background:#ffffff6b}.core-glow{position:absolute;inset:22px;border-radius:28px;border:1px solid rgba(53,214,255,.18)}.product-core p{color:var(--cyan);font-weight:900}.product-core h3{position:relative;z-index:2;font-size:clamp(2.2rem,4vw,3.8rem);line-height:.92}.core-lines{position:relative;z-index:2;display:grid;gap:10px;margin-top:34px}.core-lines span{height:12px;border-radius:999px;background:#ffffff21}.core-lines span:nth-child(2){width:72%}.core-lines span:nth-child(3){width:48%}.fragment-card{position:absolute;z-index:5;width:230px;padding:20px;border-radius:26px;opacity:var(--fragment-opacity);transition:box-shadow .18s ease}.fragment-card span,.card-index{display:inline-flex;margin-bottom:34px;color:var(--cyan);font-weight:950}.fragment-1{left:11%;top:15%;transform:translate(var(--piece-a-x),var(--piece-a-y)) rotate(var(--piece-a-r))}.fragment-2{right:10%;top:11%;transform:translate(var(--piece-b-x),var(--piece-b-y)) rotate(var(--piece-b-r))}.fragment-3{left:8%;bottom:12%;transform:translate(var(--piece-c-x),var(--piece-c-y)) rotate(var(--piece-c-r))}.fragment-4{right:8%;bottom:16%;transform:translate(var(--piece-d-x),var(--piece-d-y)) rotate(var(--piece-d-r))}.code-shard{position:absolute;z-index:3;color:#cfe8ff;padding:10px 12px;border:1px solid rgba(53,214,255,.24);border-radius:14px;background:#0507149e;font-size:.82rem;font-weight:800;opacity:calc(.35 + var(--scene-progress) * .65)}.shard-one{left:44%;top:8%;transform:translateY(calc(var(--scene-progress) * -44px))}.shard-two{right:2%;top:48%;transform:translate(calc(var(--scene-progress) * 32px))}.shard-three{left:22%;bottom:5%;transform:translateY(calc(var(--scene-progress) * 36px))}.section-heading{max-width:780px;margin-bottom:34px}.service-grid,.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card,.process-card{min-height:240px;padding:24px;border-radius:28px;transition:transform .22s ease,border-color .22s ease,background .22s ease}.service-card:hover,.process-card:hover{transform:translateY(-6px);border-color:#35d6ff6b;background:linear-gradient(145deg,#35d6ff1f,#ffffff0b)}.split-section{padding:78px 34px;border:1px solid var(--line);border-radius:38px;background:#ffffff0e}.feature-list ul{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.feature-list li{padding:14px 16px;border:1px solid var(--line);border-radius:16px;color:#dbe6ff;background:#ffffff0e}.process-card span{display:inline-flex;margin-bottom:48px;color:var(--cyan);font-weight:950}.pill-grid{display:flex;gap:14px;flex-wrap:wrap}.pill-grid span{transition:transform .18s ease,border-color .18s ease}.pill-grid span:hover{transform:translateY(-3px);border-color:#35d6ff6b}.contact-section{align-items:start;padding:56px;margin:70px 0;border:1px solid var(--line);border-radius:42px;background:linear-gradient(145deg,#4f7cff2e,#9b5cff1c)}.email-link{display:inline-block;margin-top:18px;color:var(--cyan);font-weight:950}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:22px;border-radius:30px}.contact-form label{display:grid;gap:8px;color:#dbe6ff;font-size:.92rem;font-weight:850}.contact-form .full{grid-column:1 / -1}.hidden-field{display:none}.contact-form input,.contact-form textarea,.contact-form select{width:100%;color:#fff;border:1px solid var(--line);border-radius:16px;outline:none;padding:13px 14px;background:#050714a3}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan)}.footer{justify-content:space-between;gap:18px;padding:34px 0 54px;color:var(--muted);border-top:1px solid var(--line)}.reveal{opacity:0;transform:translateY(26px);filter:blur(10px);transition:opacity .65s ease,transform .65s ease,filter .65s ease;transition-delay:var(--delay, 0ms)}.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatOrb{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(12px,-18px,0) scale(1.08)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}}@media(max-width:980px){.header{border-radius:28px;align-items:flex-start;flex-direction:column}.nav{width:100%;justify-content:space-between}.nav-cta{width:100%;text-align:center}.section-grid,.split-section,.contact-section,.story-sticky{grid-template-columns:1fr}.hero{min-height:auto}.hero-card{min-height:500px}.story-sticky{top:88px;padding:34px}.build-visual{min-height:560px}.service-grid,.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.site-shell{width:min(100% - 20px,1180px)}.header{margin-bottom:42px}.nav{display:none}.section{padding:58px 0}h1{font-size:clamp(3rem,17vw,4.7rem)}h2{font-size:clamp(2.1rem,12vw,3.2rem)}.hero-actions,.button{width:100%}.hero-card{min-height:460px}.main-screen{inset:32px 0 0;padding:24px;border-radius:28px}.metric-grid,.service-grid,.process-grid,.contact-form{grid-template-columns:1fr}.floating-card.one{right:0}.floating-card.two{left:10px;bottom:36px}.floating-card.three{right:8px;bottom:106px}.story-section{min-height:auto;margin:36px 0}.story-sticky{position:relative;top:auto;min-height:auto;padding:24px;border-radius:30px}.build-visual{min-height:610px}.product-core{width:88%;min-height:260px}.fragment-card{width:172px;padding:16px}.fragment-card span{margin-bottom:18px}.fragment-1{left:2%;top:4%}.fragment-2{right:0;top:8%}.fragment-3{left:0;bottom:6%}.fragment-4{right:0;bottom:10%}.code-shard{display:none}.split-section,.contact-section{padding:28px;border-radius:30px}.footer{align-items:flex-start;flex-direction:column}}
