@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#1b1b1d;--bg-raised:#232326;--bg-sunken:#141416;--amber:#f2b96a;--amber-dim:#c9964f;--sage:#8fa89a;--text:#ece9e4;--text-muted:#9a968f;--text-faint:#6b6862;--line:#ffffff17;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max:1080px;--pad:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.15}h1{font-size:clamp(2.6rem,6vw,4.4rem)}h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}h3{font-size:clamp(1.2rem,2vw,1.45rem)}p{color:var(--text-muted)}.wrap{width:100%;max-width:var(--max);padding:0 var(--pad);margin:0 auto}.eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);font-size:.72rem;font-weight:700}.btn{font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:13px 24px;font-size:.94rem;font-weight:600;transition:transform .12s,background .18s,border-color .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--amber);color:#221a0d}.btn-primary:hover{background:#f7c87f}.btn-ghost{border-color:var(--line);color:var(--text);background:#ffffff0d}.btn-ghost:hover{background:#ffffff1a;border-color:#fff3}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#1b1b1dd1;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:20px;height:68px;display:flex}.nav-brand{font-family:var(--font-display);color:var(--amber);align-items:center;gap:10px;font-size:1.16rem;font-weight:700;display:flex}.nav-brand img{width:26px;height:26px}.nav-links{align-items:center;gap:30px;font-size:.92rem;font-weight:500;display:flex}.nav-links a{transition:color .16s}.nav-links-color{color:var(--text-muted)}.nav-links-color:hover,.nav-links-color:active{color:var(--text)}@media (width<=720px){.nav-links{gap:18px;font-size:.85rem}.nav-links .nav-hide-sm{display:none}}.footer{border-top:1px solid var(--line);padding:44px 0 56px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.footer p{color:var(--text-faint);font-size:.86rem}.footer-links{color:var(--text-muted);gap:22px;font-size:.86rem;display:flex}.footer-links a:hover{color:var(--amber)}.page-head{border-bottom:1px solid var(--line);margin-bottom:56px;padding:78px 0 46px}.page-head h1{margin:14px 0 16px}.page-head p{max-width:60ch;font-size:1.06rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.hero{border-bottom:1px solid var(--line);align-items:center;min-height:92vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg-img{object-fit:cover;object-position:center top;filter:brightness(.28)saturate(.7);width:100%;height:100%}.hero-bg-gradient{background:linear-gradient(105deg,#1b1b1dfa 0%,#1b1b1de0 38%,#1b1b1d4d 70%,#1b1b1d8c 100%),linear-gradient(#1b1b1d99 0%,#0000 20%,#1b1b1dd9 100%);position:absolute;inset:0}.hero-inner{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-top:80px;padding-bottom:80px;display:grid;position:relative}.hero-copy h1{margin:16px 0 22px}.hero-copy h1 em{color:var(--amber);font-style:italic}.hero-sub{max-width:48ch;color:var(--text-muted);font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-note{color:var(--text-faint);margin-top:16px;font-size:.82rem}.hero-mockup-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.mockup-hint{color:var(--amber);opacity:.75;font-size:.8rem;font-style:italic}.mockup-shell{border-radius:14px;width:340px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 32px 80px #000000b3,0 0 60px #f2b96a14}.mockup-browser{background:#2a2a2d;border-bottom:1px solid #ffffff12;align-items:center;gap:10px;height:36px;padding:0 14px;display:flex}.mockup-dots{gap:5px;display:flex}.mockup-dots span{background:#ffffff26;border-radius:50%;width:9px;height:9px}.mockup-bar{height:20px;color:var(--text-faint);background:#ffffff12;border-radius:5px;flex:1;align-items:center;padding:0 10px;font-size:.68rem;display:flex}.mockup-panel{background:#1b1b1d;height:520px;position:relative;overflow:hidden}.mockup-backdrop{position:absolute;inset:0}.mockup-forest{object-fit:cover;object-position:center top;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.mockup-rain{z-index:2;position:absolute;inset:0;overflow:hidden}.mockup-drop{opacity:0;background:linear-gradient(#dce8ee00,#dce8eeb3 45%,#dce8ee1a);border-radius:2px;width:1.5px;animation:linear infinite rwFall;position:absolute;top:-120px}@keyframes rwFall{0%{opacity:0;transform:translateY(0)}8%{opacity:var(--o,.45)}90%{opacity:var(--o,.45)}to{opacity:0;transform:translateY(680px)}}.mockup-window{object-fit:cover;object-position:center top;z-index:3;width:100%;height:100%;position:absolute;inset:0}.mockup-ui{z-index:4;flex-direction:column;gap:10px;padding:10px 12px 0;display:flex;position:absolute;inset:0}.mockup-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a08148c;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.mockup-brand{font-family:var(--font-display);color:var(--amber);align-items:center;gap:7px;font-size:.85rem;font-weight:700;display:flex}.mockup-actions{gap:4px;display:flex}.mockup-icon-btn{color:#fff9;cursor:pointer;background:#ffffff14;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.mockup-timer-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a08148c;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 16px 12px;display:flex}.mockup-phase-row{justify-content:space-between;align-items:center;width:40%;display:flex}.mockup-pill{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:.65rem;font-weight:700}.pill-focus{font-family:var(--font-display);color:#f6c177;background:#00000052}.pill-break{color:#9cd8c7;background:#9cd8c733}.mockup-dots-row{gap:5px;display:flex}.mockup-dot{background:#fff3;border-radius:50%;width:6px;height:6px}.mockup-dot.active{background:var(--amber)}.mockup-time{font-family:var(--font-body);color:#fff;letter-spacing:-.02em;text-shadow:0 2px 12px #00000080;font-size:2.4rem;font-weight:700;line-height:1}.mockup-restart{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:5px;padding:4px 12px;font-size:.65rem;font-weight:600}.mockup-controls{justify-content:center;align-items:center;gap:12px;display:flex}.mockup-ctrl-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.mockup-start{background:var(--amber);color:#1a1000;cursor:pointer;border:none;border-radius:10px;padding:10px 32px;font-size:.9rem;font-weight:700;transition:background .15s,transform 80ms}.mockup-start:hover{background:#f7c87f}.mockup-start:active{transform:scale(.97)}.mockup-start.running{color:#fff;background:#ffffff26;border:1px solid #ffffff40}.mockup-caption{text-align:center;color:#fff9;margin-top:auto;padding-bottom:96px;font-size:.72rem;font-style:italic}.mockup-scene{z-index:5;background:linear-gradient(#100f10 0%,#1c1c1c 45%,#100f10 100%);height:40px;position:absolute;bottom:0;left:0;right:0}.mockup-desk{background:linear-gradient(#1c1c1c 58%,#100f10 100%);position:absolute;inset:0}.section{padding:96px 0}.section-raised{background:var(--bg-sunken);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-title{max-width:22ch;margin:14px 0 48px}.feature-grid{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;display:grid;overflow:hidden}.feature{background:var(--bg);padding:30px 28px 32px;transition:background .2s}.feature:hover{background:var(--bg-raised)}.feature-icon{margin-bottom:14px;font-size:1.5rem;display:block}.feature h3{color:var(--text);margin-bottom:10px}.feature p{font-size:.94rem}.story-wrap{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.story-copy h2{max-width:28ch;margin:14px 0 22px}.story-copy p{margin-bottom:16px;font-size:1.02rem}.story-window{aspect-ratio:3/4;border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.story-forest,.story-frame{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.steps{list-style:none}.step{border-bottom:1px solid var(--line);align-items:flex-start;gap:26px;padding:28px 0;display:flex}.step:last-child{border-bottom:none}.step-n{font-family:var(--font-display);color:var(--amber);min-width:44px;font-size:1.6rem;font-style:italic;font-weight:400;line-height:1.2}.step h3{margin-bottom:6px}.step p{font-size:.94rem}.cta-band{border-top:1px solid var(--line);background:var(--bg-sunken);padding:96px 0}.cta-inner{text-align:center}.cta-inner .eyebrow{margin-bottom:16px}.cta-inner h2{margin-bottom:14px}.cta-inner p{margin-bottom:6px}.prose-narrow{max-width:680px}.prose h2{margin:40px 0 14px;font-size:clamp(1.3rem,2vw,1.6rem)}.prose p{margin-bottom:20px;font-size:1.02rem;line-height:1.78}.text-link{color:var(--amber);font-size:.94rem;font-weight:600;transition:color .15s;display:inline-block}.text-link:hover{color:#f7c87f}.post-list{padding-bottom:40px;list-style:none}.post-card{border-bottom:1px solid var(--line);padding:32px 0;transition:opacity .18s;display:block}.post-card:hover{opacity:.7}.post-meta{color:var(--text-faint);align-items:center;gap:10px;margin-bottom:12px;font-size:.78rem;display:flex}.post-tag{color:var(--amber);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}.post-title{margin-bottom:10px;font-size:clamp(1.35rem,2.4vw,1.8rem)}.post-card p{max-width:60ch;margin-bottom:14px}.post-cta{background:var(--bg-sunken);border:1px solid var(--line);border-radius:12px;margin:52px 0 34px;padding:30px 28px 32px}.post-cta h3{margin-bottom:8px}.post-cta p{margin-bottom:20px;font-size:.95rem}.footer-brand{font-family:var(--font-display);color:var(--amber);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.footer-tagline{color:var(--text-faint);font-size:.88rem;font-style:italic}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.footer-bottom p{color:var(--text-faint);font-size:.82rem}@media (width<=900px){.hero-inner{grid-template-columns:1fr;gap:48px}.hero-mockup-wrap{order:-1}.mockup-shell{width:300px}.story-wrap{grid-template-columns:1fr}.story-window{display:none}}@media (width<=640px){.section{padding:64px 0}.hero{min-height:auto;padding:60px 0 40px}.mockup-shell{width:280px}.mockup-panel{height:460px}}@media (prefers-reduced-motion:reduce){.mockup-drop{animation:none!important}}.mockup-controls-centered{justify-content:center}.hero-tagline{margin-top:12px;font-size:.96rem;font-style:italic;color:var(--amber)!important}