:root{--bg: #1a1a1e;--surface: #1e1e22;--raised: #2a2a2e;--raised-2: #3d3d3d;--ring: rgba(255, 255, 255, .06);--ring-b: rgba(255, 255, 255, .1);--gray-950: #1e1e22;--gray-600: #808080;--gray-500: #aaaaaa;--gray-400: #cccccc;--gray-200: #e5e5e5;--gray-100: #f0f0f0;--white: #e5e5e5;--accent: #0a84ff;--accent-hover: #409cff;--accent-dim: rgba(10, 132, 255, .15);--green: #32d74b;--red: #ff453a;--yellow: #ffd60a;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "SF Mono", "Menlo", ui-monospace, monospace;--container: 1280px;--section-gap: clamp(96px, 13vw, 152px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--gray-500);font-size:15px;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.wrap{max-width:var(--container);margin:0 auto;padding:0 32px}a{color:inherit;text-decoration:none}code{font-family:var(--mono);font-size:.84em;background:var(--raised);padding:2px 6px;border-radius:4px;color:var(--accent);box-shadow:0 0 0 1px var(--ring)}strong{color:var(--gray-200);font-weight:550}.nav{position:fixed;inset:0 0 auto;z-index:50;background:#1a1a1ed9;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 1px 0 var(--ring)}.nav-bar{display:flex;align-items:center;justify-content:space-between;height:52px}.nav-logo{display:flex;align-items:center}.nav-mark{height:22px;width:auto;color:var(--gray-400);transition:color .2s}.nav-logo:hover .nav-mark{color:var(--white)}.nav-btn{font-size:13px;font-weight:500;padding:6px 16px;border-radius:100px;background:var(--accent);color:var(--gray-950);transition:transform .15s,box-shadow .15s;height:28px;display:inline-flex;align-items:center}.nav-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-dim)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:500;font-size:14px;height:38px;padding:0 24px;border-radius:100px;background:var(--accent);color:var(--gray-950);transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-dim)}.btn-lg{height:44px;padding:0 32px;font-size:15px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:450;font-size:14px;height:38px;padding:0 24px;border-radius:100px;background:transparent;color:var(--gray-400);box-shadow:0 0 0 1px #0b0b0e1a,0 0 0 1px var(--ring-b),0 1px 3px #0000003d;transition:box-shadow .15s,color .15s}.btn-secondary:hover{box-shadow:0 0 0 1px var(--accent-dim),0 0 0 1px var(--accent-dim),0 2px 8px #0000004d;color:var(--white)}.eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-600);margin-bottom:16px}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;padding:80px 0 0;overflow:hidden}.hero-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--ring) 1px,transparent 1px),linear-gradient(90deg,var(--ring) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 65% 55% at 50% 40%,black 15%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 40%,black 15%,transparent 65%)}.hero-top{position:relative;z-index:1;display:grid;grid-template-columns:3fr 2fr;gap:64px;align-items:start;margin-bottom:56px}.hero-left .eyebrow{opacity:0;animation:rise .6s ease forwards}.icon-cycle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:.9em;height:.9em;vertical-align:-.15em}.icon-cycle .ic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;color:var(--white);opacity:0;animation:logo-cycle 2.5s infinite}.icon-cycle .ic:nth-child(1){animation-delay:0s}.icon-cycle .ic:nth-child(2){animation-delay:.5s}.icon-cycle .ic:nth-child(3){animation-delay:1s}.icon-cycle .ic:nth-child(4){animation-delay:1.5s}.icon-cycle .ic:nth-child(5){animation-delay:2s}@keyframes logo-cycle{0%{opacity:0;transform:translateY(30%) scale(.8)}4%{opacity:1;transform:translateY(0) scale(1)}16%{opacity:1;transform:translateY(0) scale(1)}20%{opacity:0;transform:translateY(-30%) scale(.8)}to{opacity:0}}.hero-left h1{font-size:clamp(36px,4.8vw,56px);font-weight:550;line-height:1.15;letter-spacing:-.035em;color:var(--white);text-wrap:balance;white-space:pre-line;opacity:0;animation:rise .6s ease .05s forwards}.hero-right-text{padding-top:36px;opacity:0;animation:rise .6s ease .15s forwards}.hero-body{font-size:15px;line-height:1.75;color:var(--gray-500);max-width:48ch;margin-bottom:28px}.hero-body em{font-style:normal;color:var(--gray-200);font-weight:500}.hero-ctas{display:flex;gap:12px}.hero-diagram{position:relative;z-index:1;opacity:0;animation:rise .7s ease .25s forwards;padding:48px 0 24px}.dia-flow{display:flex;align-items:center;justify-content:center;gap:0}.dia-node{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.dia-icon{width:104px;height:104px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:20px;box-shadow:0 0 0 1px var(--ring-b),0 4px 16px #0000004d;color:var(--gray-400);padding:24px;transition:transform .25s,box-shadow .25s}.dia-node:hover .dia-icon{transform:translateY(-2px);box-shadow:0 0 0 1px var(--accent-dim),0 8px 24px #00000059}.dia-icon svg{width:100%;height:100%}.dia-icon--cb{background:var(--raised);padding:26px}.dia-cb-mark{width:48px;height:48px}.dia-label{font-size:14px;font-weight:500;color:var(--gray-600);letter-spacing:.01em}.dia-arrow{display:flex;flex-direction:column;align-items:center;gap:8px;width:140px;flex-shrink:1;min-width:80px}.dia-arrow-line{width:100%;height:2px;background:var(--ring-b);border-radius:1px;position:relative;overflow:hidden}.dia-arrow-label{font-family:var(--mono);font-size:10px;color:var(--gray-600);text-transform:uppercase;letter-spacing:.1em}.dia-particle{position:absolute;top:-1px;width:12px;height:4px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent-dim)}.dia-particle--right{animation:particle-right 2s linear infinite}.dia-particle--left{animation:particle-left 3s linear infinite}@keyframes particle-right{0%{left:-12px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes particle-left{0%{right:-12px;opacity:0;left:auto}10%{opacity:1}90%{opacity:1}to{right:100%;opacity:0;left:auto}}.dia-return{position:relative;margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.dia-return-line{width:80%;max-width:520px;height:2px;background:var(--ring-b);border-radius:1px;position:relative;overflow:hidden;margin:0 auto}.dia-return-label{font-family:var(--mono);font-size:13px;color:var(--gray-600);letter-spacing:.04em}.window{background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--ring-b),0 24px 64px #00000073,0 0 0 1px #ffffff05 inset}.window-chrome{display:flex;gap:6px;padding:11px 14px;background:var(--raised);box-shadow:0 1px 0 var(--ring)}.window-chrome span{width:9px;height:9px;border-radius:50%;background:var(--raised-2);box-shadow:0 0 0 1px var(--ring-b)}.window-body{padding:18px 20px;font-family:var(--mono);font-size:12px;line-height:2.2}.wl{opacity:0;animation:typeln .35s ease forwards;animation-delay:calc(.7s + var(--d) * .4s);color:var(--gray-400)}.wl-tag{display:inline-block;font-weight:600;min-width:48px;color:var(--gray-500)}.wl-ok{color:var(--green)}.wl-err{color:var(--red)}.wl-gold{color:var(--accent)}.wl-dim{color:var(--gray-600)}@keyframes typeln{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.s-head{margin-bottom:48px}.s-head h2{font-size:clamp(28px,4vw,44px);font-weight:550;line-height:1.2;letter-spacing:-.03em;color:var(--white);white-space:pre-line;text-wrap:balance}.s-intro{font-size:15px;color:var(--gray-500);max-width:52ch;margin-top:16px;line-height:1.75}.h2-cont{color:var(--gray-600)}.again-loop{display:inline-block;position:relative;overflow:hidden;height:1.2em;vertical-align:bottom}.again-loop .ag-slot{display:inline-block;position:absolute;left:0;bottom:0;white-space:nowrap}.again-loop .ag-slot.current{animation:ag-out .3s ease forwards}.again-loop .ag-slot.next{animation:ag-in .3s ease forwards}@keyframes ag-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ag-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.s-loop{padding:var(--section-gap) 0;padding-top:clamp(48px,6vw,80px)}.loop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.loop-card{display:flex;flex-direction:column}.loop-well{aspect-ratio:5 / 4;display:flex;align-items:center;justify-content:center;background:#ffffff06;border-radius:12px;margin-bottom:20px;color:var(--gray-400);padding:16px}.loop-well svg{width:100%;height:100%}.loop-card h3{font-size:15px;font-weight:500;color:var(--white);margin-bottom:6px}.loop-card p{font-size:13px;color:var(--gray-600);line-height:1.65}.s-pain{padding:var(--section-gap) 0}.pain-stack{display:grid;gap:8px}.pain-item{padding:32px;background:var(--surface);border-radius:12px;box-shadow:0 0 0 1px var(--ring);transition:box-shadow .25s}.pain-item:hover{box-shadow:0 0 0 1px var(--ring-b)}.pain-item p{font-size:16px;color:var(--gray-500);line-height:1.75;max-width:72ch}.pain-item p strong{color:var(--white);font-weight:500}.s-how{padding:var(--section-gap) 0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.how-card{display:flex;flex-direction:column}.how-card h3{font-size:15px;font-weight:500;color:var(--white);margin-bottom:6px}.how-card p{font-size:13px;color:var(--gray-600);line-height:1.65}.s-compare{padding:var(--section-gap) 0}.cmp-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:8px}.cmp-card{border-radius:12px;padding:32px;box-shadow:0 0 0 1px var(--ring)}.cmp-card h3{font-size:16px;font-weight:500;margin-bottom:20px;letter-spacing:-.01em}.cmp-card ol{list-style:none;counter-reset:s}.cmp-card ol li{counter-increment:s;padding:5px 0;font-size:13px;display:flex;align-items:center;gap:10px}.cmp-card ol li:before{content:counter(s);flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border-radius:50%}.cmp-old{background:var(--surface)}.cmp-old h3{color:var(--red)}.cmp-old li{color:var(--gray-600)}.cmp-old li:before{background:#e854541a;color:var(--red)}.cmp-old li:last-child{color:var(--red);font-style:italic}.cmp-new{background:#d4a72c08;box-shadow:0 0 0 1px var(--accent-dim)}.cmp-new h3{color:var(--accent)}.cmp-new li{color:var(--gray-200)}.cmp-new li:before{background:#d4a72c1a;color:var(--accent)}.cmp-new li:last-child{color:var(--green);font-weight:600}.s-feat{padding:var(--section-gap) 0}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.feat-grid--2x2{grid-template-columns:repeat(2,1fr)}.feat-card{display:flex;flex-direction:column}.feat-card h3{font-size:15px;font-weight:500;color:var(--white);margin-bottom:6px}.feat-card p{font-size:13px;color:var(--gray-600);line-height:1.65}.s-cta{padding:var(--section-gap) 0}.s-cta h2{font-size:clamp(28px,4vw,44px);font-weight:550;line-height:1.2;letter-spacing:-.03em;color:var(--white);text-wrap:balance;margin-bottom:40px}.cta-actions{display:flex;align-items:center;gap:16px}.cta-note{font-size:12px;color:var(--gray-600)}.foot{padding:36px 0;box-shadow:0 -1px 0 var(--ring)}.foot-inner{display:flex;align-items:center;gap:20px}.foot-mark{height:14px;width:auto;flex-shrink:0}.foot-tag{font-size:12px;color:var(--gray-600);flex:1}.foot-link{font-size:12px;color:var(--gray-600);transition:color .15s}.foot-link:hover{color:var(--white)}.foot-copy{text-align:center;font-size:11px;color:var(--gray-600);padding:12px 32px 0;margin-top:0}.rv{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.rv.vis{opacity:1;transform:none}@media(max-width:960px){.hero-top{grid-template-columns:1fr;gap:32px}.hero-right-text{padding-top:0}.dia-flow{flex-wrap:wrap;gap:16px;justify-content:center}.dia-arrow{width:48px;min-width:48px}.dia-icon{width:60px;height:60px;padding:14px}.loop-grid{grid-template-columns:repeat(2,1fr)}.how-grid,.feat-grid,.cmp-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero-ctas{flex-direction:column}.btn-primary,.btn-secondary{width:100%;max-width:240px}.window-body{font-size:11px;padding:14px}.foot-inner{flex-direction:column;align-items:flex-start;gap:8px}}
