.theme-linkfolio{--paper:#F4F8F6;--ink:#263E36;--accent:#21695F;--second:#A855F7;--soft:#E3EDE7;--muted:#51675E;--line:#B6CCBF;--on-accent:#FFFFFF;--radius:12px;--focus:#263E36}
.shield-stage{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.theme-linkfolio .ft-metrics{padding:25px 30px;border:1px solid #30d5c855;border-radius:12px}.theme-linkfolio .ft-metrics .metrics{border:0}.theme-linkfolio .ft-story{max-width:none;margin:48px 0;padding:36px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:40px;align-items:start;background:var(--soft);border:1px solid var(--line);border-radius:12px}.theme-linkfolio .plan{border:1px solid transparent;background:linear-gradient(var(--soft),var(--soft)) padding-box,linear-gradient(135deg,#30d5c8,#a78bfa66,#30d5c844) border-box;border-radius:12px}.theme-linkfolio .client{border-radius:12px;background:var(--soft)}
.theme-linkfolio .reading-body{padding:32px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.theme-linkfolio .gate-board{padding:32px;border:1px solid var(--line);border-radius:12px}
@media(max-width:1000px){.theme-linkfolio .ft-hero{grid-template-columns:1fr;gap:32px}.theme-linkfolio .hero-copy{max-width:800px;margin-inline:0}.theme-linkfolio .ft-hero .scene{max-width:650px;width:100%;margin-inline:auto}.theme-linkfolio .ft-hero>.scene{order:2}.theme-linkfolio .ft-hero>.ft-metrics{order:3}.theme-linkfolio .ft-hero .hero-copy{border-left:0;padding-left:0}.theme-linkfolio .ft-hero>div{min-width:0}.theme-linkfolio .clients{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-linkfolio .ft-story{display:block;padding:28px;margin-block:32px}.theme-linkfolio .ft-story .eyebrow{margin-bottom:12px}.theme-linkfolio .ft-story h2{margin-bottom:18px}}
@media(max-width:600px){.theme-linkfolio .clients{grid-template-columns:1fr}.theme-linkfolio .ft-story{padding:24px 22px;margin-block:28px}.theme-linkfolio .reading-body,.theme-linkfolio .gate-board{padding:22px}.theme-linkfolio .ft-metrics{padding-inline:0}.theme-linkfolio .ft-hero{padding-block:30px}.theme-linkfolio .ft-hero .hero-copy{padding:0}.theme-linkfolio .ft-hero h1{font-size:32px}.theme-linkfolio .scene{max-width:420px}}
