.ex-page{--fg-on-gold: #1a1406}.ex-page .h1,.ex-page h1{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-display-xl);line-height:var(--lh-display);letter-spacing:var(--tr-display-tight);color:var(--fg-1);text-wrap:balance}.ex-page .h2,.ex-page h2{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-display-lg);line-height:var(--lh-display);letter-spacing:var(--tr-display-tight);color:var(--fg-1);text-wrap:balance}.ex-page .h3,.ex-page h3{font-family:var(--font-display);font-weight:var(--w-display-soft);font-size:var(--t-display-md);line-height:var(--lh-display-md);letter-spacing:var(--tr-display);color:var(--fg-1)}.ex-page .h4{font-family:var(--font-display);font-weight:var(--w-display-soft);font-size:var(--t-display-sm);line-height:var(--lh-display-md);letter-spacing:var(--tr-display);color:var(--fg-1)}.ex-page .h5{font-family:var(--font-display);font-weight:var(--w-display-soft);font-size:var(--t-h5);line-height:var(--lh-h5);letter-spacing:var(--tr-display);color:var(--fg-1)}.ex-page .h6{font-family:var(--font-display);font-weight:var(--w-display-soft);font-size:var(--t-h6);line-height:var(--lh-h5);letter-spacing:-.012em;color:var(--fg-1)}.ex-page .lede{font-size:var(--t-body-lg);line-height:1.5;color:var(--fg-2);text-wrap:pretty}.ex-page .meta,.ex-page .caption{font-size:var(--t-meta);color:var(--fg-3);line-height:1.45}.ex-page .mono,.ex-page code,.ex-page kbd,.ex-page samp,.ex-page pre{font-family:var(--font-mono);font-size:var(--t-mono);letter-spacing:var(--tr-mono);font-feature-settings:"ss01","zero"}.ex-page .tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum","zero"}.ex-page .fg-gold{color:var(--gold-text)}.ex-page .fg-gold-fill{color:var(--gold)}.ex-page :focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--r-sm)}.ex-page a{color:inherit}.ex-page img{max-width:100%;display:block}.ex-page .wrap{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}.ex-page .icon{flex:none;color:currentColor}.ex-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 18px;border-radius:var(--r-md);font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:-.005em;border:0;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),transform var(--dur-fast) var(--ease)}.ex-page .btn-sm{height:36px;padding:0 14px;font-size:13px;border-radius:8px}.ex-page .btn-lg{height:52px;padding:0 26px;font-size:15px;border-radius:var(--r-lg)}.ex-page .btn-primary{background:var(--gold);color:var(--fg-on-gold);box-shadow:var(--shadow-inset),var(--shadow-2)}.ex-page .btn-primary:hover{background:var(--gold-hover);box-shadow:var(--shadow-inset),var(--shadow-3)}.ex-page .btn-primary:active{background:var(--gold-press);transform:scale(.985)}.ex-page .btn-cta-hero{box-shadow:var(--shadow-inset),var(--shadow-gold)}.ex-page .btn-cta-hero:hover{box-shadow:var(--shadow-inset),var(--shadow-gold),var(--shadow-3)}.ex-page .btn-secondary{background:var(--surface);color:var(--fg-1);border:1px solid var(--border-2);box-shadow:var(--shadow-1)}.ex-page .btn-secondary:hover{border-color:var(--border-3)}.ex-page .eyebrow{font-size:var(--t-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:var(--tr-eyebrow);color:var(--gold-text)}.ex-page .pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:500}.ex-page .pill-gold{background:var(--gold-soft);color:var(--gold-text);border:1px solid var(--gold-line)}.ex-page .pill-ink{background:var(--surface-inset);color:var(--fg-2)}.ex-page .pill .icon{color:currentColor}.ex-page .hero{padding-block:84px 64px;text-align:center;position:relative}.ex-page .hero .wrap{max-width:880px}.ex-page .hero h1{font-size:var(--t-display-xl);margin:18px auto 0;max-width:16ch}.ex-page .hero .lede{margin:22px auto 0;max-width:56ch;font-size:var(--t-body-lg)}.ex-page .honesty-note{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:10px 16px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border-1);box-shadow:var(--shadow-1);font-size:13px;color:var(--fg-2)}.ex-page .honesty-note .icon{color:var(--gold)}.ex-page .examples{padding-bottom:40px;display:flex;flex-direction:column;gap:40px}.ex-page .ex-card{background:var(--surface);border-radius:var(--r-2xl);box-shadow:var(--shadow-2);padding:36px;overflow:hidden}.ex-page .ex-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ex-page .ex-avatar{width:58px;height:58px;border-radius:var(--r-pill);flex:none;box-shadow:var(--shadow-1)}.ex-page .ex-id{display:flex;flex-direction:column;gap:3px}.ex-page .ex-id .name{font-family:var(--font-display);font-weight:600;font-size:var(--t-display-sm);letter-spacing:var(--tr-display)}.ex-page .ex-id .niche{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--fg-3)}.ex-page .ex-id .niche .dot{width:3px;height:3px;border-radius:50%;background:var(--fg-4)}.ex-page .ex-channels{margin-left:auto;display:flex;align-items:center;gap:10px}.ex-page .ex-channels .lbl{font-size:12px;color:var(--fg-3);margin-right:2px}.ex-page .ex-channels img{width:24px;height:24px}.ex-page .ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:30px;align-items:start}.ex-page .ex-card.flip .ex-grid>.col-story{order:2}.ex-page .ex-card.flip .ex-grid>.col-app{order:1}.ex-page .env-photo{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2);aspect-ratio:16 / 10}.ex-page .env-photo img{width:100%;height:100%;object-fit:cover}.ex-page .env-tag{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:var(--r-pill);background:#ffffffeb;backdrop-filter:blur(4px);font-size:11.5px;font-weight:500;color:var(--fg-2);box-shadow:var(--shadow-1)}.ex-page .env-tag .icon{color:var(--gold)}.ex-page .owner-row{display:flex;gap:16px;margin-top:22px;align-items:flex-start}.ex-page .owner-photo{width:66px;height:66px;border-radius:var(--r-pill);object-fit:cover;flex:none;box-shadow:var(--shadow-1)}.ex-page .owner-quote p{font-size:16px;line-height:1.5;color:var(--fg-1);margin:0}.ex-page .owner-quote .attr{margin-top:8px;font-size:13px;color:var(--fg-3)}.ex-page .owner-quote .attr b{color:var(--fg-2);font-weight:600}.ex-page .owner-note{margin-top:6px;font-size:11px;color:var(--fg-4);display:inline-flex;align-items:center;gap:5px}.ex-page .app-panel{background:var(--canvas);border:1px solid var(--border-1);border-radius:var(--r-xl);padding:16px;display:flex;flex-direction:column;gap:14px}.ex-page .tile{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}.ex-page .tile-head{display:flex;align-items:center;gap:10px;padding:12px 14px}.ex-page .tile-head .mini-av{width:30px;height:30px;border-radius:var(--r-pill);flex:none}.ex-page .tile-head .th-name{font-size:13.5px;font-weight:600;color:var(--fg-1);line-height:1.2}.ex-page .tile-head .th-sub{font-size:11.5px;color:var(--fg-3)}.ex-page .tile-head .ch{width:22px;height:22px;margin-left:auto}.ex-page .post-img{aspect-ratio:16 / 9;overflow:hidden}.ex-page .post-img img{width:100%;height:100%;object-fit:cover}.ex-page .post-body{padding:12px 14px 14px}.ex-page .post-body .cap{font-size:13.5px;line-height:1.5;color:var(--fg-1);margin:0}.ex-page .post-meta{display:flex;align-items:center;gap:16px;margin-top:12px;color:var(--fg-3)}.ex-page .post-meta .icon{color:var(--fg-3)}.ex-page .post-meta .auto{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--gold-text);background:var(--gold-soft);border-radius:var(--r-pill);padding:4px 9px}.ex-page .post-meta .auto .icon{color:var(--gold)}.ex-page .dm-head{display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid var(--border-1)}.ex-page .dm-head .icon{color:var(--fg-3)}.ex-page .dm-head .dm-title{font-size:12.5px;font-weight:600;color:var(--fg-2)}.ex-page .dm-head .ch{width:20px;height:20px;margin-left:auto}.ex-page .dm-body{padding:14px;display:flex;flex-direction:column;gap:10px}.ex-page .bubble{max-width:86%;padding:10px 13px;font-size:13.5px;line-height:1.5;border-radius:14px}.ex-page .bubble.cust{align-self:flex-start;background:var(--surface-inset);color:var(--fg-1);border-bottom-left-radius:5px}.ex-page .bubble.ai{align-self:flex-end;background:var(--surface-tint-gold);border:1px solid var(--gold-line);color:var(--fg-1);border-bottom-right-radius:5px}.ex-page .ai-tag{align-self:flex-end;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);background:var(--gold-soft);color:var(--gold-text);font-size:11px;font-weight:600}.ex-page .ai-tag .icon{color:var(--gold);width:15px;height:15px}.ex-page .dm-foot{padding:0 14px 13px;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--fg-3)}.ex-page .dm-foot .icon{color:var(--fg-4)}.ex-page .mockup-label{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--fg-4);margin-top:4px}.ex-page .mockup-label .icon{color:var(--fg-4);flex:none}.ex-page .see-channels{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-size:13.5px;font-weight:600;color:var(--fg-1);text-decoration:none}.ex-page .see-channels .glyphs{display:inline-flex;gap:5px}.ex-page .see-channels .glyphs img{width:20px;height:20px}.ex-page .see-channels .arrow{color:var(--gold);transition:transform var(--dur-base) var(--ease)}.ex-page .see-channels:hover .arrow{transform:translate(3px)}.ex-page .behind{padding-block:72px}.ex-page .behind .head{text-align:center;max-width:640px;margin:0 auto 44px}.ex-page .behind h2{font-size:var(--t-display-md);margin:14px 0 0}.ex-page .behind .head p{margin:16px auto 0;color:var(--fg-2);font-size:var(--t-body-lg);max-width:52ch}.ex-page .behind-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.ex-page .feat{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:22px 20px;display:flex;flex-direction:column;gap:12px}.ex-page .feat .ic-wrap{width:42px;height:42px;border-radius:var(--r-md);flex:none;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold)}.ex-page .feat h3{font-family:var(--font-display);font-weight:600;font-size:var(--t-h6);letter-spacing:-.012em;margin:0}.ex-page .feat p{font-size:13px;line-height:1.5;color:var(--fg-2);margin:0}.ex-page .final{padding-bottom:96px}.ex-page .final-card{position:relative;overflow:hidden;text-align:center;background:var(--surface-tint-gold);border:1px solid var(--gold-line);border-radius:var(--r-2xl);padding:64px 40px}.ex-page .final-card h2{font-size:var(--t-display-lg);margin:16px auto 0;max-width:18ch}.ex-page .final-card .sub{margin:18px auto 0;max-width:50ch;color:var(--fg-2);font-size:var(--t-body-lg)}.ex-page .final-actions{display:flex;gap:14px;justify-content:center;margin-top:30px;flex-wrap:wrap}.ex-page .risk-strip{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:26px}.ex-page .risk-strip span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--fg-3)}.ex-page .risk-strip .icon{color:var(--success)}.ex-page .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.ex-page .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.ex-page .reveal{opacity:1;transform:none;transition:none}.ex-page .see-channels .arrow{transition:none}}@media(max-width:1024px){.ex-page .behind-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.ex-page .ex-grid{grid-template-columns:1fr}.ex-page .ex-card.flip .ex-grid>.col-story{order:1}.ex-page .ex-card.flip .ex-grid>.col-app{order:2}.ex-page .ex-card{padding:24px}.ex-page .hero{padding-block:56px 48px}.ex-page .behind{padding-block:56px}.ex-page .behind-grid{grid-template-columns:1fr}.ex-page .final-card{padding:44px 24px}}
