:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface-0: oklch(16% .02 260);--surface-1: oklch(24% .04 260);--surface-2: oklch(32% .05 260);--ink-0: oklch(97% 0 0);--ink-1: oklch(82% .02 250);--ink-2: oklch(68% .02 250);--border: oklch(37% .02 240);--accent-ink: oklch(12% 0 0);--accent-1: oklch(82% .19 90);--accent-2: oklch(70% .18 40);--accent-hex1: #f5c84b;--accent-hex2: #f39c3d;--radius: 16px;--maxw: 1200px;--content-pad: clamp(16px, 4vw, 32px);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--font: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;background-color:var(--surface-0);color:var(--ink-0)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);background:radial-gradient(900px 500px at 10% -10%,color-mix(in oklch,var(--accent-1) 18%,transparent),transparent),radial-gradient(700px 400px at 90% -20%,color-mix(in oklch,var(--accent-2) 18%,transparent),transparent),radial-gradient(circle at 1px 1px,color-mix(in oklch,var(--ink-0) 10%,transparent) 1px,transparent 1px),var(--surface-0);background-size:auto,auto,24px 24px,auto;background-attachment:scroll,scroll,fixed,scroll;color:var(--ink-0)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font-family:inherit}.page{min-height:100vh;position:relative}.page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 30%,rgba(245,200,75,.14),transparent 55%),radial-gradient(circle at 80% 0%,rgba(243,156,61,.18),transparent 58%);opacity:.8;z-index:-2}.progress{position:fixed;inset:0 auto auto 0;height:3px;width:0;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));z-index:120;will-change:width;transform:translateZ(0);backface-visibility:hidden}header{position:sticky;top:0;z-index:80;width:100%;padding:0;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);background:color-mix(in oklch,var(--surface-0) 50%,transparent);border-bottom:1px solid color-mix(in oklch,var(--border) 20%,transparent);will-change:backdrop-filter,background;contain:layout style paint}.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--content-pad)}header .container{max-width:none;width:100%;padding:0}header .container.topbar{padding:var(--s3) var(--s4)}.topbar{display:flex;align-items:center;justify-content:center;gap:var(--s5);padding:var(--s4) var(--s4);border-radius:var(--radius);border:1px solid color-mix(in oklch,var(--border) 20%,transparent);background:color-mix(in oklch,var(--surface-1) 60%,transparent);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff1a;position:relative;overflow:hidden;will-change:transform;contain:layout style}.topbar:after{content:"";position:absolute;inset:-40% auto auto -20%;width:300px;height:300px;background:radial-gradient(circle at center,rgba(245,200,75,.15),transparent 70%);opacity:.6;pointer-events:none;z-index:0;transition:opacity .4s ease}.topbar:hover:after{opacity:.8}.topbar>*{position:relative;z-index:1}.logo-group{display:flex;align-items:center;gap:16px;position:absolute;left:var(--s4)}.logo{display:inline-flex;align-items:center;gap:12px;font-weight:700;font-size:1rem;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-0);transition:transform .2s ease,opacity .2s ease;will-change:transform}.logo:hover{transform:translateY(-1px);opacity:.9}.logo svg{width:32px;height:32px;transition:transform .2s ease;will-change:transform}.logo:hover svg{transform:scale(1.05) rotate(5deg)}.menu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:color-mix(in oklch,var(--surface-1) 90%,transparent);border:1px solid color-mix(in oklch,var(--border) 40%,transparent);border-radius:10px;padding:10px 16px;font-weight:600;font-size:.9rem;color:var(--ink-0);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff1a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;will-change:transform}.menu-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6}.menu-btn span{display:inline-flex;align-items:center;gap:6px}.menu-btn:hover{transform:translateY(-2px);background:color-mix(in oklch,var(--surface-1) 98%,transparent);box-shadow:0 6px 16px #0003,inset 0 1px #ffffff26;border-color:color-mix(in oklch,var(--border) 50%,transparent)}.menu-btn:active{transform:translateY(0)}nav{display:flex;align-items:center;justify-content:center;gap:16px;flex:1}nav ul{display:flex;gap:var(--s3);list-style:none;padding:0;margin:0;font-size:.9rem;font-weight:600}nav ul a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 clamp(16px,2.5vw,22px);letter-spacing:.06em;text-transform:uppercase;border-radius:10px;background:linear-gradient(135deg,color-mix(in oklch,var(--surface-1) 85%,transparent),color-mix(in oklch,var(--surface-1) 70%,transparent));border:1px solid color-mix(in oklch,var(--border) 30%,transparent);box-shadow:0 4px 12px #00000040,0 2px 6px #0003,0 1px 3px #00000026,inset 0 -2px 4px #0003,inset 0 1px 2px #ffffff26,inset 0 0 1px #ffffff1a;transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease,border-color .2s ease;will-change:transform;overflow:hidden}nav ul a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease;pointer-events:none}nav ul a:hover:before{left:100%}nav ul a:after{display:none}nav ul a:hover,nav ul a:focus-visible{color:var(--accent-hex1);transform:translateY(-2px);background:linear-gradient(135deg,color-mix(in oklch,var(--surface-1) 92%,transparent),color-mix(in oklch,var(--surface-1) 80%,transparent));border-color:color-mix(in oklch,var(--accent-hex1) 40%,transparent);box-shadow:0 8px 24px #0000004d,0 4px 12px #00000040,0 2px 6px #0003,0 0 20px #f5c84b66,inset 0 -3px 6px #00000040,inset 0 2px 4px #fff3,inset 0 0 2px #ffffff26}nav ul a:active{transform:translateY(0);box-shadow:0 2px 8px #00000040,inset 0 3px 8px #0000004d,inset 0 1px 2px #ffffff1a}.nav-cta .btn--primary{box-shadow:0 8px 24px #f5c84b40,0 2px 8px #f5c84b26;position:relative;overflow:hidden}.nav-cta .btn--primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.nav-cta .btn--primary:hover:before{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:calc(var(--radius) - 6px);border:1px solid var(--border);background:var(--surface-1);font-weight:700;color:var(--ink-0);box-shadow:0 12px 22px #00000042;transition:.12s transform,.2s box-shadow,.2s border-color,.2s background}.btn:hover{transform:translateY(-1px);box-shadow:0 18px 32px color-mix(in oklch,var(--accent-1) 20%,transparent)}.btn:focus-visible{outline:3px solid color-mix(in oklch,var(--accent-1) 65%,white);outline-offset:2px}.btn--primary{border:1px solid color-mix(in oklch,var(--accent-1) 70%,black);background:linear-gradient(180deg,color-mix(in oklch,var(--accent-1) 80%,white),var(--accent-1));color:var(--accent-ink)}.btn--ghost{background:transparent;border-color:color-mix(in oklch,var(--border) 70%,transparent)}.hero{padding:clamp(var(--s7),10vw,var(--s9)) 0 var(--s7);position:relative;overflow:clip}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s7);align-items:center}.hero-card{border:1px solid var(--border);border-radius:var(--radius);padding:var(--s6);background:linear-gradient(180deg,var(--surface-1),color-mix(in oklch,var(--surface-1) 70%,transparent));box-shadow:0 30px 60px #00000073}.eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-1);margin-bottom:var(--s2)}h1,h2,h3,h4{margin:0 0 var(--s4);font-weight:800;line-height:1.1;color:var(--ink-0)}h1{font-size:clamp(2.6rem,4vw,3.6rem)}h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.15}h3{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.25}.lead{font-size:clamp(1.08rem,.9vw + .9rem,1.3rem);color:var(--ink-1);margin-bottom:var(--s5)}.rating{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-bottom:var(--s5);font-weight:700;color:var(--accent-hex1)}.rating-caption{color:var(--ink-1);font-weight:500}.cta-row{display:flex;gap:var(--s3);flex-wrap:wrap}.hero-figure{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:color-mix(in oklch,var(--surface-1) 80%,transparent);position:relative;isolation:isolate;box-shadow:0 24px 60px #00000080}.hero-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(245,200,75,.16),transparent 60%);pointer-events:none}.section{padding:var(--s8) 0}.founder-card{border-radius:var(--radius);padding:var(--s6);background:linear-gradient(180deg,color-mix(in oklch,var(--surface-1) 75%,transparent),var(--surface-0));border:1px solid color-mix(in oklch,var(--border) 60%,transparent);box-shadow:0 28px 52px #0000005c;color:var(--ink-1);font-size:1.08rem;line-height:1.6}.founder-card p{margin:0 0 var(--s3)}.founder-rating{font-weight:800;color:var(--accent-hex1)}.section-head{max-width:640px;margin-bottom:var(--s6)}.section-summary{color:var(--ink-1);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s4)}.feature-card{border:1px solid color-mix(in oklch,var(--border) 60%,transparent);border-radius:calc(var(--radius) - 4px);background:linear-gradient(180deg,color-mix(in oklch,var(--surface-1) 80%,transparent),var(--surface-0));padding:var(--s5);box-shadow:0 22px 40px #00000047;color:var(--ink-1);display:flex;flex-direction:column;gap:var(--s3)}.feature-card h3{margin-bottom:var(--s2)}.feature-card ul{margin:0;padding-left:20px;color:var(--ink-1)}.feature-card li{margin-bottom:var(--s2)}.feature-detail,.card-detail{margin:0;color:var(--ink-1);line-height:1.6}.card-icon{font-size:24px;line-height:1;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(140deg,color-mix(in oklch,var(--accent-1) 75%,var(--surface-1)),var(--accent-2));color:var(--accent-ink);margin-bottom:var(--s3);position:relative;box-shadow:0 10px 18px #00000038,inset 0 1px #ffffff47;border:1px solid color-mix(in oklch,var(--accent-2) 55%,var(--border))}.card-icon:after{content:"";position:absolute;inset:-6px;border-radius:inherit;background:radial-gradient(circle at top,rgba(255,255,255,.35),transparent 60%);z-index:-1;opacity:.85}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s5);align-items:start}.guide-copy{border-radius:var(--radius);border:1px solid color-mix(in oklch,var(--border) 60%,transparent);background:linear-gradient(180deg,color-mix(in oklch,var(--surface-1) 80%,transparent),var(--surface-0));padding:var(--s6);box-shadow:0 24px 40px #00000052;color:var(--ink-1);display:flex;flex-direction:column;gap:var(--s3)}.guide-copy p{margin:0;line-height:1.6}.guide-copy .btn{align-self:flex-start;margin-top:var(--s3)}.guide-media{display:grid;gap:var(--s4)}.pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,var(--accent-1),var(--accent-hex2));color:var(--accent-ink);font-weight:700;width:fit-content}.guide-card{border-radius:calc(var(--radius) - 6px);border:1px solid color-mix(in oklch,var(--border) 60%,transparent);background:color-mix(in oklch,var(--surface-1) 80%,transparent);padding:var(--s4);box-shadow:0 18px 32px #00000047;color:var(--ink-1)}.guide-card h4{margin-bottom:var(--s3);color:var(--ink-0)}.guide-card ul{margin:0;padding-left:20px}.guide-card li{margin-bottom:var(--s2)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s4)}.card{border:1px solid color-mix(in oklch,var(--border) 55%,transparent);border-radius:calc(var(--radius) - 4px);padding:var(--s5);background:linear-gradient(180deg,color-mix(in oklch,var(--surface-1) 75%,transparent),var(--surface-0));color:var(--ink-1);box-shadow:0 18px 36px #0000004d}.card h3{margin-bottom:var(--s3);color:var(--ink-0)}.card p{margin:0;line-height:1.6}.why-grid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:var(--s5);align-items:start}.why-figure{border-radius:var(--radius);overflow:hidden;border:1px solid color-mix(in oklch,var(--border) 60%,transparent);box-shadow:0 24px 48px #0000005c}.why-figure img{width:100%;height:100%;object-fit:cover}.why-cards{display:grid;gap:var(--s4)}.cta-stack{display:grid;gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cta-tile{display:flex;align-items:center;justify-content:space-between;padding:var(--s4);border-radius:calc(var(--radius) - 6px);border:1px solid color-mix(in oklch,var(--border) 55%,transparent);background:linear-gradient(135deg,color-mix(in oklch,var(--surface-1) 75%,transparent),color-mix(in oklch,var(--accent-1) 20%,transparent));color:var(--ink-0);font-weight:700;letter-spacing:.03em;gap:var(--s3);transition:transform .2s ease,box-shadow .2s ease}.cta-tile:hover{transform:translateY(-3px);box-shadow:0 18px 32px #f5c84b38}.cta-tile svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6}.footer{margin-top:var(--s8);background:color-mix(in oklch,var(--surface-0) 90%,transparent);border-top:1px solid color-mix(in oklch,var(--border) 60%,transparent);padding:var(--s7) 0 var(--s4)}.footer-grid{display:grid;gap:var(--s6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.footer-copy{color:var(--ink-1);line-height:1.6;margin:0}.footer-links ul{list-style:none;padding:0;margin:var(--s3) 0 0;display:grid;gap:var(--s2)}.footer-links a{color:var(--ink-1)}.footer-links a:hover{color:var(--ink-0)}.footer-legal{margin:var(--s5) 0 0;text-align:center;color:var(--ink-2);font-size:.85rem}nav[aria-label=Primary] ul[hidden]{display:none!important}@media(min-width:900px){nav[aria-label=Primary] ul{display:flex!important}.menu-btn{display:none}}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr}.hero-card{padding:var(--s5)}.hero-figure{max-width:min(480px,100%);margin:0 auto}.why-grid{grid-template-columns:1fr}}@media(max-width:900px){nav{width:100%;display:flex;align-items:center;justify-content:space-between}nav ul{position:absolute;top:calc(100% + 10px);right:0;left:0;width:calc(100% - 2 * var(--content-pad));margin:0 auto;background:color-mix(in oklch,var(--surface-1) 92%,transparent);border:1px solid color-mix(in oklch,var(--border) 50%,transparent);border-radius:14px;padding:12px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 38px #00000040}nav ul a{width:100%}.logo-group{width:100%;justify-content:space-between}}@media(max-width:768px){.container{padding:0 clamp(18px,6vw,28px)}.topbar{flex-direction:column;align-items:flex-start}.nav-cta{width:100%;justify-content:flex-start;display:flex}.nav-cta .btn{width:100%}.hero{padding:var(--s6) 0 var(--s6)}.hero-grid{gap:var(--s5)}.hero-card{padding:var(--s5)}.cta-row{flex-direction:column;align-items:stretch}}@media(max-width:540px){body{font-size:15px}.topbar{padding:18px}.logo-group .menu-btn{padding:10px 12px}.hero-card{padding:calc(var(--s5) - 4px)}.guide-copy{padding:var(--s5)}.card,.feature-card{padding:calc(var(--s5) - 6px)}}
