/* ForeverBuddy arcade direction: original brand/art, stronger mode-first storefront. */
:root{--ink:#0c1020;--surface:#141b30;--lavender:#ad97ff;--mint:#8cebdd;--paper:#f2f3ff;--muted:#afb9d0;--border:#2c3650;--cyan:#6be5f4;--gold:#f4ca7c;--mono:Consolas,'Courier New',monospace;color-scheme:dark}
body{background:radial-gradient(ellipse at 80% 12%,#18284a88,transparent 35%),var(--ink)}
.announcement{background:#141b2b;color:#bbc6dc;border-bottom:1px solid #324056;font-family:var(--mono);font-size:10px;letter-spacing:1px}.announcement .status-dot{background:var(--gold);box-shadow:0 0 10px #f4ca7c55}.announcement a{color:var(--gold);border:0}
.header{min-height:95px}.brand{font-size:22px}.brand img{border-radius:8px;box-shadow:0 0 22px #ad97ff22}nav{gap:21px}.download-nav{color:var(--cyan)}.nav-account{border-color:#56627e;border-radius:2px;font-family:var(--mono);font-size:11px}
.hero{padding-top:55px;padding-bottom:65px;position:relative;gap:40px;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;inset:-25px 0 -20px;background-image:linear-gradient(#697ce70b 1px,transparent 1px),linear-gradient(90deg,#697ce70b 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(transparent,#000 30%,#000 80%,transparent)}
.hero .eyebrow{display:inline-flex;align-items:center;border:1px solid #474369;background:#211d38;padding:6px 11px;letter-spacing:1.3px;font-family:var(--mono);font-size:10px;color:#c8baff;margin-bottom:25px}.tiny-star{font-size:13px}h1{font-family:'Arial Black','Segoe UI',sans-serif;font-size:clamp(49px,5.2vw,75px);font-weight:900;letter-spacing:-.025em;line-height:1.04}h1 em{font:inherit;font-style:normal;color:var(--cyan);text-shadow:3px 3px 0 #3d407a;letter-spacing:inherit}.hero-description{font-size:16px;max-width:460px;margin-top:27px}.hero-actions{gap:13px;flex-wrap:wrap}.button{border-radius:2px;font-family:var(--mono);padding:14px 17px;font-size:11px}.primary{background:var(--lavender);box-shadow:4px 4px 0 #554989;border:1px solid #c9baff}.primary:hover{background:#c2afff}.secondary{background:#10182b;border:1px solid #3d8c9f;color:var(--cyan)}.secondary:hover{background:#193044}.hero-note{font-family:var(--mono);font-size:8px;letter-spacing:.6px;color:#b1bed7;margin-top:26px}.hero-note .status-dot{background:var(--gold)}
.hero-art{border-radius:3px;border:1px solid #6b64a7;background:#181e34;box-shadow:10px 10px 0 #171c32,0 0 60px #666dff12;transform:rotate(1deg)}.map-heading{padding:14px 17px;background:#17192d;border-bottom:1px solid #4d4d73;font-family:var(--mono);font-size:8px;letter-spacing:.7px;color:#c6c0e1}.map-heading>span:last-child{color:var(--gold)}.window-dots{color:var(--lavender);margin-right:10px;font-size:8px}.landscape{filter:saturate(1.15)}.map-caption{padding:0 20px 16px}.map-caption strong{font-family:var(--mono);font-size:10px;color:#d6d5ef}.map-caption div>span{font-size:10px}.map-number{font-family:var(--mono);font-size:30px;color:#8e86b9}.art-label{font-family:var(--mono);font-size:8px;background:#121629;border-top:1px solid #343954}
.principles{background:#11192a;border-color:#35415b;padding:20px 12px}.principles>span{font-family:var(--mono);font-size:10px}.principles i{color:var(--cyan)}.eyebrow{font-family:var(--mono);letter-spacing:1.7px;color:var(--cyan)}h2{font-weight:750;letter-spacing:-.035em}.text-link{color:#c3b5ff}.section-heading>p{font-size:14px}.modes-section{padding-bottom:50px}.modes-section h2{font-size:clamp(32px,3.4vw,47px);font-weight:800;line-height:1.12}.modes-section h2 span{color:var(--lavender)}
.mode-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mode-choice{--mode-color:#ad97ff;border:1px solid #35425f;background:#141c30;color:var(--paper);padding:19px;text-align:left;position:relative;border-radius:2px;overflow:hidden;transition:border-color .15s,transform .15s,background .15s}.mode-choice:nth-child(2){--mode-color:#83dcc4}.mode-choice:nth-child(3){--mode-color:#efc483}.mode-choice:nth-child(4){--mode-color:#e79abd}.mode-choice[aria-pressed=true]{border-color:var(--mode-color);background:#201f3b;box-shadow:0 0 0 1px var(--mode-color)}.mode-choice:hover{border-color:var(--mode-color);transform:translateY(-3px)}.mode-topline{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:9px;color:#9ba9c3}.mode-topline>span{font-size:7px;color:var(--mode-color);border:1px solid #3e4561;padding:2px 4px}.mode-art{display:flex;align-items:center;justify-content:center;height:150px;margin:12px -19px 18px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--mode-color) 12%,transparent),transparent 65%),repeating-linear-gradient(0deg,transparent 0 19px,#ffffff03 19px 20px)}.mode-art svg{width:140px;height:105px;stroke:var(--mode-color);stroke-width:3;fill:color-mix(in srgb,var(--mode-color) 12%,transparent);stroke-linecap:square;stroke-linejoin:bevel;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--mode-color) 25%,transparent))}.mode-choice>strong{display:block;font-size:25px;letter-spacing:.4px;line-height:1.2}.mode-summary{font-size:10px;color:#b1bdd3;display:block;margin:10px 0 20px;min-height:32px}.mode-badge{border-top:1px solid #34405d;padding-top:12px;font-size:9px;font-family:var(--mono);color:var(--mode-color);display:flex;justify-content:space-between}.mode-detail{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;background:#12192c;border:1px solid #3e4262;margin-top:22px;padding:29px 30px}.mode-detail .eyebrow{font-size:9px;margin-bottom:12px;color:var(--gold)}.mode-detail h3{font-size:23px;font-weight:600;line-height:1.25}.mode-detail p:not(.eyebrow){font-size:12px;line-height:1.8;margin-top:12px}.mode-evidence{border-left:1px solid #364159;padding-left:30px}.mode-evidence>strong{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#a7b9d4}.mode-evidence .text-link{margin-top:16px;font-size:11px}
.loop-grid article{background:#141c30;border-color:#35405a;border-radius:2px}.step-number{font-family:var(--mono);color:var(--cyan)}.line-icon{color:var(--lavender)}.tag{border-radius:1px;font-family:var(--mono);border-color:#4d5471}.progress-section{background:#131b2f;color:var(--paper);border-top:1px solid #344059;border-bottom:1px solid #344059}.progress-section .eyebrow{color:var(--cyan)}.progress-section .muted,.target-card p{color:#b4bdd1}.target-card{border-color:#35415d}.warm{background:#342c23;border-color:#6f5d43;color:var(--gold)}.target-card strong{font-family:var(--mono);font-size:24px;color:var(--gold)}.readiness{background:#0f1627;border-color:#34425f;border-radius:2px}.readiness-head{border-color:#34425f;color:#a3b4d0;font-family:var(--mono)}.readiness article{border-color:#34425f}.readiness article p,.roadmap-note p{color:#afbcd2}.state{background:#2d374c;color:#c0cbe1;font-family:var(--mono)}.state.done{background:#203c37;color:#99e2c7}.state.current{background:#383055;color:#c9b5f9}.roadmap-note strong{color:#e3dcf8}.setup-diagram{background:#121b2e;border-color:#34425e;border-radius:2px}.monitor{background:#232844;box-shadow:inset 0 0 0 6px #121b2e;border-color:#7473ac}.monitor:after{border-color:#7473ac}.plans-section{background:radial-gradient(ellipse at 85% 55%,#47396455,transparent 65%),#16152b;border-color:#3c3657}.plan-card{border-radius:2px;background:#111729;box-shadow:9px 9px 0 #2a2442}.plan-top .tag{color:var(--gold)}.price{color:var(--gold);font-weight:600}.price span{font-weight:400}.closing{background-image:linear-gradient(90deg,#191932,transparent);padding-left:25px;padding-right:25px}.closing p{font-weight:650}.footer-top .brand{font-size:20px}dialog{background:#111a2e;border-color:#7667aa;border-radius:3px}.demo-banner{background:#292440;color:#d7c6ff!important}.download-release{padding:20px;margin-top:22px;border:1px solid #454b6b;background:#182038}.download-release .tag{color:var(--gold)}.download-release h3{margin-top:15px}.download-release .button{margin-top:20px}.demo-state{background:#101528;border-color:#4f5678}
@media(max-width:1100px){nav{gap:14px}.brand{font-size:20px}nav a,nav button{font-size:11px}.hero{gap:28px}h1{font-size:clamp(43px,5.2vw,66px)}.hero-actions{flex-direction:row;gap:14px}.mode-selector{gap:12px}.mode-choice{padding:16px}.mode-topline>span{font-size:6px}.mode-summary{font-size:9px}.mode-art{margin-left:-16px;margin-right:-16px}}
@media(max-width:800px){nav a,nav button{font-size:13px}.hero{padding-top:35px;gap:42px}.hero-copy{max-width:100%}h1{font-size:clamp(41px,8vw,65px)}.hero-art{transform:none;width:min(100%,560px);border-radius:2px}.hero-description{max-width:530px}.map-heading{padding:13px 15px;font-size:7px}.hero-note{font-size:8px}.mode-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mode-topline>span{font-size:8px}.mode-summary{font-size:12px;min-height:20px}.mode-art{height:140px}.mode-detail{gap:25px;padding:24px}.mode-evidence{padding-left:24px}.principles>span{font-size:9px}.modes-section{padding-bottom:20px}}
@media(max-width:520px){.announcement{font-size:8px;letter-spacing:.2px}.header{min-height:83px}.hero{padding-top:23px}.hero .eyebrow{font-size:8px;padding:6px 8px}.hero h1{font-size:clamp(34px,9.2vw,47px);letter-spacing:-.03em;line-height:1.14}.hero-description{font-size:14px;line-height:1.8;margin-top:20px}.hero-actions{gap:13px;align-items:stretch;flex-direction:column}.hero-actions .button{width:fit-content;min-width:211px}.hero-note{font-size:7px;line-height:1.8;letter-spacing:0}.map-heading{font-size:6px;letter-spacing:0;padding:11px}.window-dots{font-size:6px;margin-right:5px}.map-caption strong{font-size:8px}.map-caption div>span{font-size:8px}.art-label{font-size:7px}.principles{padding:15px 9px;gap:12px 7px}.principles>span{font-size:7px;gap:6px}.principles i{font-size:17px}.modes-section h2{font-size:30px}.mode-selector{gap:12px}.mode-choice{padding:13px}.mode-topline{font-size:8px;display:block}.mode-topline>span{display:block;font-size:6px;width:fit-content;margin-top:5px;letter-spacing:0}.mode-art{height:105px;margin:7px -13px 15px}.mode-art svg{width:115px;height:85px}.mode-choice>strong{font-size:21px}.mode-summary{font-size:10px;min-height:48px;margin:10px 0 12px}.mode-badge{font-size:7px}.mode-detail{grid-template-columns:1fr;padding:22px;gap:20px}.mode-detail h3{font-size:22px}.mode-detail .eyebrow{font-size:8px;line-height:1.8}.mode-evidence{padding:20px 0 0;border-left:0;border-top:1px solid #364159}.mode-detail p:not(.eyebrow){font-size:12px}.closing{padding-left:18px;padding-right:18px}.closing p{font-size:22px}}