@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ink:#f8f6f0;--muted:rgba(248,246,240,.68);--soft:rgba(248,246,240,.48);--line:rgba(255,255,255,.26);--gold:#e9c78f;--mint:#b8d2c9;--glass:rgba(17,25,22,.12);--shadow:0 28px 90px rgba(0,0,0,.24)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#1b211e;color:var(--ink);font-family:'DM Sans',sans-serif}body{min-height:100vh}button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}em,h1,h2{font-family:'Playfair Display',serif;font-weight:500}a{color:var(--gold)}
.brief-shell{position:relative;isolation:isolate;min-height:100vh;overflow:hidden}.background-photo{position:fixed;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover}.scrim{position:fixed;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(11,18,15,.7),rgba(11,18,15,.16) 62%,rgba(10,14,12,.32)),linear-gradient(0deg,rgba(7,11,9,.5),transparent 64%)}.grain{position:fixed;z-index:-1;inset:0;opacity:.05;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.glass{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.54),inset 0 -1px 0 rgba(255,255,255,.08);backdrop-filter:blur(3px) saturate(170%) brightness(1.06);-webkit-backdrop-filter:blur(3px) saturate(170%) brightness(1.06)}
.brief-content{width:min(1120px,100%);margin:auto;padding:28px 28px 22px}.topbar{display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.65);font-size:10px;letter-spacing:.16em}.brand,.topbar-right{display:flex;align-items:center;gap:12px}.brand-mark{font-size:17px;color:var(--gold)}.topbar-right{gap:22px}.logout{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);padding:8px 0;border-bottom:1px solid rgba(255,255,255,.35)}.overline{font-size:9px;letter-spacing:.18em;font-weight:600;color:rgba(255,255,255,.64)}.tiny-note{font-size:10px;color:var(--soft)}
.hero-stage{min-height:500px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:64px 4vw 32px;position:relative}.hero-copy{position:relative;z-index:1;max-width:560px}.hero-copy h1{font-size:clamp(50px,7.5vw,98px);line-height:.9;letter-spacing:-.07em;margin:25px 0 28px}.hero-copy h1 em{color:#f1d3a0}.hero-note{max-width:360px;color:var(--muted);font-size:15px;line-height:1.55;margin:0}.hero-orbit{height:350px;position:relative;display:grid;place-items:center}.orbit-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(233,199,143,.17);filter:blur(55px)}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.36);border-radius:50%;transform:rotate(-18deg)}.ring-one{width:265px;height:145px}.ring-two{width:210px;height:330px;border-color:rgba(233,199,143,.56);transform:rotate(44deg)}.orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px rgba(233,199,143,.13),0 0 22px rgba(233,199,143,.55)}.dot-one{transform:translate(-103px,-54px)}.dot-two{transform:translate(12px,-151px);background:#fff}.dot-three{transform:translate(105px,59px);background:var(--mint)}.orbit-label{position:absolute;font-size:9px;letter-spacing:.15em;color:rgba(255,255,255,.64)}.label-morning{transform:translate(-151px,-72px)}.label-step{transform:translate(28px,-171px);color:var(--gold)}.label-open{transform:translate(123px,77px)}
.day-arc{padding:24px 28px 32px;border-radius:23px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.arc-line{height:90px;position:relative;margin-top:26px}.arc-line:before,.arc-progress{content:"";position:absolute;left:3%;right:3%;top:35px;height:1px;background:rgba(255,255,255,.28)}.arc-progress{right:34%;background:linear-gradient(90deg,var(--gold),rgba(233,199,143,.12))}.arc-node{position:absolute;top:20px;display:grid;gap:7px}.arc-node:before{content:"";width:30px;height:30px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(16,24,20,.18);box-shadow:0 0 0 7px rgba(255,255,255,.03)}.arc-node.active:before{border-color:var(--gold);background:var(--gold);box-shadow:0 0 0 7px rgba(233,199,143,.15),0 0 26px rgba(233,199,143,.38)}.arc-node b{font-size:11px;font-weight:500;margin-top:1px}.arc-node small{font-size:11px;color:var(--muted)}.node-a{left:3%}.node-b{left:45%}.node-c{left:78%}.node-c:before{border-style:dashed}.node-c small{color:var(--gold)}
.signal-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px;margin-top:14px}.signal{min-height:230px;border-radius:22px;padding:24px;position:relative}.signal-index{position:absolute;right:22px;top:20px;color:rgba(255,255,255,.32);font-size:10px}.signal h2{font-size:28px;line-height:1.02;margin:48px 0 13px}.signal-main h2{font-size:36px}.signal p{max-width:260px;color:var(--muted);font-size:13px;line-height:1.55;margin:0}.signal-main{background:rgba(20,35,29,.2);border-color:rgba(233,199,143,.42)}
.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.budget-lens,.listen-lens{border-radius:22px;padding:24px}.budget-visual{display:grid;grid-template-columns:180px 1fr;align-items:center;margin:12px 0 3px}.budget-ring{width:180px;transform:rotate(-90deg)}.budget-ring circle{fill:none;stroke-width:14}.ring-track{stroke:rgba(255,255,255,.12)}.ring-passive{stroke:var(--gold);stroke-dasharray:183 415;stroke-dashoffset:0}.ring-active{stroke:var(--mint);stroke-dasharray:216 415;stroke-dashoffset:-183}.ring-free{stroke:rgba(255,255,255,.72);stroke-dasharray:17 415;stroke-dashoffset:-399}.budget-total{grid-column:1;grid-row:1;text-align:center;display:grid;gap:0;transform:translateY(-1px)}.budget-total strong{font-family:'Playfair Display',serif;font-size:32px;font-weight:500}.budget-total span{font-size:10px;color:var(--muted)}.budget-legend{grid-column:2;grid-row:1;display:grid;gap:10px;color:var(--muted);font-size:11px}.budget-legend span{display:flex;align-items:center;gap:8px}.budget-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.passive{background:var(--gold)}.active{background:var(--mint)}.free{background:#fff}.pot-strip{display:grid;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2)}.pot-strip span{display:grid;grid-template-columns:74px 1fr 34px;gap:8px;align-items:center;color:var(--muted);font-size:10px}.pot-strip b{height:5px;width:var(--fill);border-radius:9px;background:linear-gradient(90deg,var(--gold),var(--mint))}.pot-strip strong{text-align:right;color:var(--ink);font-weight:500}.fine-print{color:var(--soft);font-size:10px;line-height:1.45;margin:16px 0 0}.listen-lens h2{font-size:37px;line-height:1;margin:56px 0 13px}.listen-copy{color:var(--muted);font-size:13px;line-height:1.5;max-width:240px}.listen-lens audio{width:100%;height:34px;margin-top:30px;filter:invert(1) opacity(.84)}.transcript-details{margin-top:16px;border-top:1px solid rgba(255,255,255,.2);padding-top:13px}.transcript-details summary{cursor:pointer;color:var(--muted);font-size:11px;list-style:none;display:flex;justify-content:space-between}.transcript-details summary::-webkit-details-marker{display:none}.transcript{display:grid;gap:4px;margin-top:14px;max-height:270px;overflow:auto}.transcript-line{display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;padding:8px;border-radius:7px;color:var(--muted);font-size:11px;line-height:1.4}.transcript-line:hover,.transcript-line.is-active{background:rgba(255,255,255,.1);color:var(--ink)}.transcript-line span{color:var(--gold);font-variant-numeric:tabular-nums}.transcript-line b{font-weight:400}.depth{border-radius:20px;margin-top:14px;padding:22px 24px}.depth summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;font-size:12px;color:var(--muted)}.depth summary::-webkit-details-marker{display:none}.depth summary b{font-size:17px;color:var(--gold);margin-left:15px}.depth-body{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-top:27px;margin-top:18px;border-top:1px solid rgba(255,255,255,.2)}.depth-body p{color:var(--muted);font-size:12px;line-height:1.6}.source-line{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);padding-top:16px}.source-line p{margin:8px 0 0;font-size:10px}footer{display:flex;justify-content:space-between;margin-top:56px;color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.16em}
@media(max-width:760px){.brief-content{padding:20px 16px}.topbar-right>span{display:none}.hero-stage{min-height:580px;grid-template-columns:1fr;padding:56px 18px 0}.hero-copy{align-self:start}.hero-copy h1{font-size:clamp(54px,16vw,82px)}.hero-orbit{height:260px;margin-top:-18px}.orbit-ring.ring-one{width:220px;height:120px}.orbit-ring.ring-two{width:170px;height:260px}.signal-grid,.lower-grid{grid-template-columns:1fr}.signal{min-height:185px}.signal h2,.signal-main h2{font-size:31px;margin-top:43px}.day-arc{padding:21px 18px 25px}.arc-line{margin-top:24px}.node-b{left:42%}.node-c{left:72%}.arc-node small{font-size:10px}.budget-visual{grid-template-columns:160px 1fr}.budget-ring{width:160px}.depth-body{grid-template-columns:1fr;gap:8px}.source-line{grid-column:auto}.listen-lens h2{margin-top:42px}}

/* VI is intentionally a quiet empty state. Each published artifact replaces it with its own form. */
.gate-shell{display:grid;place-items:center;min-height:100vh;background:#000;padding:24px}.gate-shell .login-form{width:min(330px,100%);margin:0}.gate-shell .login-form label{color:#777;font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}.gate-shell .input-row{border-bottom:1px solid #555}.gate-shell input{color:#fff;padding:12px 0}.gate-shell input::placeholder{color:#555}.gate-shell .input-row button{color:#aaa;padding:0 3px}.brief-shell{background:#080909;min-height:100vh}.brief-content{width:min(720px,100%);padding:28px 24px 36px}.topbar{color:#666}.logout{color:#777;border-color:#444}.daily-brief{padding:clamp(90px,16vh,170px) 0 80px}.daily-brief h1{font-size:clamp(48px,9vw,86px);line-height:.93;letter-spacing:-.065em;margin:26px 0 24px}.daily-brief h1 em{color:#e9c78f}.hero-note{max-width:360px;color:#aaa;font-size:15px;line-height:1.55;margin:0}.daily-brief .listen-lens{margin-top:56px;padding-top:18px;border-top:1px solid #333}.daily-brief audio{width:100%;height:36px;filter:invert(1) opacity(.85)}.daily-brief .audio-label{display:flex;gap:12px;align-items:center;margin-bottom:16px}.daily-brief .audio-label small{display:block;color:#777;font-size:11px;margin-top:3px}.daily-brief .play-dot{display:grid;place-items:center;width:32px;height:32px;border:1px solid #666;border-radius:50%;font-size:10px}.daily-brief .transcript-details{margin-top:16px;border-top:1px solid #292929;padding-top:12px}.daily-brief .transcript-details summary{color:#777;font-size:11px}.daily-brief .transcript{max-height:250px}.daily-brief .transcript-line{color:#888}.daily-brief .transcript-line.is-active{background:#171717;color:#eee}.daily-brief .transcript-line span{color:#d9b77e}footer{color:#444;margin-top:0}
.gate-mark,.visual-mark{font:500 34px/1 'Playfair Display',serif;letter-spacing:-.08em;color:#e9c78f}.gate-mark{margin-bottom:28px}.visual-shell{min-height:100vh;background:#080909;color:#eee}.visual-content{width:min(720px,100%);min-height:100vh;margin:auto;padding:28px 24px 36px;display:flex;flex-direction:column}.visual-topbar{display:flex;justify-content:space-between;align-items:center}.visual-welcome{padding:clamp(100px,18vh,180px) 0 72px}.visual-welcome h1{font-size:clamp(52px,10vw,92px);line-height:.9;letter-spacing:-.07em;margin:26px 0 25px}.visual-welcome h1 em{color:#e9c78f}.visual-welcome p:last-child{max-width:390px;color:#aaa;font-size:15px;line-height:1.6}.visual-principle{display:flex;align-items:center;gap:10px;color:#777;font-size:10px;letter-spacing:.15em}.visual-principle i{width:26px;height:1px;background:#555}.visual-content footer{margin-top:auto;padding-top:48px}@media(max-width:520px){.visual-content{padding:22px 18px 28px}.visual-welcome{padding-top:120px}.visual-principle{gap:7px;font-size:9px}.visual-principle i{width:14px}}
