:root{--ink:#f7f7f3;--muted:#989ca9;--line:#ffffff1c;--panel:#11141c;--surface:#0b0d13;--night:#07090f;--accent:#8d7cff;--accent-bright:#b9adff;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{background:var(--night);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}main{background:radial-gradient(circle at 78% 18%,#6850ff1c,#0000 28rem),linear-gradient(#080a10 0%,#07090f 56%,#090b12 100%);min-height:100vh;overflow:hidden}.nav{z-index:10;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:80px;margin:0 auto;display:flex;position:relative}.brand{letter-spacing:-.025em;align-items:center;gap:10px;font-size:17px;font-weight:650;display:inline-flex}.brand-mark,.mini-mark{color:#fff;font-family:var(--serif);background:linear-gradient(145deg,#1d2130,#0c0e15);border:1px solid #ffffff2e;justify-content:center;align-items:center;display:inline-flex}.brand-mark{border-radius:10px;width:32px;height:32px;font-size:17px}.nav-note{color:#777c89;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero{grid-template-columns:minmax(0,1fr) minmax(410px,.76fr);align-items:center;gap:88px;width:min(1180px,100% - 48px);min-height:720px;margin:0 auto;padding:76px 0 88px;display:grid;position:relative}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 10%,#000 60%,#0000 100%);mask-image:linear-gradient(90deg,#0000 10%,#000 60%,#0000 100%)}.hero-copy{z-index:1;position:relative}.eyebrow{color:var(--accent-bright);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:28px;font-size:12px;font-weight:650;display:inline-flex}.eyebrow-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 14px var(--accent);border-radius:50%}h1{letter-spacing:-.065em;max-width:700px;margin:0;font-size:clamp(56px,6.3vw,92px);font-weight:560;line-height:.98}h1 em{color:var(--accent-bright);font-family:var(--serif);font-weight:400}.hero-lede{color:#a8abb4;letter-spacing:-.015em;max-width:590px;margin:30px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.65}.hero-actions{align-items:center;gap:22px;margin-top:36px;display:flex}.primary-button,.approve-button{cursor:pointer;border:0;transition:transform .18s,background .18s,border-color .18s}.primary-button{color:#0b0d12;background:#f4f3ef;border-radius:12px;align-items:center;gap:26px;padding:14px 18px 14px 20px;font-size:14px;font-weight:700;display:inline-flex}.primary-button span{font-size:17px}.primary-button:hover{background:#fff;transform:translateY(-2px)}.hero-caption{color:#747986;font-size:13px}.demo-wrap{z-index:2;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.demo-glow{filter:blur(80px);pointer-events:none;background:#6d54ff2e;border-radius:50%;width:96%;height:58%;position:absolute;top:14%}.phone{background:linear-gradient(145deg,#252a36,#0b0e15 30%,#161a24);border:1px solid #fff3;border-radius:42px;width:min(100%,398px);min-height:628px;padding:11px;position:relative;box-shadow:0 38px 80px #0000007a,inset 0 1px 1px #ffffff1f}.phone:after{content:"";background:#303440;border-radius:0 3px 3px 0;width:3px;height:76px;position:absolute;top:126px;right:-3px}.phone-topline,.phone-header,.phone-body{background:#0c0f16}.phone-topline{color:#d6d7dc;border-radius:32px 32px 0 0;justify-content:space-between;height:28px;padding:7px 14px 0;font-size:9px;font-weight:650;display:flex;position:relative}.phone-island{background:#020306;border-radius:20px;width:70px;height:19px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.phone-header{border-bottom:1px solid #ffffff12;align-items:center;gap:8px;height:50px;padding:0 17px;font-size:12px;font-weight:650;display:flex}.mini-mark{border-radius:7px;width:21px;height:21px;font-size:11px}.live-pill{color:#b8adff;letter-spacing:.04em;border:1px solid #8e7cff47;border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:4px 7px;font-size:8px;font-weight:600;display:flex}.live-pill i{background:#8e7cff;border-radius:50%;width:4px;height:4px;box-shadow:0 0 7px #8e7cff}.phone-body{border-radius:0 0 32px 32px;min-height:528px;padding:22px 17px 18px;overflow:hidden}.phone-overline{color:#898e9a;letter-spacing:.03em;margin:0 0 9px;font-size:10px}.prompt-card{background:#141821;border:1px solid #ffffff1c;border-radius:14px;min-height:84px;padding:13px 46px 13px 14px;position:relative}.prompt-card p{color:#ededf0;margin:0;font-size:12px;line-height:1.5}.prompt-arrow{color:#0a0b10;background:#8876ff;border-radius:8px;justify-content:center;align-items:center;width:25px;height:25px;font-size:16px;font-weight:800;display:flex;position:absolute;bottom:12px;right:12px}.working-line{color:#848996;align-items:center;gap:9px;height:43px;font-size:9px;display:flex}.working-orb{border:1px solid #8b7bff80;border-radius:50%;width:14px;height:14px;position:relative}.working-orb:after{content:"";background:#8b7bff;border-radius:50%;animation:2.2s ease-in-out infinite breathe;position:absolute;inset:3px}.result-card{background:#151923;border:1px solid #ffffff21;border-radius:18px;overflow:hidden;box-shadow:0 16px 35px #00000038}.result-visual{background:radial-gradient(circle at 84% 20%,#8e7cff8c,#0000 32%),linear-gradient(125deg,#242035,#161929 52%,#232044);align-items:flex-end;height:78px;padding:13px 14px;display:flex;position:relative;overflow:hidden}.result-visual:before,.result-visual:after{content:"";background:linear-gradient(90deg,#0000,#baaeff99,#0000);width:140px;height:1px;position:absolute;transform:rotate(-18deg)}.result-visual:before{top:25px;right:-12px}.result-visual:after{top:47px;right:34px}.result-symbol{color:#dad4ff;font-size:18px;position:absolute;top:12px;right:14px}.result-kicker{z-index:1;color:#e9e6ff;font-family:var(--serif);font-size:15px;position:relative}.result-content{padding:14px}.result-heading{align-items:flex-start;gap:10px;display:flex}.result-heading h2{letter-spacing:-.02em;margin:0 0 3px;font-size:14px;font-weight:700}.result-heading p,.result-detail{color:#9297a3}.result-heading p{margin:0;font-size:9px}.match-badge{color:#bcb2ff;background:#8d7cff21;border-radius:20px;flex-shrink:0;margin-left:auto;padding:4px 7px;font-size:8px;font-weight:650}.result-detail{margin:12px 0;font-size:10px;line-height:1.5}.progress-list{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:9px 0}.progress-item{color:#a9adb7;align-items:center;gap:8px;padding:4px 0;font-size:9px;display:flex}.progress-done,.progress-ready{border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;font-weight:700;display:inline-flex}.progress-done{color:#77d9b3;background:#4fcd9d1c}.progress-ready{color:#b4a9ff;background:#8d7cff24}.approve-button{color:#0c0e14;background:#f4f3ef;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:10px 12px;font-size:10px;font-weight:700;display:flex}.approve-button:hover{background:#fff}.scenario-switcher{border:1px solid var(--line);background:#0d1018e6;border-radius:12px;gap:3px;margin-top:20px;padding:4px;display:inline-flex;position:relative}.scenario{color:#717683;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 13px;font-size:11px;transition:color .16s,background .16s}.scenario:hover,.scenario.active{color:#efeff2}.scenario.active{background:#1a1e29}.principles{border-top:1px solid var(--line);grid-template-columns:.82fr 1.6fr;gap:88px;width:min(1180px,100% - 48px);margin:0 auto;padding:100px 0 116px;display:grid}.principle-intro>span{color:#626774;letter-spacing:.14em;font-size:11px}.principle-intro h2{font-family:var(--serif);letter-spacing:-.04em;margin:28px 0 16px;font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.03}.principle-intro p{color:#8f939e;max-width:390px;margin:0;font-size:15px;line-height:1.7}.principle-grid{grid-template-columns:repeat(3,1fr);display:grid}.principle-grid article{border-left:1px solid var(--line);min-height:250px;padding:4px 26px 0}.principle-number{color:#676c79;letter-spacing:.12em;font-size:11px}.principle-grid h3{letter-spacing:-.02em;margin:98px 0 13px;font-size:15px;font-weight:650}.principle-grid p{color:#848995;margin:0;font-size:13px;line-height:1.65}footer{border-top:1px solid var(--line);color:#747986;grid-template-columns:1fr 1fr 1fr;align-items:center;width:min(1180px,100% - 48px);min-height:118px;margin:0 auto;font-size:12px;display:grid}.footer-brand{color:#f0f0ed}footer p{text-align:center}footer>span{text-align:right;text-transform:uppercase;letter-spacing:.11em;font-size:10px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}@keyframes breathe{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@media (width<=980px){.hero{grid-template-columns:1fr;gap:66px;padding-top:64px}.hero-copy{max-width:760px}.demo-wrap{padding-bottom:12px}.principles{grid-template-columns:1fr;gap:54px}}@media (width<=720px){.nav,.hero,.principles,footer{width:min(100% - 32px,560px)}.nav{height:70px}.nav-note{font-size:9px}.hero{padding:56px 0 74px}.hero:before{display:none}h1{font-size:clamp(48px,15vw,72px)}.hero-actions{flex-direction:column;align-items:flex-start;gap:13px}.phone{width:min(100%,390px)}.principles{padding:76px 0 84px}.principle-grid{grid-template-columns:1fr}.principle-grid article{border-top:1px solid var(--line);border-left:0;min-height:auto;padding:22px 0 24px}.principle-grid h3{margin:34px 0 10px}footer{grid-template-columns:1fr auto;gap:22px;min-height:150px;padding:30px 0}footer p{text-align:left;grid-area:2/1/auto/-1;margin:0}}@media (width<=420px){.nav-note{display:none}.phone{border-radius:34px}.scenario-switcher{width:100%}.scenario{flex:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}