:root{--bg:#fffaf4;--bg-soft:#fff4e8;--panel:#fff;--border:#e8ddf8;--text:#271a3b;--muted:#70667c;--purple:#7c3aed;--purple-light:#a855f7;--blue:#4f7df3;--pink:#ec4899;--cyan:#21bfc6;--yellow:#ffca58;--orange:#ff8e55;--green:#56c596;--shadow:0 24px 60px rgba(92,52,132,.12);--shell:1180px;--radius:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 5% 5%,rgba(255,202,88,.24),transparent 25%),radial-gradient(circle at 95% 7%,rgba(168,85,247,.13),transparent 24%),linear-gradient(180deg,#fffdf9 0%,#fffaf4 46%,#fff8ef 100%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}.site-header{position:relative;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(91,62,120,.1);box-shadow:0 6px 28px rgba(65,42,89,.045);backdrop-filter:blur(18px)}.header-inner{min-height:94px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;text-decoration:none}.brand-logo{width:250px;height:auto;display:block;border-radius:9px}.site-nav{display:flex;gap:26px;align-items:center;margin-left:auto}.site-nav a{text-decoration:none;color:#62556f;font-size:.9rem;font-weight:700}.site-nav a:hover,.site-nav a.is-active{color:var(--purple)}.nav-cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#9258ff,#7137e8);box-shadow:0 12px 30px rgba(124,58,237,.22);padding:13px 17px;border-radius:14px;font-weight:800;font-size:.9rem}.hero{position:relative;overflow:hidden;padding:75px 0 84px;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,247,235,.72));border-bottom:1px solid #efe5f6}.hero-sun{position:absolute;border-radius:50%;pointer-events:none;filter:blur(45px)}.hero-sun-one{width:330px;height:330px;top:-150px;left:-100px;background:rgba(255,203,91,.27)}.hero-sun-two{width:370px;height:370px;top:-80px;right:-110px;background:rgba(172,111,255,.16)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;align-items:center}.hero-copy{max-width:650px}.hero-pill,.eyebrow{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;color:#6c37cb;border:1px solid #d9c7fb;background:#f3ebff;font-size:.82rem;font-weight:800}.hero h1{font-size:clamp(3.6rem,6.4vw,5.8rem);line-height:.94;letter-spacing:-.065em;margin:21px 0 24px;color:#28173d}.hero h1 span,.section-heading h2 span{background:linear-gradient(90deg,#7235dc 0%,#ad4fcc 46%,#ef6d85 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:640px;color:#655a70;font-size:1.16rem;line-height:1.7;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;border-radius:14px;text-decoration:none;border:1px solid transparent;font-weight:800;cursor:pointer;transition:.18s ease;font-size:.95rem}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,#8851f5,#7334d9);box-shadow:0 16px 35px rgba(119,58,218,.22)}.button-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-secondary{color:#5a376e;border-color:#ded1ea;background:#fff;box-shadow:0 10px 28px rgba(64,45,83,.06)}.hero-note{margin-top:20px;color:#6f6578;font-size:.88rem}.hero-note span{color:#23996e;font-weight:900}.hero-visual{min-height:510px;display:flex;align-items:center;justify-content:center}.advisor-card{width:min(100%,560px);padding:10px;border-radius:36px;background:linear-gradient(135deg,#fff3c8,#f0dcff);box-shadow:0 28px 70px rgba(76,46,108,.15)}.advisor-card>div:not(.advisor-topline){position:relative}.advisor-topline{padding:15px 18px;display:flex;align-items:center;gap:9px;font-weight:800;font-size:.82rem;color:#61536b}.advisor-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(86,197,150,.16)}.device-card,.result-card,.fake-button,.advisor-benefits{background:rgba(255,255,255,.95);border:1px solid rgba(78,47,105,.09)}.device-card{border-radius:24px 24px 14px 14px;padding:20px;display:flex;align-items:center;gap:15px}.device-icon{width:54px;height:54px;border-radius:16px;background:#f3ebff;display:grid;place-items:center;color:var(--purple);font-size:1.5rem;font-weight:900}.device-card small,.device-card strong,.device-card span{display:block}.device-card small,.result-card small{font-size:.66rem;letter-spacing:.08em;font-weight:900;color:#897b91}.device-card strong{margin-top:4px;font-size:1.18rem}.device-card span{margin-top:3px;color:var(--muted);font-size:.8rem}.result-card{margin-top:8px;border-radius:14px;padding:20px}.result-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.result-head strong{display:block;font-size:1.35rem;margin-top:5px}.fit-badge{padding:7px 10px;border-radius:999px;background:#e8f8ef;color:#17835d;font-weight:900;font-size:.72rem}.memory-row{display:flex;justify-content:space-between;margin-top:22px;color:#6f6478;font-size:.78rem}.memory-track{height:9px;background:#f0eaf5;border-radius:999px;overflow:hidden;margin-top:9px}.memory-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#56c596,#21bfc6)}.result-card p{font-size:.84rem;line-height:1.55;color:#6b6074;margin:15px 0 0}.advisor-benefits{margin-top:8px;padding:13px 16px;display:flex;flex-wrap:wrap;gap:13px;border-radius:14px;color:#675a70;font-size:.76rem;font-weight:800}.fake-button{margin-top:8px;border-radius:14px 14px 24px 24px;padding:16px 18px;color:#6c37cb;font-weight:900;display:flex;justify-content:space-between}.stats-strip{background:#fff;border-top:1px solid #eee3f4;border-bottom:1px solid #eee3f4}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{text-align:center;padding:25px 12px;border-right:1px solid #eee7f3}.stats-grid>div:last-child{border-right:0}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-size:1.45rem;margin-bottom:5px}.stats-grid>div:nth-child(1) strong{color:var(--purple)}.stats-grid>div:nth-child(2) strong{color:#ed6d77}.stats-grid>div:nth-child(3) strong{color:#16a085}.stats-grid>div:nth-child(4) strong{color:#e59425}.stats-grid span{font-size:.78rem;color:#756c7d}.section{padding:94px 0}.section-soft{background:rgba(255,255,255,.54);border-top:1px solid #efe5f6;border-bottom:1px solid #efe5f6}.section-heading{max-width:760px;margin-bottom:45px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading h2{font-size:clamp(2.45rem,5vw,4rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0;color:#2d1c40}.section-heading p{font-size:1.05rem;line-height:1.7;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card,.step-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 16px 38px rgba(80,49,105,.06);overflow:hidden}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px}.feature-purple:after{background:var(--purple)}.feature-blue:after{background:var(--blue)}.feature-pink:after{background:var(--pink)}.feature-cyan:after{background:var(--cyan)}.feature-icon,.step-icon{width:48px;height:48px;border-radius:15px;background:#f5effd;display:grid;place-items:center;font-size:1.35rem;margin-bottom:20px}.feature-card h3,.step-card h3{font-size:1.12rem;margin:0 0 10px}.feature-card p,.step-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-card{padding-top:58px}.step-number{position:absolute;top:18px;right:20px;color:#c8b8db;font-size:1.5rem;font-weight:900}.section-cta{text-align:center;margin-top:35px}.section-cta small{display:block;color:var(--muted);margin-top:12px}.knowledge-card{background:linear-gradient(135deg,#2b193d,#43216f);color:#fff;border-radius:34px;padding:50px;display:grid;grid-template-columns:1fr .85fr;gap:45px;box-shadow:var(--shadow)}.knowledge-card .eyebrow{background:rgba(255,255,255,.1);color:#e9dfff;border-color:rgba(255,255,255,.16)}.knowledge-card h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.05em;margin:18px 0}.knowledge-card h2 em{font-style:normal;color:#f3a9ce}.knowledge-card>div>p{color:#d7ccdf;line-height:1.7}.knowledge-example{align-self:center;background:#fff;color:var(--text);border-radius:22px;padding:24px}.plain-label{display:block;color:#23996e;font-weight:900;font-size:.67rem;letter-spacing:.09em;margin-bottom:7px}.knowledge-example strong{font-size:1.12rem}.knowledge-example p{color:var(--muted);font-size:.86rem;line-height:1.55}.details-toggle{width:100%;border:0;border-top:1px solid #eee7f3;background:transparent;padding:15px 0 0;margin-top:10px;display:flex;justify-content:space-between;color:#6c37cb;font-weight:900;cursor:pointer}.technical-details dl{margin:15px 0 0;padding-top:8px;border-top:1px solid #eee7f3}.technical-details dl div{display:flex;justify-content:space-between;padding:7px 0;font-size:.78rem}.technical-details dt{color:var(--muted)}.technical-details dd{margin:0;font-weight:800}.site-footer{padding:40px 0 105px}.footer-inner{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #eadff0;padding-top:30px}.footer-brand strong{font-size:1.15rem}.footer-brand p{max-width:470px;color:var(--muted);font-size:.82rem;line-height:1.5}.footer-links{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.footer-links a{font-size:.78rem;color:var(--muted);text-decoration:none}.mobile-bottom-nav{display:none}.check-hero{padding:62px 0 90px}.check-shell{max-width:880px}.check-progress{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:40px;padding-right:100px}.check-progress span{height:7px;border-radius:999px;background:#eadff0}.check-progress span.is-active{background:linear-gradient(90deg,#8851f5,#a855f7)}.check-progress small{position:absolute;right:0;top:-5px;color:var(--muted);font-weight:800;font-size:.72rem}.check-heading{text-align:center;max-width:700px;margin:0 auto 35px}.check-heading h1{font-size:clamp(2.65rem,6vw,4.8rem);line-height:1;letter-spacing:-.06em;margin:18px 0;color:#28173d}.check-heading p{color:var(--muted);font-size:1.05rem}.choice-panel{background:#fff;border:1px solid var(--border);border-radius:30px;padding:32px;box-shadow:var(--shadow)}.choice-intro h2{font-size:1.3rem;margin:0 0 5px}.choice-intro p{margin:0;color:var(--muted);font-size:.88rem}.computer-choices{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}.computer-choice{position:relative;display:flex;align-items:center;gap:15px;text-align:left;padding:18px;border:2px solid #eee6f4;background:#fff;border-radius:18px;cursor:pointer;color:var(--text);transition:.16s ease}.computer-choice:hover{border-color:#cdb9eb;background:#fdfaff}.computer-choice.is-selected{border-color:#8a50ef;background:#f7f0ff;box-shadow:0 8px 25px rgba(124,58,237,.09)}.choice-icon{flex:0 0 48px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#f4edfd;color:#7036d5;font-weight:900;font-size:1.2rem}.choice-copy strong,.choice-copy small{display:block}.choice-copy strong{font-size:1rem}.choice-copy small{color:var(--muted);font-size:.75rem;line-height:1.4;margin-top:3px}.choice-check{margin-left:auto;width:25px;height:25px;border-radius:50%;background:#8a50ef;color:#fff;display:none;place-items:center;font-size:.7rem}.computer-choice.is-selected .choice-check{display:grid}.selection-help{margin-top:18px;padding:16px 18px;border-radius:16px;background:#fff8e9;border:1px solid #f0dfb9;color:#675a4a;font-size:.84rem;line-height:1.55}.coming-next{margin-top:13px;padding-top:13px;border-top:1px solid #ead8b5;display:flex;gap:10px}.coming-next>span{color:#23996e;font-weight:900}.choice-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.privacy-note{margin-top:22px;padding:18px 20px;display:flex;gap:13px;border-radius:18px;background:rgba(255,255,255,.66);border:1px solid #ebe0f2}.privacy-note strong{font-size:.82rem}.privacy-note p{margin:4px 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}
@media(max-width:1000px){.site-nav,.nav-cta{display:none}.header-inner{justify-content:center}.feature-grid{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-copy{text-align:center;margin:auto}.hero-actions{justify-content:center}.hero-note{text-align:center}.hero-visual{min-height:auto}.knowledge-card{grid-template-columns:1fr}.mobile-bottom-nav{position:fixed;z-index:50;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));height:68px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(255,255,255,.96);border:1px solid #e3d7ea;border-radius:22px;box-shadow:0 18px 45px rgba(71,45,92,.16);backdrop-filter:blur(18px);padding:5px}.bottom-nav-item{height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#75687e;font-size:.62rem;font-weight:800;border-radius:17px}.bottom-icon{font-size:1.15rem;line-height:1}.bottom-nav-primary{color:#fff;background:linear-gradient(145deg,#9259f4,#7135db);box-shadow:0 13px 30px rgba(112,58,211,.25)}body{padding-bottom:82px}}
@media(max-width:700px){.shell{width:min(calc(100% - 28px),var(--shell))}.header-inner{min-height:82px}.brand-logo{width:min(245px,82vw)}.hero{padding:45px 0 55px}.hero h1{font-size:3.55rem}.hero-lead{font-size:1rem}.hero-actions{display:grid}.button{width:100%}.advisor-card{border-radius:28px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div:nth-child(2){border-right:0}.stats-grid>div:nth-child(-n+2){border-bottom:1px solid #eee7f3}.section{padding:65px 0}.feature-grid,.steps-grid,.computer-choices{grid-template-columns:1fr}.section-heading h2{font-size:2.65rem}.knowledge-card{padding:28px;border-radius:27px}.footer-inner{display:block}.footer-links{margin-top:22px}.check-hero{padding:38px 0 65px}.check-heading h1{font-size:3rem}.choice-panel{padding:20px;border-radius:24px}.choice-actions{flex-direction:column-reverse}.privacy-note{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ============================
   Compact planner — homepage
============================ */
.planner-page main{min-height:calc(100vh - 94px)}
.planner-wrap{padding:28px 0 42px}
.compact-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:20px}
.compact-intro>div:first-child{max-width:760px}.compact-intro .eyebrow{margin-bottom:9px}.compact-intro h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.055em;margin:0 0 9px}.compact-intro p{margin:0;color:var(--muted);line-height:1.55;max-width:720px;font-size:.94rem}.intro-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mini-link{border:1px solid var(--border);background:#fff;border-radius:999px;padding:9px 12px;color:#6d5f77;text-decoration:none;font-weight:800;font-size:.72rem;cursor:pointer}
.planner-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:start}.control-panel,.compact-card,.fit-card{background:rgba(255,255,255,.96);border:1px solid var(--border);box-shadow:0 12px 35px rgba(80,49,105,.055)}.control-panel{position:sticky;top:16px;border-radius:22px;padding:19px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-title-row h2{font-size:1.12rem;margin:0;letter-spacing:-.03em}.panel-badge,.result-kicker{font-size:.62rem;letter-spacing:.1em;font-weight:900;color:#8a7b94}.panel-badge{padding:5px 7px;border:1px solid #e6dcef;border-radius:8px;background:#fbf8fd}.field-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.065em;font-weight:900;color:#55485f;margin:16px 0 7px}.field-label.no-margin{margin:0}.help-dot{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #cfc2da;border-radius:50%;font-size:.58rem;color:#8b7e95}.select-control{width:100%;height:45px;border:1.5px solid #d9cde3;border-radius:11px;background:#fff;padding:0 11px;font-weight:750;color:var(--text);outline:none}.select-control:focus{border-color:#8a50ef;box-shadow:0 0 0 3px rgba(138,80,239,.1)}.field-note,.plain-help{font-size:.69rem;line-height:1.45;color:#83778b;margin:6px 1px 0}.where-link{border:0;background:transparent;padding:7px 0 0;color:#6f3bca;font-size:.7rem;font-weight:800;cursor:pointer;text-align:left}.hardware-help{margin-top:8px;background:#fff8e9;border:1px solid #f1dfb7;border-radius:10px;padding:10px;font-size:.68rem;line-height:1.55;color:#665845}.control-divider{height:1px;background:#eee5f3;margin:16px 0}.field-label-row,.slider-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.technical-name{font-size:.61rem;color:#9a8da2}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.segmented button{border:1.5px solid #ded4e7;background:#fff;border-radius:9px;min-height:49px;padding:6px;font-size:.7rem;font-weight:800;color:#63566d;cursor:pointer}.segmented button small{font-size:.6rem;color:#9a8da1}.segmented button.is-active{border-color:#7d4bd4;background:#f4edff;color:#5e2eb3;box-shadow:0 0 0 2px rgba(125,75,212,.08)}.slider-heading{margin-top:17px}.slider-heading>div{display:flex;flex-direction:column}.slider-heading strong{font-size:.72rem;background:#f1ebf7;padding:5px 7px;border-radius:7px;color:#5d496b}.range-control{width:100%;accent-color:#7c3aed;margin:10px 0 2px}.range-labels{display:flex;justify-content:space-between;font-size:.58rem;color:#96899d}.advanced-toggle{width:100%;display:flex;align-items:center;gap:8px;margin-top:15px;border:1px solid #e3d9ea;border-radius:10px;background:#fff;padding:10px 11px;color:#5e5266;font-weight:850;font-size:.7rem;cursor:pointer}.advanced-toggle b{margin-left:auto;font-size:.62rem}.advanced-options{padding:9px 4px 0}.advanced-options label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.68rem;color:#6a5e72;padding:5px 0}.advanced-options input,.advanced-options select{width:96px;border:1px solid #ddd3e6;border-radius:7px;padding:5px;background:#fff}.control-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.ghost-button{border:1px solid #dfd5e7;background:#fff;border-radius:10px;padding:9px;font-weight:800;color:#64576d;font-size:.68rem;cursor:pointer}
.results-column{display:grid;gap:12px}.fit-card{border-radius:20px;padding:19px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;border-width:2px}.fit-card.is-good{border-color:#7ac9aa;box-shadow:0 0 0 4px rgba(86,197,150,.08),0 12px 35px rgba(80,49,105,.055)}.fit-card.is-okay{border-color:#8ab7e8;box-shadow:0 0 0 4px rgba(79,125,243,.07)}.fit-card.is-warning{border-color:#e0b15d;box-shadow:0 0 0 4px rgba(255,202,88,.1)}.fit-card.is-bad{border-color:#e8897a;box-shadow:0 0 0 4px rgba(232,86,72,.08)}.fit-summary{display:flex;gap:15px;align-items:flex-start}.fit-icon{flex:0 0 46px;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;font-weight:900;background:#eaf8f2;color:#16835d}.is-warning .fit-icon{background:#fff6e3;color:#a66806}.is-bad .fit-icon{background:#fff0ed;color:#b83c2c}.fit-summary h2{font-size:1.62rem;margin:4px 0 6px;letter-spacing:-.045em}.fit-summary p{margin:0;color:#6d6175;font-size:.79rem;line-height:1.5;max-width:600px}.remaining-line{margin-top:8px!important;font-weight:800;font-size:.68rem!important;color:#8c7e95!important}.fit-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e7ddea;border-radius:14px;overflow:hidden;background:#fdfbfd}.fit-stats>div{padding:15px 10px;text-align:center;border-right:1px solid #e7ddea}.fit-stats>div:last-child{border-right:0}.fit-stats span,.fit-stats strong{display:block}.fit-stats span{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:#8d8095;font-weight:900}.fit-stats strong{font-size:.77rem;margin-top:8px;color:#4f4258}.compact-card{border-radius:18px;padding:16px 18px}.compact-card-head,.memory-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.compact-card-head h3,.memory-title-row h3,.recommendation-card h3{font-size:1rem;margin:3px 0 0;letter-spacing:-.025em}.tiny-toggle{border:1px solid #e1d7e7;background:#fff;border-radius:8px;padding:6px 8px;font-size:.62rem;font-weight:850;color:#67596f;cursor:pointer}.architecture-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#eadff0;border-radius:11px;overflow:hidden;margin-top:12px}.architecture-summary>div{background:#fff;padding:11px}.architecture-summary span,.architecture-summary strong{display:block}.architecture-summary span{font-size:.58rem;color:#95889d}.architecture-summary strong{font-size:.77rem;margin-top:4px}.model-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:13px;border-radius:11px;background:#fbf8fd}.model-flow span{padding:7px 9px;border:1px solid #dfd4e7;border-radius:8px;background:#fff;font-size:.65rem;font-weight:800}.model-flow b{color:#a08fa8}.capacity-label{font-size:.69rem;font-weight:800;color:#74677c;background:#f5f0f8;padding:6px 8px;border-radius:8px}.memory-scale{display:flex;justify-content:space-between;color:#8f8297;font-size:.58rem;margin-top:14px}.memory-bar{height:28px;display:flex;border:1px solid #dfd5e5;border-radius:9px;overflow:hidden;background:#f6f2f7;margin-top:4px}.mem{height:100%;min-width:2px}.weights{background:#7650d8}.metadata{background:#34a89e}.cache{background:#e0a03d}.workspace{background:#e27057}.reserve{background:#4f7df3}.margin{background:#68c4b7}.memory-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.memory-breakdown>div{display:grid;grid-template-columns:9px 1fr auto;gap:7px;align-items:start;border:1px solid #e7ddea;border-radius:10px;padding:9px;background:#fff}.swatch{width:5px;height:32px;border-radius:999px}.memory-breakdown span{font-size:.67rem;font-weight:850}.memory-breakdown small{display:block;font-size:.56rem;font-weight:500;color:#96899d;margin-top:2px}.memory-breakdown strong{font-size:.65rem}.recommendation-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#fff,#faf6ff)}.recommendation-card p{font-size:.72rem;color:#776a80;margin:6px 0 0;max-width:630px}.install-button{white-space:nowrap;min-height:42px;font-size:.72rem;padding:0 14px}.explanation-card{padding:0;overflow:hidden}.explanation-head{width:100%;border:0;background:#fff;padding:14px 17px;display:flex;justify-content:space-between;gap:15px;text-align:left;cursor:pointer;color:#54475d}.explanation-head span{display:flex;flex-direction:column;gap:2px}.explanation-head b{font-size:.75rem}.explanation-head small{font-size:.59rem;color:#97899e}.explanation-head strong{font-size:.62rem}.explanation-body{border-top:1px solid #e7ddea;padding:14px 17px;background:#fcfafd}.explanation-body h4{font-size:.67rem;margin:0 0 5px;text-transform:uppercase;letter-spacing:.06em}.explanation-body p{font-size:.66rem;line-height:1.55;color:#74677d;margin:0 0 12px}.explanation-body p:last-child{margin-bottom:0}.explanation-body code{font-size:.64rem}.simple-mode .architecture-card,.simple-mode .explanation-card,.simple-mode .technical-name,.simple-mode .advanced-toggle,.simple-mode .advanced-options{display:none!important}
@media(max-width:1000px){.planner-grid{grid-template-columns:300px minmax(0,1fr)}.fit-card{grid-template-columns:1fr}.memory-breakdown{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.planner-wrap{padding:17px 0 28px}.compact-intro{display:block;margin-bottom:13px}.compact-intro h1{font-size:2.1rem}.compact-intro p{font-size:.82rem}.intro-actions{justify-content:flex-start;margin-top:12px}.planner-grid{grid-template-columns:1fr}.control-panel{position:relative;top:auto}.results-column{gap:9px}.fit-card{padding:15px}.fit-summary{gap:11px}.fit-icon{width:40px;height:40px;flex-basis:40px}.fit-summary h2{font-size:1.36rem}.fit-stats>div{padding:11px 5px}.architecture-summary{grid-template-columns:repeat(2,1fr)}.memory-breakdown{grid-template-columns:1fr 1fr}.recommendation-card{display:block}.install-button{width:100%;margin-top:13px}.site-footer{padding-top:25px}.footer-inner{display:none}}
@media(max-width:470px){.memory-breakdown{grid-template-columns:1fr}.fit-stats{grid-template-columns:1fr 1fr}.fit-stats>div:nth-child(2){border-right:0}.fit-stats>div:nth-child(3){grid-column:1/-1;border-top:1px solid #e7ddea}.segmented button{font-size:.65rem}}


/* ===== LocalAI checkpoint: beginner-first hardware flow ===== */
.primary-mini{background:#6f4fd8!important;color:#fff!important;border-color:#6f4fd8!important}
.detection-card{margin-bottom:14px;background:#fff;border:1px solid #eadfed;border-radius:18px;padding:18px;box-shadow:0 10px 28px rgba(65,35,80,.06)}
.detection-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.detection-head h2{font-size:1.45rem;margin:3px 0 5px}.detection-head p{margin:0;color:#756b78;font-size:.82rem;max-width:700px;line-height:1.5}
.detected-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.detected-grid>div{border:1px solid #eadfed;background:#fffaf5;border-radius:12px;padding:11px}.detected-grid span{display:block;color:#847887;font-size:.66rem;text-transform:uppercase;font-weight:800;letter-spacing:.04em}.detected-grid strong{display:block;font-size:.82rem;margin-top:4px;overflow-wrap:anywhere}
.detection-actions{max-width:660px}.compact-select{margin-bottom:10px}.inline-fields{display:flex;align-items:center;gap:8px}.inline-fields .text-control{width:130px}.inline-fields .button{min-height:40px;margin-left:4px}
.text-control{width:100%;border:1px solid #ddd0e2;background:#fff;border-radius:10px;padding:10px 11px;color:#382b3d;outline:none}.text-control:focus,.select-control:focus{border-color:#8b67e8;box-shadow:0 0 0 3px rgba(139,103,232,.12)}
.hardware-label-row{align-items:center;margin-top:13px}.small-action{border:0;background:none;color:#6f4fd8;font-size:.67rem;font-weight:800;cursor:pointer;padding:3px}
.custom-hardware{margin:9px 0 4px;padding:12px;border:1px solid #e8ddea;background:#fffaf7;border-radius:12px}.optional{color:#948996;font-weight:500;font-size:.65rem}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.custom-grid label{font-size:.7rem;font-weight:750;color:#65596a}.custom-grid label span{display:flex;align-items:center;gap:5px;margin-top:4px}.custom-grid input{width:100%;min-width:0;border:1px solid #ddd0e2;border-radius:8px;padding:8px}.check-row{display:flex!important;align-items:flex-start;gap:7px;margin:9px 0!important;font-size:.7rem!important;font-weight:600!important}.custom-apply{min-height:37px;padding:8px 12px;font-size:.7rem}
.simple-summary{margin-top:13px;border-radius:12px;padding:12px;background:linear-gradient(135deg,#f3edff,#fff5ee);border:1px solid #e8ddef}.simple-summary span,.simple-summary small{display:block}.simple-summary span{font-size:.64rem;text-transform:uppercase;letter-spacing:.05em;color:#806f86;font-weight:800}.simple-summary strong{display:block;margin:4px 0;font-size:.86rem}.simple-summary small{color:#756b78;line-height:1.45;font-size:.7rem}
.simple-memory-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.45);font-size:.72rem}.simple-memory-line strong{text-align:right}
body.simple-mode .technical-controls,body.simple-mode .technical-only{display:none!important}body.simple-mode .simple-summary{display:block}body:not(.simple-mode) .simple-summary{display:none}
@media(max-width:760px){.detected-grid{grid-template-columns:1fr}.detection-head{display:block}.detection-head .tiny-toggle{margin-top:8px}.inline-fields{flex-wrap:wrap}.inline-fields .button{width:100%;margin-left:0}.custom-grid{grid-template-columns:1fr}.simple-memory-line{align-items:flex-start}.intro-actions{display:flex;gap:7px;flex-wrap:wrap}}

/* Community hardware catalog */
.community-save{margin-top:14px;padding:14px;border:1px solid var(--border,#e6e9ef);border-radius:14px;background:rgba(255,255,255,.72)}
.community-save p{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--muted,#667085)}
.community-save p strong{color:var(--text,#15171a)}
.community-save-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.community-save-actions .button,.community-save-actions .ghost-button{min-height:40px;padding:0 13px;font-size:13px}
.community-save-status{margin-top:10px;padding:10px 12px;border-radius:10px;background:#eef8f3;color:#176b4d;font-size:13px;line-height:1.45}
.community-save-status.is-error{background:#fff0ee;color:#9b3328}
.community-option-note{font-size:11px;color:var(--muted,#667085)}

/* ===== LocalAI checkpoint: goal-first recommendations ===== */
.brand{gap:12px}.brand-logo{width:210px;max-height:62px;object-fit:contain}.brand-product{font-weight:900;color:#5f36c9;font-size:1rem;letter-spacing:-.02em;padding-left:12px;border-left:1px solid #eadff0}
.goal-first{margin:4px 0 16px}.goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.goal-chip{appearance:none;border:1px solid #e2d7e8;background:#fff;border-radius:10px;padding:9px 8px;text-align:left;color:#5e5166;font-size:.68rem;font-weight:800;cursor:pointer;transition:.16s ease}.goal-chip:hover{border-color:#bba2ee}.goal-chip.is-active{background:#f1eaff;border-color:#9872ed;color:#6534cb;box-shadow:0 0 0 2px rgba(139,103,232,.08)}.goal-recommendation{margin-top:9px;padding:10px 11px;border-radius:11px;background:linear-gradient(135deg,#f4efff,#fff8f1);border:1px solid #e8ddef}.goal-recommendation strong,.goal-recommendation span{display:block}.goal-recommendation strong{font-size:.72rem;color:#402a59}.goal-recommendation span{font-size:.64rem;color:#7d7082;margin-top:3px;line-height:1.4}.manual-model-choice{margin-top:13px}.save-note{font-size:.61rem!important;color:#8b7f8e!important;line-height:1.45;margin:8px 0 0!important}.community-save-status{margin-top:10px}
body.simple-mode .manual-model-choice{display:none}.simple-mode .goal-first{display:block}body:not(.simple-mode) .goal-first{display:none}
@media(max-width:780px){.brand-logo{width:155px}.brand-product{font-size:.86rem}.goal-grid{grid-template-columns:1fr 1fr}}

/* LocalAI save/UI checkpoint additions */
.result-model-callout{display:inline-flex;flex-direction:column;gap:3px;margin:8px 0 12px;padding:11px 16px;border:1px solid rgba(124,58,237,.20);border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.09),rgba(167,139,250,.05))}
.result-model-callout span{color:#7c6f86;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.result-model-callout strong{color:#5b21b6;font-size:clamp(20px,2vw,28px);line-height:1.15;letter-spacing:-.025em}
.local-ai-intro{margin-top:-8px;margin-bottom:14px}
.local-ai-info-link{appearance:none;border:0;padding:0;background:transparent;color:#6d42d8;font:inherit;font-weight:750;cursor:pointer}
.local-ai-info-link:hover{text-decoration:underline}
body.modal-open{overflow:hidden}.info-modal[hidden]{display:none!important}
.info-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px}
.info-modal-backdrop{position:absolute;inset:0;background:rgba(31,23,48,.52);backdrop-filter:blur(6px)}
.info-modal-card{position:relative;z-index:1;width:min(680px,100%);max-height:min(760px,calc(100dvh - 44px));overflow:auto;padding:clamp(24px,4vw,38px);border:1px solid rgba(124,58,237,.16);border-radius:26px;background:#fffdfb;box-shadow:0 28px 90px rgba(43,31,62,.24)}
.info-modal-close{position:absolute;top:15px;right:16px;width:38px;height:38px;border:1px solid #e8dff0;border-radius:50%;background:#fff;color:#352944;font-size:25px;cursor:pointer}
.why-local-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.why-local-grid>div{display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid #eee5f3;border-radius:16px;background:#fbf8fd}
.why-local-grid span{color:#766d7d;font-size:14px;line-height:1.5}.modal-note{padding:14px 16px;border-radius:14px;background:#f3edff}
.community-save-status:not([hidden]){margin-top:10px;padding:10px 12px;border-radius:11px;background:#ecf9f3;color:#177255;font-weight:700;font-size:13px}
.community-save-status.is-error:not([hidden]){background:#fff0ef;color:#a13b31}
@media(max-width:640px){.why-local-grid{grid-template-columns:1fr}.result-model-callout{display:flex}}


/* LocalAI fresh setup + branded install modal */
.nav-cta-button { border:0; font:inherit; cursor:pointer; }

.fresh-setup-card {
  display:flex; align-items:center; gap:22px; min-height:250px; padding:36px;
  border:2px dashed rgba(122,85,210,.25); border-radius:26px;
  background:rgba(255,255,255,.72);
}
.fresh-setup-card[hidden] { display:none !important; }
.fresh-setup-icon {
  display:grid; place-items:center; flex:0 0 auto; width:68px; height:68px;
  border-radius:21px; background:linear-gradient(135deg,#f0e8ff,#fff3dc);
  color:#6d42d8; font-size:32px; font-weight:500;
}
.fresh-setup-card h2 { margin:4px 0 10px; }
.fresh-setup-card p { margin:0; max-width:650px; color:#71677a; font-size:17px; line-height:1.6; }

body.fresh-setup .results-column > .fit-card,
body.fresh-setup .results-column > .recommendation-card,
body.fresh-setup .results-column > .architecture-card,
body.fresh-setup .results-column > .memory-card,
body.fresh-setup .results-column > .explanation-card { display:none !important; }

.local-install-modal[hidden] { display:none !important; }
.local-install-modal { position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:20px; }
.local-install-backdrop { position:absolute; inset:0; background:rgba(35,25,49,.58); backdrop-filter:blur(7px); }
.local-install-card {
  position:relative; z-index:1; width:min(780px,100%); max-height:calc(100dvh - 40px); overflow:auto;
  border:1px solid rgba(118,76,194,.18); border-radius:28px; background:#fffdfa;
  box-shadow:0 32px 100px rgba(41,29,57,.28);
}
.local-install-close {
  position:absolute; top:16px; right:18px; z-index:2; width:40px; height:40px;
  border:1px solid #e8dff0; border-radius:50%; background:white; color:#31243e;
  font-size:26px; cursor:pointer;
}
.local-install-brand {
  display:flex; align-items:center; gap:14px; padding:22px 28px;
  border-bottom:1px solid #eee5f1; background:linear-gradient(90deg,#fff7e8,#f7f0ff);
}
.local-install-brand img { width:120px; height:auto; }
.local-install-brand div, .local-install-footer div { display:flex; flex-direction:column; gap:3px; }
.local-install-brand span, .local-install-footer span { color:#7d7084; font-size:13px; }
.local-install-body { padding:30px; }
.local-install-intro { color:#736979; line-height:1.6; }
.local-install-summary { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:22px 0 8px; }
.local-install-summary > div { padding:15px 17px; border:1px solid #eadff0; border-radius:15px; background:#fbf8fd; }
.local-install-summary span { display:block; margin-bottom:5px; color:#8b7c91; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.local-install-step { display:grid; grid-template-columns:38px 1fr; gap:14px; padding:21px 0; border-top:1px solid #eee7f0; }
.local-install-step > b { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#6f43d8; color:white; }
.local-install-step h3 { margin:2px 0 7px; }
.local-install-step p { margin:0 0 12px; color:#74697a; line-height:1.55; }
.local-command { display:flex; overflow:hidden; border:1px solid #dfd2e7; border-radius:13px; background:#292331; }
.local-command code { flex:1; overflow-x:auto; padding:14px 16px; color:white; white-space:nowrap; }
.local-command button { border:0; border-left:1px solid rgba(255,255,255,.14); padding:0 16px; background:#41364c; color:white; font-weight:700; cursor:pointer; }
.local-install-step small { display:block; margin-top:8px; color:#8a7d90; }
.local-install-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 28px; border-top:1px solid #e9e0ed; background:#faf6fc; }

@media (max-width:680px) {
  .fresh-setup-card { align-items:flex-start; padding:24px; }
  .local-install-modal { padding:10px; }
  .local-install-card { max-height:calc(100dvh - 20px); border-radius:21px; }
  .local-install-body { padding:24px 20px; }
  .local-install-brand, .local-install-footer { padding-left:20px; padding-right:20px; }
  .local-install-summary { grid-template-columns:1fr; }
  .local-install-footer { flex-direction:column; align-items:stretch; }
}


/* LOCALAI COMPACT V2 */
.compact-v2 .planner-wrap { padding-bottom: 44px; }
.compact-intro-v2 { padding-top: 30px; padding-bottom: 22px; }
.compact-intro-v2 h1 { margin-bottom: 10px; }
.compact-intro-v2 p { max-width: 720px; margin-bottom: 0; }

.planner-grid-v2 {
  display: grid;
  grid-template-columns: minmax(300px, 355px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.control-panel-v2 {
  position: sticky;
  top: 84px;
  padding: 20px;
  border-radius: 22px;
}

.panel-title-with-info { display:flex; align-items:center; gap:8px; }
.panel-title-with-info h2 { margin:0; }
.info-dot {
  display:grid; place-items:center; width:25px; height:25px;
  border:1px solid #d9caef; border-radius:50%; background:#fff;
  color:#7045d7; font-weight:800; cursor:pointer;
}

.goal-grid { gap:7px; }
.goal-chip { min-height:38px; padding:8px 10px; }
.goal-recommendation { margin-top:9px; padding:10px 12px; }

.compact-custom { margin-top:10px; padding:14px; }
.compact-custom .save-note, .compact-custom .plain-help { display:none; }

.results-column-v2 { min-width:0; }
.result-shell {
  min-height: 390px;
  border: 1px solid #ded0ef;
  border-radius: 24px;
  background: rgba(255,255,255,.90);
  box-shadow: 0 14px 42px rgba(73,49,100,.08);
  overflow:hidden;
}

.result-empty-state {
  min-height:390px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:42px;
}
.result-empty-state[hidden], .result-live[hidden] { display:none !important; }
.ready-mark {
  display:grid; place-items:center; width:58px; height:58px; margin-bottom:16px;
  border-radius:18px; background:linear-gradient(135deg,#efe5ff,#fff2d8);
  color:#6e43d8; font-size:24px; font-weight:900;
}
.result-empty-state h2 { margin:6px 0 8px; }
.result-empty-state p { max-width:520px; color:#73697a; margin:0 0 18px; }

.result-live { padding:28px; }
.result-hero-row { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start; }
.recommended-model {
  margin:5px 0 12px;
  color:#321d55;
  font-size:clamp(34px,5vw,58px);
  line-height:1;
  letter-spacing:-.055em;
}
.fit-status-line { display:flex; align-items:center; gap:9px; margin-bottom:10px; }
.fit-status-line strong { font-size:18px; color:#2f2440; }
.compact-fit-icon { width:34px; height:34px; font-size:19px; }
.result-model-block > p { color:#71677a; line-height:1.55; max-width:660px; }

.fit-stats-v2 {
  display:grid;
  grid-template-columns:1fr;
  border:1px solid #e4d8eb;
  border-radius:17px;
  overflow:hidden;
}
.fit-stats-v2 > div {
  padding:14px 16px;
  border-bottom:1px solid #e9e0ed;
  text-align:left;
}
.fit-stats-v2 > div:last-child { border-bottom:0; }
.fit-stats-v2 span { display:block; margin-bottom:3px; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:#92849a; font-weight:800; }
.fit-stats-v2 strong { font-size:16px; }

.simple-memory-line-v2 { margin-top:22px; padding-top:18px; border-top:1px solid #eee7f0; }

.why-model-box {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  margin-top:18px; padding:18px 20px;
  border:1px solid #e5d8ef; border-radius:18px;
  background:linear-gradient(135deg,#fffdfb,#faf6ff);
}
.why-model-box h3 { margin:3px 0 5px; }
.why-model-box p { margin:0; color:#746a7c; }

.app-modal[hidden] { display:none !important; }
.app-modal {
  position:fixed; inset:0; z-index:10050; display:grid; place-items:center; padding:20px;
}
.app-modal-backdrop { position:absolute; inset:0; background:rgba(35,25,49,.58); backdrop-filter:blur(7px); }
.app-modal-card {
  position:relative; z-index:1; width:min(720px,100%); max-height:calc(100dvh - 40px); overflow:auto;
  padding:30px; border:1px solid rgba(118,76,194,.18); border-radius:26px; background:#fffdfa;
  box-shadow:0 32px 100px rgba(41,29,57,.28);
}
.app-modal-close {
  position:absolute; top:14px; right:15px; width:38px; height:38px; border:1px solid #e7dced;
  border-radius:50%; background:white; color:#31243e; font-size:24px; cursor:pointer;
}
.modal-lead { color:#736979; line-height:1.6; }
.detected-grid-v2 { margin:20px 0; }
.detection-form-v2 { display:grid; gap:10px; }
.modal-inline-fields { max-width:230px; }
.modal-primary-action { margin-top:8px; justify-self:start; }
.why-local-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:20px 0; }
.why-local-grid > div { padding:16px; border:1px solid #eadff0; border-radius:15px; background:#fbf8fd; }
.why-local-grid strong, .why-local-grid span { display:block; }
.why-local-grid span { margin-top:5px; color:#766d7d; font-size:14px; line-height:1.5; }

.install-modal-card { padding:0; width:min(780px,100%); }
.install-brand { display:flex; align-items:center; gap:14px; padding:20px 26px; background:linear-gradient(90deg,#fff6e8,#f5edff); border-bottom:1px solid #eadff0; }
.install-brand img { width:120px; height:auto; }
.install-brand div { display:flex; flex-direction:column; }
.install-heading { padding:28px 28px 12px; }
.install-summary { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:0 28px 18px; }
.install-summary > div { padding:14px 16px; border:1px solid #eadff0; border-radius:14px; background:#fbf8fd; }
.install-summary span { display:block; color:#8b7c91; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:4px; }
.install-steps { padding:0 28px 8px; }
.install-step { display:grid; grid-template-columns:38px 1fr; gap:14px; padding:19px 0; border-top:1px solid #eee7f0; }
.install-step-number { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#6f43d8; color:#fff; font-weight:800; }
.command-box { display:flex; overflow:hidden; border-radius:12px; background:#292331; }
.command-box code { flex:1; overflow-x:auto; padding:13px 15px; color:white; white-space:nowrap; }
.copy-command { border:0; border-left:1px solid rgba(255,255,255,.14); background:#41364c; color:white; padding:0 15px; font-weight:700; cursor:pointer; }
.install-small { font-size:13px; color:#7a6f80; }
.install-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 26px; border-top:1px solid #eadff0; background:#faf6fc; }
.install-footer div { display:flex; flex-direction:column; }
.install-footer span { color:#84768b; font-size:12px; }

.nav-cta-button { border:0; font:inherit; cursor:pointer; }
body.modal-open { overflow:hidden; }

@media (max-width: 900px) {
  .planner-grid-v2 { grid-template-columns:1fr; }
  .control-panel-v2 { position:static; }
  .result-hero-row { grid-template-columns:1fr; }
  .fit-stats-v2 { grid-template-columns:repeat(3,1fr); }
  .fit-stats-v2 > div { border-bottom:0; border-right:1px solid #e9e0ed; }
  .fit-stats-v2 > div:last-child { border-right:0; }
}

@media (max-width: 620px) {
  .compact-intro-v2 { padding-top:20px; }
  .planner-grid-v2 { gap:12px; }
  .result-live, .app-modal-card { padding:20px; }
  .recommended-model { font-size:38px; }
  .fit-stats-v2 { grid-template-columns:1fr; }
  .fit-stats-v2 > div { border-right:0; border-bottom:1px solid #e9e0ed; }
  .why-model-box { align-items:stretch; flex-direction:column; }
  .why-model-box .button { width:100%; }
  .why-local-grid, .install-summary { grid-template-columns:1fr; }
  .install-modal-card { padding:0; }
  .install-brand,.install-heading,.install-summary,.install-steps,.install-footer { padding-left:20px; padding-right:20px; }
  .install-footer { align-items:stretch; flex-direction:column; }
}


/* Beginner clarity section */
.beginner-benefits {
  margin-top: 18px;
  margin-bottom: 22px;
  padding: 22px 24px;
  border: 1px solid rgba(121, 79, 200, .16);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255,249,240,.95), rgba(248,242,255,.95));
}

.beginner-benefits-copy {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.6fr);
  align-items: end;
  gap: 28px;
  margin-bottom: 18px;
}

.beginner-benefits-copy h2 {
  margin: 3px 0 0;
  font-size: clamp(24px, 3vw, 34px);
}

.beginner-benefits-copy p {
  margin: 0;
  color: #71677a;
  line-height: 1.6;
}

.benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
}

.benefit-item {
  min-height: 125px;
  padding: 16px;
  border: 1px solid #eadff0;
  border-radius: 15px;
  background: rgba(255,255,255,.76);
}

.benefit-icon {
  display: inline-flex;
  margin-bottom: 10px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #f3edff;
  color: #6d42d8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.benefit-item strong {
  display: block;
  margin-bottom: 5px;
  color: #30223d;
  font-size: 14px;
}

.benefit-item small {
  color: #766c7d;
  font-size: 12px;
  line-height: 1.45;
}

.benefit-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(121,79,200,.12);
}

.benefit-footer div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.benefit-footer strong {
  color: #473257;
  font-size: 13px;
}

.benefit-footer span {
  color: #807486;
  font-size: 12px;
  line-height: 1.45;
}

.benefit-learn-more {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: #6d42d8;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.benefit-learn-more:hover { text-decoration: underline; }

.plain-language-note {
  margin: 16px 0;
  padding: 15px 17px;
  border-radius: 14px;
  background: #f5efff;
}

.plain-language-note.neutral { background: #fff8e9; }

.plain-language-note strong {
  display: block;
  margin-bottom: 5px;
  color: #352445;
}

.plain-language-note p {
  margin: 0;
  color: #71677a;
  line-height: 1.55;
  font-size: 14px;
}

@media (max-width: 900px) {
  .beginner-benefits-copy {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .benefit-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 560px) {
  .beginner-benefits { padding: 18px; }
  .benefit-grid { grid-template-columns: 1fr; }
  .benefit-item { min-height: auto; }
  .benefit-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* Integrated beginner explanation */

.beginner-benefits {
    display: none !important;
}

.result-empty-explainer {
    display: block;
    padding: clamp(28px, 4vw, 44px);
    text-align: left;
}

.result-empty-explainer h2 {
    margin: 5px 0 10px;
    font-size: clamp(27px, 3vw, 38px);
}

.result-empty-lead {
    max-width: 760px;
    margin: 0;
    color: #71677a;
    font-size: 16px;
    line-height: 1.65;
}

.inline-benefits {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 24px 0;
}

.inline-benefits > div {
    min-height: 126px;
    padding: 16px;
    border: 1px solid #eadff0;
    border-radius: 15px;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.95),
            rgba(251,248,253,.95)
        );
}

.inline-benefits > div > span {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 4px 7px;
    border-radius: 999px;
    background: #f2ebff;
    color: #6d42d8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.inline-benefits strong {
    display: block;
    margin-bottom: 5px;
    color: #31243e;
    font-size: 14px;
    line-height: 1.35;
}

.inline-benefits small {
    display: block;
    color: #786e80;
    font-size: 12px;
    line-height: 1.45;
}

.empty-action-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 18px;
    border-top: 1px solid #eee5f1;
}

.need-it-note {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 570px;
}

.need-it-note strong {
    color: #453455;
    font-size: 13px;
}

.need-it-note span {
    color: #7d7283;
    font-size: 12px;
    line-height: 1.45;
}

.empty-action-buttons {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
}

.text-action {
    border: 0;
    padding: 8px;
    background: transparent;
    color: #6d42d8;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.text-action:hover {
    text-decoration: underline;
}

@media (max-width: 900px) {

    .inline-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .empty-action-row {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 560px) {

    .result-empty-explainer {
        padding: 22px;
    }

    .inline-benefits {
        grid-template-columns: 1fr;
    }

    .inline-benefits > div {
        min-height: auto;
    }

    .empty-action-buttons {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .empty-action-buttons .button {
        width: 100%;
    }
}

/* Model details toggle fix */
.model-flow[hidden] {
  display: none !important;
}

.model-flow:not([hidden]) {
  display: flex;
}

/* Fixed site header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1200;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(111, 79, 216, 0.08);
}
/* Bilingual language switch */
.language-switch {
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
  margin-left:auto;
  margin-right:10px;
  padding:5px 8px;
  border:1px solid #e5dbea;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#b0a4b7;
  font-size:11px;
  font-weight:800;
}
.language-switch button {
  appearance:none;
  border:0;
  padding:2px 3px;
  background:transparent;
  color:#8a7d92;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}
.language-switch button.is-active,
.language-switch button:hover {
  color:#6d42d8;
}
@media(max-width:900px) {
  .language-switch { margin-left:0; }
}

/* Visible bilingual header switch */
.site-header .language-switch {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex:0 0 auto;
  margin-left:8px;
  margin-right:8px;
  padding:6px 9px;
  border:1px solid #e2d7eb;
  border-radius:999px;
  background:#fff;
  box-shadow:0 4px 14px rgba(78,48,99,.04);
  color:#a89caf;
  line-height:1;
}

.site-header .language-switch button {
  appearance:none;
  border:0;
  background:transparent;
  padding:3px 4px;
  color:#8b7e93;
  font:inherit;
  font-size:12px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}

.site-header .language-switch button.is-active,
.site-header .language-switch button[aria-pressed="true"],
.site-header .language-switch button:hover {
  color:#6d42d8;
}

.site-header .language-switch span {
  color:#d2c7d8;
  font-size:11px;
}

@media (max-width:780px) {
  .site-header .language-switch {
    margin-left:auto;
  }
}

/* Header simplification + language flags */
.site-header .language-switch {
  padding: 5px 9px;
}

.site-header .language-switch button {
  font-size: 18px;
  line-height: 1;
  padding: 2px 3px;
}

.try-another-inline {
  white-space: nowrap;
}

.footer-learning-link {
  margin-top: 14px;
  text-align: center;
}

.footer-learning-link a {
  color: #6d42d8;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.footer-learning-link a:hover {
  text-decoration: underline;
}