:root { --paper:#f5f0e7; --paper-deep:#e9dfd0; --ink:#1b2623; --muted:#60706a; --line:rgba(27,38,35,.16); --orange:#dd6438; --orange-dark:#b94720; --mint:#c7ddd3; --cream:#fffaf1; --shadow:0 24px 70px rgba(28,39,35,.14); --serif:"Instrument Serif", Georgia, serif; --sans:"DM Sans", Arial, sans-serif; --mono:"DM Mono", monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:var(--sans); }
button,input,textarea { font:inherit; } button { cursor:pointer; } button:disabled { cursor:not-allowed; opacity:.65; } a { color:inherit; text-decoration:none; } button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible { outline:3px solid rgba(221,100,56,.45); outline-offset:3px; } .hidden { display:none!important; }
.site-noise { position:fixed; z-index:-1; inset:0; opacity:.24; pointer-events:none; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"); }
.site-header,.site-footer,.section-shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }.site-header { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:22px; }.brand { display:inline-flex; align-items:center; gap:11px; }.brand-mark { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:var(--ink); color:var(--paper); font-family:var(--serif); font-size:25px; line-height:1; }.brand-copy strong,.brand-copy span { display:block; }.brand-copy strong { font-size:14px; letter-spacing:-.02em; }.brand-copy span { margin-top:1px; color:var(--muted); font-size:11px; }.site-nav { display:flex; align-items:center; gap:26px; color:#42514c; font-size:13px; font-weight:600; }.site-nav a { transition:color .2s; }.site-nav a:hover { color:var(--orange-dark); }.nav-access { border:0; background:none; color:var(--ink); font-weight:700; }.nav-access span { color:var(--orange); font-size:18px; }
.hero { position:relative; display:grid; grid-template-columns:minmax(0, .88fr) minmax(430px, 1.12fr); align-items:center; min-height:640px; padding:65px 0 86px; gap:45px; }.eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 18px; color:var(--orange-dark); font:500 10px/1.1 var(--mono); letter-spacing:.1em; text-transform:uppercase; }.eyebrow span { width:18px; height:1px; background:currentColor; }.hero h1,.section-heading h2,.workflow-intro h2,.perspective-section h2,.access-copy h2 { margin:0; font:normal clamp(50px, 6vw, 82px)/.91 var(--serif); letter-spacing:-.045em; }.hero h1 em,.workflow-intro h2 em,.perspective-section h2 em { color:var(--orange); font-style:italic; }.hero-intro { max-width:500px; margin:26px 0 30px; color:#4f5d58; font-size:17px; line-height:1.62; }.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:49px; padding:0 20px; border:1px solid transparent; border-radius:3px; font-size:13px; font-weight:700; transition:transform .2s,background .2s,box-shadow .2s; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--orange); box-shadow:0 7px 0 rgba(180,71,32,.18); color:#fffaf5; }.button-primary:hover { background:var(--orange-dark); box-shadow:0 9px 0 rgba(180,71,32,.14); }.button-primary span { font-size:19px; }.text-link { border-bottom:1px solid var(--ink); padding-bottom:4px; font-size:13px; font-weight:700; }.text-link span { margin-left:5px; color:var(--orange); }.hero-note { display:flex; align-items:center; gap:8px; margin-top:42px; color:var(--muted); font-size:11px; }.pulse-dot { width:7px; height:7px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(221,100,56,.13); }
.hero-art { position:relative; min-height:490px; }.art-orbit { position:absolute; border:1px solid rgba(221,100,56,.25); border-radius:50%; }.orbit-one { width:430px; height:430px; left:65px; top:18px; }.orbit-two { width:570px; height:570px; left:5px; top:-52px; border-color:rgba(27,38,35,.1); }.app-window { position:absolute; z-index:2; top:46px; right:0; width:min(550px, 100%); overflow:hidden; border:1px solid rgba(27,38,35,.22); border-radius:8px; background:#fbf8f1; box-shadow:var(--shadow); transform:rotate(2deg); }.window-topbar { display:flex; align-items:center; gap:9px; height:44px; padding:0 16px; border-bottom:1px solid var(--line); color:#66736f; font-size:10px; }.window-logo { display:grid; width:20px; height:20px; place-items:center; border-radius:50%; background:var(--ink); color:var(--paper); font:15px var(--serif); }.window-title { flex:1; }.window-dots { letter-spacing:2px; }.window-content { display:grid; grid-template-columns:105px 1fr; min-height:340px; }.mock-sidebar { padding:19px 12px; border-right:1px solid var(--line); }.mock-nav { display:block; margin-bottom:16px; color:#81908a; font-size:10px; }.mock-nav.active { color:var(--ink); font-weight:700; }.mock-main { padding:28px 25px; }.mock-kicker,.episode-show { margin:0; color:var(--orange-dark); font:10px var(--mono); text-transform:uppercase; }.mock-main h2 { margin:7px 0 18px; font:31px/.98 var(--serif); letter-spacing:-.04em; }.episode-card { display:flex; align-items:center; gap:12px; padding:11px; border:1px solid var(--line); border-radius:4px; background:#fffdf8; }.episode-art { display:grid; flex:none; width:46px; height:46px; place-items:center; border-radius:4px; background:#273b36; color:#f6cdb8; font:27px var(--serif); }.episode-art span { width:4px; height:4px; border-radius:50%; background:var(--orange); }.episode-card strong { display:block; max-width:255px; margin:4px 0 5px; font-size:11px; line-height:1.25; }.episode-card small { color:#7b8984; font-size:9px; }.insight-preview { display:flex; gap:10px; margin-top:14px; padding-bottom:11px; border-bottom:1px solid var(--line); }.insight-preview.second { opacity:.65; }.insight-number { color:var(--orange-dark); font:10px var(--mono); }.insight-preview strong { font-size:10px; }.insight-preview p { margin:4px 0 0; color:#71807a; font-size:9px; line-height:1.4; }.floating-note { position:absolute; z-index:3; padding:13px 15px; border:1px solid rgba(27,38,35,.15); border-radius:4px; background:#fffbf4; box-shadow:0 12px 30px rgba(28,39,35,.11); transform:rotate(-4deg); }.floating-note span,.floating-note strong { display:block; }.floating-note span { margin-bottom:4px; color:var(--orange-dark); font:9px var(--mono); text-transform:uppercase; }.floating-note strong { font:18px/.95 var(--serif); }.note-top { top:8px; left:0; }.note-bottom { right:21px; bottom:3px; transform:rotate(-2deg); }
.statement-band { margin:0; padding:19px 24px 22px; background:var(--ink); color:var(--paper); text-align:center; }.statement-band p { margin:0; font:normal clamp(25px,3vw,38px)/1 var(--serif); letter-spacing:-.025em; }.statement-band span { color:#cfdbd5; font-style:italic; }
.product-section { padding:132px 0; }.section-heading { display:grid; grid-template-columns:250px minmax(0, 620px); gap:40px; align-items:start; margin-bottom:52px; }.section-heading h2,.workflow-intro h2,.perspective-section h2,.access-copy h2 { font-size:clamp(40px,4.2vw,61px); }.product-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:16px; }.feature-card { position:relative; min-height:310px; overflow:hidden; padding:25px; border:1px solid var(--line); border-radius:6px; background:var(--cream); }.feature-card h3 { max-width:390px; margin:27px 0 10px; font:34px/.98 var(--serif); letter-spacing:-.03em; }.feature-card p:not(.feature-label) { max-width:410px; margin:0; color:var(--muted); font-size:14px; line-height:1.55; }.feature-label { margin:0; color:var(--orange-dark); font:10px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.feature-icon { color:#94aaa0; font:10px var(--mono); }.feature-large { min-height:510px; grid-row:span 2; background:#edf0e8; }.feature-large h3 { margin-top:65px; font-size:48px; }.library-mini { position:absolute; right:-16px; bottom:22px; display:flex; align-items:end; }.mini-cover { display:grid; width:105px; height:120px; margin-left:-17px; place-items:center; border:4px solid #edf0e8; border-radius:5px; color:#fffaf1; font:55px var(--serif); transform:rotate(-8deg); }.mini-cover:nth-child(2) { transform:translateY(-28px) rotate(5deg); }.mini-cover:nth-child(3) { transform:translateY(-6px) rotate(-2deg); }.mini-cover:nth-child(4) { transform:translateY(-46px) rotate(9deg); }.c1{background:#193f4f}.c2{background:#c86040}.c3{background:#74513e}.c4{background:#405f50}.feature-dark { background:var(--ink); color:#f8eee1; }.feature-dark .feature-icon,.feature-dark .feature-label,.feature-dark p:not(.feature-label) { color:#b6cbc1; }.feature-dark h3 { max-width:330px; }.quote-mark { position:absolute; right:26px; bottom:-46px; color:rgba(199,221,211,.17); font:220px/.7 var(--serif); }.feature-accent { background:#df6a42; color:#fff6ed; }.feature-accent .feature-icon,.feature-accent .feature-label,.feature-accent p:not(.feature-label) { color:#ffe1d1; }.saved-mini { position:absolute; right:22px; bottom:20px; display:flex; gap:5px; color:#f9c3a9; font-size:23px; }
.workflow-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; padding:115px 0; border-top:1px solid var(--line); }.workflow-list { display:grid; gap:0; margin:0; padding:0; list-style:none; }.workflow-list li { display:grid; grid-template-columns:55px 1fr; gap:18px; padding:23px 0; border-top:1px solid var(--line); }.workflow-list li:last-child { border-bottom:1px solid var(--line); }.step-number { color:var(--orange-dark); font:10px var(--mono); }.workflow-list h3 { margin:0 0 7px; font-size:16px; }.workflow-list p { max-width:390px; margin:0; color:var(--muted); font-size:14px; line-height:1.5; }.perspective-section { padding:115px 0; background:#c8dbd1; }.perspective-grid { display:grid; grid-template-columns:250px minmax(0, 670px); gap:40px; }.perspective-section h2 { margin-bottom:28px; }.perspective-section h2 em { color:#4c6e61; }.perspective-section div > p { max-width:560px; color:#425650; font-size:16px; line-height:1.65; }.access-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:82px; align-items:center; padding:125px 0; }.access-copy h2 { margin-bottom:22px; }.access-copy > p:not(.eyebrow) { max-width:380px; color:var(--muted); line-height:1.6; }.access-card { padding:30px; border:1px solid rgba(27,38,35,.2); border-radius:7px; background:var(--cream); box-shadow:var(--shadow); }.access-card-title { margin:0 0 7px; font:31px/.96 var(--serif); }.access-card-copy,.message { margin:0 0 24px; color:var(--muted); font-size:13px; line-height:1.55; }.actions,.waitlist-form { display:grid; gap:14px; }.approved-button { border:0; padding:5px 0; background:none; color:#53635d; font-size:12px; font-weight:600; text-align:left; }.approved-button:hover { color:var(--orange-dark); }.waitlist-form label { display:grid; gap:7px; color:#43514d; font-size:11px; font-weight:700; }.name-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.waitlist-form input,.waitlist-form textarea { width:100%; border:1px solid var(--line); border-radius:3px; background:#fffdf8; color:var(--ink); padding:10px 11px; }.waitlist-form textarea { min-height:100px; resize:vertical; }.status-panel { padding:16px; border:1px solid #b9d1c5; border-radius:4px; background:#e8f1e9; color:#365248; font-size:13px; line-height:1.5; }.message.error { color:#af3f26; }.site-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:106px; border-top:1px solid var(--line); }.site-footer p { color:var(--muted); font:11px var(--mono); }
.waitlist-account { display:grid; gap:5px; padding:13px 14px; border:1px solid rgba(27,38,35,.22); border-radius:4px; background:#edf3ee; }.waitlist-account span { color:#53635d; font:10px var(--mono); letter-spacing:.04em; text-transform:uppercase; }.waitlist-account strong { overflow-wrap:anywhere; color:var(--ink); font-size:15px; }
@media (max-width:850px) { .hero,.workflow-section,.access-section { grid-template-columns:1fr; }.hero { padding-top:45px; }.hero-art { max-width:610px; width:100%; margin:15px auto 0; }.section-heading,.perspective-grid { grid-template-columns:1fr; gap:8px; }.product-grid { grid-template-columns:1fr; }.feature-large { min-height:430px; grid-row:auto; }.workflow-section,.access-section { gap:45px; }.perspective-section,.product-section,.access-section { padding:85px 0; } }
@media (max-width:580px) { .site-header,.site-footer,.section-shell { width:min(100% - 30px, 1180px); }.site-header { min-height:76px; }.site-nav a { display:none; }.site-nav { gap:0; }.hero { min-height:auto; padding:42px 0 58px; }.hero h1 { font-size:56px; }.hero-art { min-height:365px; }.app-window { top:40px; width:94%; }.window-content { grid-template-columns:66px 1fr; min-height:246px; }.mock-sidebar { padding:14px 8px; }.mock-main { padding:20px 16px; }.mock-main h2 { font-size:25px; }.episode-card strong { max-width:160px; }.insight-preview.second { display:none; }.orbit-one { width:300px; height:300px; left:22px; top:34px; }.orbit-two { width:390px; height:390px; left:-20px; top:-9px; }.note-top { left:-4px; }.note-bottom { right:-2px; }.floating-note { padding:9px 10px; }.floating-note strong { font-size:15px; }.statement-band { padding:17px 18px; }.section-heading h2,.workflow-intro h2,.perspective-section h2,.access-copy h2 { font-size:45px; }.feature-card { min-height:280px; }.feature-large h3 { margin-top:40px; font-size:42px; }.library-mini { transform:scale(.75); transform-origin:bottom right; }.workflow-section { padding:76px 0; }.perspective-section,.product-section,.access-section { padding:70px 0; }.access-card { padding:22px; }.name-fields { grid-template-columns:1fr; }.site-footer { align-items:flex-start; flex-direction:column; padding:28px 0; }.site-footer p { margin:0; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }