:root{--bg:#040a10;--bg-2:#07121c;--surface:#08141eb8;--surface-strong:#0a1925e0;--surface-soft:#ffffff09;--line:#ffffff1c;--line-soft:#fff1;--text:#f5fbff;--muted:#9fb4c3;--cyan:#6ee7ff;--blue:#83b6ff;--violet:#c7a6ff;--green:#b8ff9e;--amber:#ffd488;--shadow:0 28px 90px #0000006b;--radius-xl:34px;--radius-lg:24px;--gradient:linear-gradient(90deg, var(--cyan), var(--violet) 54%, var(--green))}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg)}body{color:var(--text);text-rendering:optimizelegibility;isolation:isolate;background:radial-gradient(circle at 12% 8%,#6ee7ff12,#0000 24%),radial-gradient(circle at 88% 28%,#c7a6ff12,#0000 28%),linear-gradient(#03080d 0%,#06101a 35%,#08131d 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#6ee7ff38}#smooth-wrapper{position:relative;overflow:hidden}#smooth-content{z-index:3;isolation:isolate;position:relative}.journey-webgl{z-index:0;pointer-events:none;opacity:.34;width:100%;height:100%;position:fixed;inset:0}.ambient-grid{z-index:1;pointer-events:none;opacity:.11;background-color:#0000;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 28%,#000 8%,#0000 78%);mask-image:radial-gradient(circle at 50% 28%,#000 8%,#0000 78%)}.cursor-glow{z-index:1;pointer-events:none;filter:blur(20px);will-change:transform;background:radial-gradient(circle,#6ee7ff0b,#0000 68%);border-radius:50%;width:340px;height:340px;position:fixed;top:-170px;left:-170px}.nav-shell{z-index:60;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);background:#030c1494;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 28px);padding:11px 14px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 56px #00000038}.brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:11px;font-weight:800;display:inline-flex}.brand-mark{background:radial-gradient(circle at 36% 30%, #fff 0 6%, transparent 7%), conic-gradient(from 30deg, var(--cyan), var(--blue), var(--violet), var(--green), var(--cyan));border-radius:50%;width:31px;height:31px;position:relative;box-shadow:0 0 28px #6ee7ff52}.brand-mark:after{content:"";border:1px solid #ffffff3d;border-radius:50%;position:absolute;inset:6px}.nav-links{align-items:center;gap:5px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 11px;font-size:13px;transition:color .2s,background .2s}.nav-links a:hover{color:#fff;background:#fff1}.nav-toggle{border:1px solid var(--line);background:#ffffff09;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:38px;height:38px;display:none}.nav-toggle span{background:var(--text);width:16px;height:1.5px;transition:transform .2s,opacity .2s;display:block}.nav-shell.is-open .nav-toggle span:first-child{transform:translateY(5.5px)rotate(45deg)}.nav-shell.is-open .nav-toggle span:nth-child(2){opacity:0}.nav-shell.is-open .nav-toggle span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.nav-portfolio-link{background:linear-gradient(120deg,#6ee7ff1f,#c7a6ff17);border:1px solid #6ee7ff33;color:#dff8ff!important}.floating-portfolio{z-index:80;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);color:var(--text);letter-spacing:.04em;text-transform:uppercase;background:#051018b8;border:1px solid #6ee7ff38;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 42px #00000047,0 0 25px #6ee7ff1f}.floating-portfolio:hover{border-color:#6ee7ff61;transform:translateY(-2px);box-shadow:0 22px 52px #00000052,0 0 32px #6ee7ff2e}.floating-label{white-space:nowrap}.floating-icon{width:16px;height:16px;color:var(--cyan);flex-shrink:0}.progress-rail{z-index:30;gap:8px;display:grid;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.progress-rail a{color:#0000;justify-content:flex-end;align-items:center;gap:7px;width:34px;height:18px;display:flex;position:relative}.progress-rail a i{background:#ffffff3d;border-radius:999px;width:9px;height:9px;transition:width .25s,height .25s,background .25s,box-shadow .25s;display:block}.progress-rail a span{opacity:0;color:var(--muted);font-size:10px;transition:opacity .2s;position:absolute;right:18px}.progress-rail a:hover span,.progress-rail a.is-active span{opacity:1}.progress-rail a.is-active i{background:linear-gradient(var(--cyan), var(--green));width:9px;height:28px;box-shadow:0 0 18px #6ee7ff61}.hero{z-index:2;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(26px,3vw,54px);width:min(1220px,100% - 48px);min-height:100svh;margin:0 auto;padding:130px 0 84px;display:grid;position:relative}.hero-copy{z-index:3;max-width:780px;position:relative}.eyebrow{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#dff8ff;letter-spacing:.09em;text-transform:uppercase;background:#ffffff09;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow i,.live-badge i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #b8ff9eb3}.hero h1{letter-spacing:-.066em;max-width:820px;margin:20px 0;font-size:clamp(50px,6.6vw,92px);line-height:.96}.gradient-text{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{max-width:700px;color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(18px,1.9vw,21px);line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 18px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 18px 42px #0003}.button-primary{color:#041018;background:linear-gradient(120deg, var(--cyan), var(--green));border-color:#0000;box-shadow:0 14px 44px #6ee7ff26}.button-ghost{background:#ffffff09}.hero-principles{flex-wrap:wrap;gap:16px;margin-top:44px;display:flex}.hero-principles div{gap:3px;min-width:74px;display:grid}.hero-principles strong{color:var(--cyan);letter-spacing:.1em;font-size:11px}.hero-principles span{color:var(--muted);font-size:13px}.hero-orbit{z-index:2;place-items:center;min-height:600px;margin-left:auto;display:grid;position:relative}.hero-orbit-frame{aspect-ratio:1;background:radial-gradient(circle,#6ee7ff1f,#0000 24%),radial-gradient(circle,#0000 0 36%,#ffffff0a 36.5% 37%,#0000 37.5%),radial-gradient(circle,#0000 0 49%,#c7a6ff0f 49.5% 50%,#0000 50.5%),radial-gradient(circle,#0000 0 63%,#b8ff9e0d 63.5% 64%,#0000 64.5%);border:1px solid #6ee7ff1f;border-radius:50%;width:min(500px,42vw);position:relative;transform:translateY(8px);box-shadow:inset 0 0 80px #6ee7ff0a,0 0 100px #0003}.hero-orbit-frame:before,.hero-orbit-frame:after{content:"";border:1px dashed #ffffff14;border-radius:50%;position:absolute;inset:12%}.hero-orbit-frame:before{transform:rotateX(65deg)}.hero-orbit-frame:after{transform:rotateY(65deg)}.hero-orbit-core{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 35% 25%,#ffffff21,#081620bd);border:1px solid #ffffff1f;border-radius:50%;align-content:center;place-items:center;gap:5px;width:170px;height:170px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #6ee7ff1f}.hero-orbit-core span{text-transform:uppercase;color:var(--muted);letter-spacing:.13em;font-size:11px}.hero-orbit-core strong{color:var(--cyan);font-size:30px}.orbit-label{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#dcecf4;white-space:nowrap;letter-spacing:-.01em;background:#07131cb8;border-radius:12px;padding:9px 11px;font-size:12px;position:absolute;box-shadow:0 14px 34px #0000002e}.orbit-label-a{top:25%;left:-3%}.orbit-label-b{top:14%;right:-4%}.orbit-label-c{bottom:22%;right:-6%}.orbit-label-d{bottom:10%;left:0}.scroll-cue{z-index:5;color:#ffffff73;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:11px;font-size:10px;display:flex;position:absolute;bottom:26px;left:0}.scroll-line{background:#ffffff1f;width:72px;height:1px;overflow:hidden}.scroll-line i{background:var(--cyan);width:28px;height:1px;display:block;transform:translate(-28px)}.method{z-index:2;width:min(1220px,100% - 48px);margin:0 auto;padding:110px 0 120px;position:relative;overflow:hidden}.section-heading{max-width:850px;margin-bottom:46px}.section-heading h2,.final-card h2{letter-spacing:-.055em;margin:18px 0 16px;font-size:clamp(40px,5.2vw,68px);line-height:1}.section-heading p,.final-card>p{color:var(--muted);margin:0;font-size:18px;line-height:1.75}.method-rail{grid-template-columns:repeat(8,minmax(145px,1fr));gap:10px;padding:8px 4px 20px;display:grid;position:relative;overflow:hidden}.method-line{pointer-events:none;background:#ffffff12;height:2px;position:absolute;top:22px;left:12px;right:12px}.method-line i{transform-origin:0;background:var(--gradient);width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 16px #6ee7ff4d}.method-step{z-index:2;border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border-radius:20px;min-height:190px;padding:14px;transition:border-color .2s,background .2s,transform .2s;position:relative;transform:translateY(0)}.method-step:hover{background:#ffffff0d;border-color:#6ee7ff33;transform:translateY(-4px)}.method-index{width:30px;height:30px;color:var(--cyan);background:#6ee7ff1c;border-radius:50%;place-items:center;margin-bottom:18px;font-size:11px;font-weight:800;display:grid}.method-step strong{margin-bottom:8px;font-size:15px;line-height:1.3;display:block}.method-step small{color:var(--muted);font-size:12px;line-height:1.5;display:block}.method-arrow{color:#ffffff42;position:absolute;top:12px;right:-9px}.feedback-note{background:linear-gradient(90deg,#c7a6ff0e,#6ee7ff09);border:1px solid #c7a6ff24;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-top:26px;padding:20px 22px;display:grid}.feedback-loop{width:52px;height:52px;color:var(--violet);background:#c7a6ff14;border:1px solid #c7a6ff2e;border-radius:50%;place-items:center;font-size:28px;display:grid}.feedback-note strong{margin-bottom:5px;display:block}.feedback-note p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.phases-wrap{z-index:2;position:relative}.phase{z-index:2;isolation:isolate;width:min(1220px,100% - 48px);min-height:118vh;margin:0 auto;padding:13vh 0;position:relative}.phase:before{content:"";background:linear-gradient(90deg,#0000,#ffffff17,#0000);height:1px;position:absolute;top:0;left:0;right:0}.phase-inner{z-index:2;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);align-items:start;gap:clamp(40px,6vw,86px);display:grid;position:relative}.phase-reverse .phase-copy{order:2}.phase-reverse .phase-visual-column{order:1}.phase-copy{z-index:2;padding-top:22px;position:relative}.phase-heading-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.phase-number{color:var(--cyan);letter-spacing:.13em;font-size:13px;font-weight:900}.phase-kicker{border:1px solid var(--line);color:#dcecf4;background:#ffffff09;border-radius:999px;padding:7px 10px;font-size:12px}.phase h2{letter-spacing:-.052em;max-width:690px;margin:0 0 18px;font-size:clamp(40px,4.9vw,64px);line-height:1.02}.phase-description{max-width:680px;color:var(--muted);margin:0;font-size:18px;line-height:1.78}.phase-question{border-left:2px solid var(--cyan);background:linear-gradient(90deg,#6ee7ff0f,#0000);border-radius:0 16px 16px 0;margin:24px 0;padding:16px 17px}.phase-question span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px;font-size:11px;display:block}.phase-question strong{font-size:17px;line-height:1.35}.deliverables{gap:10px;display:grid}.deliverable{border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:16px;grid-template-columns:30px 1fr;gap:11px;padding:14px;display:grid}.deliverable-check{width:24px;height:24px;color:var(--green);background:#b8ff9e1c;border-radius:50%;place-items:center;margin-top:1px;font-size:12px;font-weight:900;display:grid}.deliverable h3{margin:0 0 4px;font-size:15px}.deliverable p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.phase-visual-column{min-width:0}.phase-visual-shell{border:1px solid var(--line);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);min-height:620px;box-shadow:var(--shadow);background:radial-gradient(circle at 18% 12%,#6ee7ff14,#0000 24%),linear-gradient(#0a1a26c7,#050f18b3);padding:16px;position:relative;overflow:hidden}.phase-visual-shell:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff0b,#0000 26% 74%,#b8ff9e09);position:absolute;inset:0}.visual-header,.visual-stats{z-index:3;position:relative}.visual-header{justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 12px;display:flex}.visual-header>div{gap:3px;display:grid}.visual-header span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.visual-header strong{letter-spacing:-.025em;font-size:17px}.live-badge{white-space:nowrap;background:#b8ff9e0e;border:1px solid #b8ff9e24;border-radius:999px;align-items:center;gap:7px;padding:7px 9px;display:inline-flex;color:#dfffd7!important;letter-spacing:.04em!important;text-transform:none!important;font-size:10px!important}.phase-canvas{z-index:1;border:1px solid var(--line-soft);background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/36px 36px,radial-gradient(circle,#6ee7ff12,#0000 56%);border-radius:24px;height:440px;position:relative;overflow:hidden}.phase-canvas:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 35%,#040a1052 100%);position:absolute;inset:0}.phase-canvas canvas{width:100%!important;height:100%!important}.visual-stats{grid-template-columns:1.15fr 1fr .62fr;gap:8px;padding-top:12px;display:grid}.visual-stats>div{border:1px solid var(--line-soft);background:#ffffff09;border-radius:14px;min-width:0;padding:11px}.visual-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:10px;display:block}.visual-stats strong{overflow-wrap:anywhere;font-size:12px;line-height:1.35;display:block}.final-cta{z-index:2;width:min(1120px,100% - 48px);margin:0 auto;padding:120px 0 150px;position:relative}.final-card{border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:radial-gradient(circle at 50% 0,#6ee7ff24,#0000 36%),radial-gradient(circle at 90% 90%,#b8ff9e0e,#0000 28%),linear-gradient(#0b1d2ac7,#06111ab3);border-radius:40px;padding:70px 38px}.final-card h2{max-width:850px;margin-left:auto;margin-right:auto}.final-card>p{max-width:760px;margin:0 auto}.final-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin:34px 0 30px;display:grid}.final-grid div{border:1px solid var(--line-soft);background:#ffffff09;border-radius:16px;padding:15px 10px}.final-grid strong{margin-bottom:4px;font-size:14px;display:block}.final-grid span{color:var(--muted);font-size:12px}.site-footer{z-index:2;border-top:1px solid var(--line);width:min(1180px,100% - 48px);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;margin:0 auto;padding:28px 0 50px;font-size:13px;display:flex;position:relative}@media (max-width:1050px){.nav-toggle{display:inline-flex}.nav-links{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);background:#030c14eb;border-radius:20px;flex-direction:column;gap:2px;padding:10px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;box-shadow:0 18px 56px #00000052}.nav-shell.is-open .nav-links{display:flex}.nav-links a{padding:12px 14px;font-size:14px}.hero{grid-template-columns:1fr;padding-top:120px}.hero-copy{max-width:820px}.hero-orbit{min-height:460px}.phase-inner{grid-template-columns:1fr}.phase-reverse .phase-copy,.phase-reverse .phase-visual-column{order:initial}.phase{min-height:auto;padding:90px 0}.phase-visual-shell{min-height:0}.progress-rail{display:none}.method-rail{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;grid-template-columns:none;grid-auto-columns:min(70vw,260px);grid-auto-flow:column;margin:0 -24px;padding:8px 24px 20px;overflow:auto visible}.method-rail::-webkit-scrollbar{display:none}.method-step{scroll-snap-align:start}}@media (max-width:720px){.hero,.method,.phase,.final-cta{width:min(100% - 28px,1220px)}.hero{padding-top:112px}.hero h1{font-size:clamp(46px,15vw,70px)}.hero-orbit{min-height:360px}.hero-orbit-frame{width:min(360px,92vw)}.orbit-label{font-size:10px}.scroll-cue{display:none}.method{padding-top:62px}.method-rail{grid-auto-columns:min(78vw,220px);margin:0 -14px;padding:8px 14px 20px}.phase{min-height:auto;padding:54px 0}.phase-inner{gap:28px}.phase-copy{padding-top:0}.phase h2{font-size:clamp(38px,11vw,54px)}.phase-description{font-size:16px}.phase-canvas{height:300px}.phase-visual-shell{min-height:0}.visual-stats{grid-template-columns:1fr}.final-card{padding:50px 18px}.final-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.journey-webgl{opacity:.45}}.hero:before{content:"";filter:blur(30px);pointer-events:none;z-index:0;background:radial-gradient(circle,#6ee7ff14,#c7a6ff0d 42%,#0000 72%);border-radius:50%;width:min(640px,72vw);height:320px;margin:0 auto;position:absolute;inset:110px 0 auto}@media (max-width:980px){.journey-webgl{opacity:.24}.ambient-grid{opacity:.08}}