/* V5 — the project is explained through a tangible, illustrative design study. */
.projection-hero{padding:42px 0 44px}.projection-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:55px;align-items:end;margin-top:32px}.projection-intro h1{font-size:clamp(42px,4.8vw,70px);line-height:1.08;white-space:normal;letter-spacing:-.055em;margin-top:22px}.projection-intro h1 span{color:var(--accent)}.projection-lead{padding-bottom:5px}.projection-lead p{font-size:13px;line-height:1.9;color:var(--muted)}.projection-lead p:first-child{font-size:17px;color:var(--ink);line-height:1.65;margin-bottom:14px}.projection-disclosure{display:flex;align-items:center;gap:10px;font-size:10px;color:#67718a;line-height:1.8;border-top:1px solid var(--line);padding-top:21px;margin-top:32px}.projection-disclosure>span{width:6px;height:6px;background:#5d7e9d;border-radius:50%;flex-shrink:0}
.projection-lab{border:1px solid #d8e0ef;border-radius:12px;background:#edf1f8;padding:28px;scroll-margin-top:110px}.projection-topline{display:flex;justify-content:space-between;align-items:center;gap:25px}.projection-topline h2{font-size:29px;letter-spacing:-.035em;margin-top:12px}.projection-topline .eyebrow{font-size:8px}.projection-scenarios{display:flex;gap:6px;background:#fff;border:1px solid var(--line);padding:5px;border-radius:8px}.projection-scenarios button{display:flex;align-items:center;gap:20px;min-height:45px;padding:10px 15px;border-radius:5px;font-size:11px;background:transparent}.projection-scenarios button span{color:var(--accent);font-size:17px}.projection-scenarios button[aria-selected=true]{background:var(--ink);color:white}.projection-scenarios button[aria-selected=true] span{color:var(--mint)}.projection-context{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:25px;margin:27px 0 23px;padding-top:22px;border-top:1px solid #d7deeb}.projection-context>.mono{font-size:9px;letter-spacing:.1em;color:#596984}.projection-context p{font-size:12px;line-height:1.8;color:#59677f;max-width:650px}.projection-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:23px;align-items:start}.projection-comparison{min-width:0;background:white;border:1px solid #d8dfeb;border-radius:9px;overflow:hidden}.projection-browser{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;padding:12px 17px;border-bottom:1px solid #e0e4ef;font-family:var(--mono);font-size:7px;letter-spacing:.07em;color:#7b8598;min-height:40px}.projection-browser>span:last-child{font-size:15px;color:var(--accent)}.browser-lights{display:flex;gap:5px}.browser-lights i{width:5px;height:5px;border:1px solid #b4bfd3;border-radius:50%}.comparison-stage{height:430px;position:relative;isolation:isolate;--split:35%;background:#fcfaf5;overflow:hidden}.comparison-layer{position:absolute;inset:0;overflow:hidden}.comparison-after{clip-path:inset(0 0 0 var(--split))}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#5968ff;box-shadow:0 0 0 1px #ffffffb3;pointer-events:none;z-index:4}.comparison-divider>b{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);border:3px solid white;color:white;font-size:15px;font-weight:400;box-shadow:0 4px 15px #3345a02b}.comparison-stage[data-version=before] .comparison-divider,.comparison-stage[data-version=after] .comparison-divider{display:none}.comparison-stage[data-version=before] .tag-after,.comparison-stage[data-version=after] .tag-before{display:none}.comparison-tag{position:absolute;top:62px;z-index:3;font-family:var(--mono);font-size:6px;letter-spacing:.04em;padding:5px 7px;border-radius:4px;pointer-events:none}.tag-before{left:12px;background:#fff;border:1px solid #cbd1de;color:#666f80}.tag-after{right:12px;background:#172f29;color:#e3f5e6;border:1px solid #ffffff44}.comparison-controls{padding:17px 19px 15px;border-top:1px solid #dbe1ec}.comparison-presets{display:grid;grid-template-columns:1fr .75fr 1fr;gap:5px;margin-bottom:15px}.comparison-presets button{font-size:9px;line-height:1.6;min-height:44px;background:#f2f4f9;border:1px solid #e1e5ee;border-radius:5px;padding:7px}.comparison-presets button[aria-pressed=true]{color:var(--accent);background:#e9edff;border-color:#b9c4fc}.comparison-controls label{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#52617d}.comparison-controls output{color:var(--accent);font-family:var(--mono);font-size:9px;white-space:nowrap}.comparison-controls input[type=range]{display:block;width:100%;margin:5px 0 0;min-height:40px;accent-color:var(--accent);cursor:ew-resize;background:transparent}.comparison-controls>p{font-size:9px;color:#748098;line-height:1.8}
/* The two mock sites are native illustrations, with no inactive links or form controls. */
.mock-screen{height:100%;font-family:var(--sans);position:relative;color:#28352d;overflow:hidden}.mock-nav{height:55px;border-bottom:1px solid #34362b1c;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 24px}.mock-nav>strong{font-family:Georgia,serif;font-size:18px;font-weight:500;letter-spacing:-.03em;white-space:nowrap}.mock-nav>strong i{font-size:11px;color:#a48865;margin-left:5px;font-style:normal}.mock-nav>span{font-size:7px;line-height:1.8;color:#646b60;max-width:200px;text-align:right}.mock-nav>span b{font-weight:400;margin:0 5px;color:#abb3ab}.mock-before{background:#f3f4f6;color:#4f5667}.mock-before .mock-nav{background:#e4e8ee;padding:0 21px}.mock-before .mock-nav>strong{font-family:Arial,sans-serif;font-size:14px;font-weight:600;color:#606879}.mock-before .mock-nav>span{color:#6e7686;font-size:6px;max-width:250px}.mock-old-banner{text-align:center;font-size:12px;font-weight:600;padding:17px 12px;background:#e9ecf1;color:#6e7789;margin-top:0}.mock-old-body{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:30px 26px 23px;align-items:center}.mock-old-eyebrow{font-size:5px;letter-spacing:.1em;color:#8b94a5}.mock-old-body h3{font-family:Arial,sans-serif;font-weight:500;font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:11px 0}.mock-old-body p{font-size:9px;line-height:1.8;color:#8a92a2}.mock-old-button{display:inline-flex;align-items:center;padding:8px 20px;border:1px solid #bbc3d0;background:#e4e8f0;color:#747f93;font-size:8px;margin-top:15px;border-radius:2px;min-height:30px}.mock-old-image{background:#dde2e9;border:1px solid #cfd6df;filter:grayscale(1);opacity:.5}.mock-old-image svg{height:130px;width:100%;padding:10px}.mock-old-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 26px}.mock-old-cards>span{font-size:6px;color:#8e97a7;border:1px solid #dce1e8;background:#e9edf2;text-align:center;padding:14px 4px}.mock-after{background:#fbf7ef;--mock-ink:#384738;--mock-accent:#485d46;--mock-warm:#c48b6b;color:var(--mock-ink)}.mock-after.theme-conseil{background:#eff4f7;--mock-ink:#294252;--mock-accent:#335667;--mock-warm:#bda566}.mock-after.theme-commerce{background:#f4eee3;--mock-ink:#4e4033;--mock-accent:#5a5940;--mock-warm:#ad855d}.mock-new-body{padding:50px 27px 25px;position:relative;min-height:272px}.mock-new-copy{position:relative;width:72%;z-index:2}.mock-profession{font-family:var(--mono);font-size:5.5px;letter-spacing:.08em;color:var(--mock-accent);max-width:265px}.mock-headline{font-family:Georgia,'Times New Roman',serif;font-size:31px;line-height:1.17;font-weight:400;letter-spacing:-.045em;margin:12px 0 11px;position:relative;max-width:350px}.mock-description{font-size:9px;line-height:1.85;color:#73776d;max-width:280px;padding-right:10px}.theme-conseil .mock-description{color:#677987}.theme-commerce .mock-description{color:#807365}.mock-action{display:inline-flex;align-items:center;gap:17px;background:var(--mock-accent);color:white;border-radius:3px;padding:9px 12px;font-size:8px;min-height:35px;margin-top:17px;position:relative}.mock-action>b{font-size:13px;font-weight:400}.mock-new-art{position:absolute;right:12px;top:62px;width:32%;max-width:210px;z-index:1}.mock-new-art svg{width:100%;height:185px}.mock-new-art>span{font-family:var(--mono);font-size:4px;letter-spacing:.07em;text-align:center;display:block;opacity:.6;margin-top:7px}.mock-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:9px 27px 0;padding-top:14px;border-top:1px solid #445a4226;position:relative}.mock-route>span{display:grid;grid-template-columns:1fr auto;font-size:7px;line-height:1.5;color:var(--mock-ink)}.mock-route small{grid-column:1/-1;font-size:6px;font-family:var(--mono);color:#9a9785;margin-bottom:5px}.mock-route b{font-size:12px;font-weight:400;margin-left:5px}.mock-marker{display:none;position:absolute;right:-9px;top:-9px;border:2px solid white;background:var(--accent);color:white;font-family:var(--mono);font-size:6px;font-style:normal;min-width:19px;height:19px;line-height:15px;text-align:center;border-radius:50%;box-shadow:0 2px 9px #5968ff35}.p-focus-message .mock-headline,.p-focus-parcours .mock-route,.p-focus-contact .mock-action{outline:1px dashed #5968ff88;outline-offset:5px;border-radius:2px}.p-focus-message .mock-headline>.mock-marker,.p-focus-parcours .mock-route>.mock-marker,.p-focus-contact .mock-action>.mock-marker{display:block}
.projection-decisions{background:var(--ink);border-radius:9px;color:white;padding:25px 25px 22px;min-width:0}.projection-decisions>.eyebrow{color:#9eafd6;font-size:7px}.projection-decisions>h2{font-size:31px;line-height:1.1;letter-spacing:-.04em;margin:15px 0 23px;font-weight:500}.decision-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:22px}.decision-tabs button{text-align:left;display:flex;flex-direction:column;gap:5px;min-height:56px;font-size:8px;font-family:var(--mono);color:#93a6d3;background:transparent;border-bottom:1px solid #ffffff2b;padding:6px 0 11px}.decision-tabs button>span{font-size:10px;color:#b9c6e5;font-family:var(--sans)}.decision-tabs button[aria-selected=true]{color:var(--mint);border-color:var(--mint)}.decision-tabs button[aria-selected=true]>span{color:white}.decision-number{font-family:var(--mono);display:block;color:var(--mint);font-size:11px;margin-bottom:12px}#decision-panel h3{font-family:var(--display);font-weight:500;letter-spacing:-.025em;font-size:22px;line-height:1.25;margin:0 0 21px}#decision-panel dl{margin:0}#decision-panel dt{color:#99acce;font-family:var(--mono);font-size:7px;letter-spacing:.09em;text-transform:uppercase;margin-top:17px}#decision-panel dd{margin:7px 0 0;font-size:11px;color:#c2cce3;line-height:1.85}#decision-panel dt:nth-of-type(2){color:var(--mint)}#decision-panel dt:nth-of-type(2)+dd{color:#f1f6ff}.decision-reason{font-size:11px;line-height:1.9;color:#a3b3d4;border-top:1px solid #ffffff1f;padding-top:18px;margin-top:20px}.decision-indication{font-size:8px;color:#8397c0;line-height:1.9;margin-top:17px}
.projection-takeaway{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:center;padding:65px 0;border-bottom:1px solid var(--line)}.projection-takeaway h2{font-size:39px;letter-spacing:-.04em;line-height:1.16;margin:20px 0}.projection-takeaway h2>span{color:var(--accent)}.projection-takeaway>div:first-child>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:610px}.projection-takeaway-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:27px}.projection-takeaway-actions .button{font-size:12px}.projection-takeaway-actions .text-link{font-size:11px}#projection-export-status{font-size:10px;margin-top:15px;color:#38715d}.projection-cap{padding:27px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 14px 50px #1d335206}.projection-cap .living-eye{width:62px;height:62px;margin-bottom:16px}.projection-cap .mono{font-size:7px;letter-spacing:.1em;color:#73809b}.projection-cap h3{font-family:var(--display);font-weight:500;font-size:30px;letter-spacing:-.04em;margin:12px 0 3px}#cap-priority{font-size:12px;color:var(--accent)}.projection-cap p.cap-limit{font-size:10px;color:#76839a;line-height:1.9;padding-top:16px;border-top:1px solid var(--line);margin-top:20px}.projection-next{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;padding:50px 0 25px;align-items:center}.projection-next .mono{font-size:8px;color:#7b85a0;letter-spacing:.08em}.projection-next h2{font-size:25px;letter-spacing:-.025em;line-height:1.2;margin:14px 0}.projection-next p{font-size:11px;line-height:1.9;color:var(--muted)}.projection-next-link{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:1fr auto;gap:13px;align-items:center;min-width:0}.projection-next-link>span{font-size:7px;letter-spacing:.07em;font-family:var(--mono);color:#79849c;grid-column:1/-1}.projection-next-link>strong{font-size:15px;line-height:1.5;font-weight:500}.projection-next-link>b{color:var(--accent);font-weight:400;font-size:20px}.projection-next-link:hover strong{color:var(--accent)}
.projection-teaser{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding:55px 0 90px;align-items:center;border-top:1px solid var(--line)}.projection-teaser-copy>h2{font-size:50px;margin:22px 0;line-height:1.08;letter-spacing:-.045em}.projection-teaser-copy>h2>span{color:var(--accent)}.projection-teaser-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:410px}.teaser-decisions{display:flex;gap:18px;flex-wrap:wrap;font-size:9px;font-family:var(--mono);color:#7c86a0;margin:24px 0 29px}.projection-teaser-copy>.button{font-size:12px}.projection-teaser-copy>p.teaser-disclosure{font-size:10px;line-height:1.8;margin-top:18px;max-width:330px}.projection-teaser-example{min-width:0;border:1px solid #d9dfec;background:white;box-shadow:0 22px 65px #21365907;border-radius:10px;overflow:hidden}.teaser-switch{display:flex;align-items:center;gap:6px;padding:12px 15px;border-bottom:1px solid var(--line)}.teaser-switch>span{font-family:var(--mono);font-size:6px;letter-spacing:.06em;color:#8790a4;margin-right:auto}.teaser-switch button{font-size:9px;min-height:38px;background:#f4f6fb;border:1px solid #e0e5ef;padding:8px 12px;border-radius:5px}.teaser-switch button[aria-pressed=true]{color:var(--accent);background:#edf0ff;border-color:#c0caf9}#projection-teaser-screen{height:375px}.projection-teaser-example>p{font-size:9px;color:#8993a6;line-height:1.8;padding:13px 17px;border-top:1px solid var(--line)}#projection-teaser-screen .mock-new-body{padding-top:32px;min-height:244px}#projection-teaser-screen .mock-new-art{top:39px}#projection-teaser-screen .mock-headline{font-size:29px}#projection-teaser-screen .mock-new-art svg{height:165px}#projection-teaser-screen .mock-old-body{padding-top:22px}.projection-import{border:1px solid #c5d1f8;border-radius:6px;padding:14px 15px;background:#f1f4ff;margin:20px 0}.projection-import p{font-size:11px;line-height:1.9;color:#56678c}.projection-import button{font-size:10px;color:var(--accent);background:transparent;min-height:44px;padding:7px 0}.projection-offer-link{display:flex;align-items:center;gap:22px;padding:23px 27px;background:white;border:1px solid var(--line);border-radius:8px;margin-bottom:40px}.projection-offer-link>.living-eye{width:52px;height:52px;flex-shrink:0}.projection-offer-link strong{display:block;font-family:var(--display);font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.02em}.projection-offer-link small{display:block;font-size:11px;line-height:1.9;margin-top:7px;color:var(--muted)}.projection-offer-link>b{margin-left:auto;font-size:23px;font-weight:400;color:var(--accent)}
@media(max-width:1150px){.projection-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}.projection-lab{padding:24px}.projection-decisions{padding:23px 20px}.projection-scenarios button{gap:13px;padding:10px 13px}.mock-headline{font-size:27px}.mock-new-body{padding-left:23px;padding-right:23px}.mock-new-copy{width:76%}.mock-description{max-width:245px}.mock-new-art{right:7px;width:29%}.mock-new-art svg{height:165px}.mock-route{margin-left:23px;margin-right:23px;gap:8px}.mock-route>span{font-size:6px}.mock-nav{padding:0 23px}.mock-nav>span{font-size:6px}.projection-takeaway{gap:45px}.projection-teaser{gap:45px}.projection-teaser-copy>h2{font-size:43px}.projection-teaser-copy>p:not(.eyebrow){font-size:13px}#projection-teaser-screen .mock-headline{font-size:26px}.projection-next{gap:25px}}
@media(max-width:960px){.projection-intro{grid-template-columns:1fr;gap:25px}.projection-intro h1{font-size:56px}.projection-lead{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.projection-lead p:first-child{font-size:16px;margin:0}.projection-lead p{font-size:12px}.projection-topline{align-items:start;flex-direction:column;gap:22px}.projection-scenarios{width:100%}.projection-scenarios button{flex:1;justify-content:space-between}.projection-context{grid-template-columns:1fr;gap:10px;margin-top:23px}.projection-layout{grid-template-columns:1fr}.comparison-stage{height:445px}.mock-headline{font-size:34px}.mock-nav>span{font-size:8px;max-width:240px}.mock-new-body{padding:53px 30px 22px;min-height:287px}.mock-new-copy{width:70%}.mock-profession{font-size:6px}.mock-description{font-size:10px;max-width:330px}.mock-action{font-size:9px;min-height:37px}.mock-new-art{width:31%;top:59px;right:18px}.mock-new-art svg{height:190px}.mock-route{margin:9px 30px 0;gap:20px}.mock-route>span{font-size:8px}.mock-route small{font-size:7px}.mock-old-body h3{font-size:32px}.mock-old-body p{font-size:10px}.mock-old-body{padding:34px 30px 26px;grid-template-columns:1.4fr .6fr;gap:35px}.mock-old-image svg{height:145px}.mock-old-cards{padding:0 30px}.mock-old-cards>span{font-size:8px}.mock-old-banner{font-size:15px;padding:21px}.projection-decisions{padding:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:0 35px}.projection-decisions>.eyebrow,.projection-decisions>h2,.decision-tabs{grid-column:1}.projection-decisions>h2{font-size:30px;margin:15px 0}.decision-tabs{align-self:end;margin:0}.projection-decisions>#decision-panel{grid-column:2;grid-row:1/5}.decision-indication{grid-column:1;font-size:8px;margin-top:20px}.decision-reason{margin-top:15px;padding-top:15px}.projection-takeaway{grid-template-columns:1.2fr .8fr;gap:35px;padding:50px 0}.projection-takeaway h2{font-size:34px}.projection-takeaway>div:first-child>p:not(.eyebrow){font-size:12px}.projection-takeaway-actions{gap:15px;margin-top:22px}.projection-cap{padding:23px}.projection-next{grid-template-columns:1fr 1fr;gap:25px}.projection-next>div{grid-column:1/-1}.projection-next h2 br{display:none}.projection-next-link>strong{font-size:16px}.projection-teaser{grid-template-columns:1fr;gap:30px;padding:45px 0 65px}.projection-teaser-copy>p:not(.eyebrow){max-width:550px;font-size:14px}.projection-teaser-copy>h2{font-size:47px}.projection-teaser-copy>.button{margin-top:0}.teaser-decisions{margin:20px 0}.projection-teaser-copy>p.teaser-disclosure{font-size:10px}.projection-teaser-example{max-width:650px;width:100%}#projection-teaser-screen{height:410px}#projection-teaser-screen .mock-new-body{padding-top:40px;min-height:270px}#projection-teaser-screen .mock-headline{font-size:34px}#projection-teaser-screen .mock-new-art{top:48px}#projection-teaser-screen .mock-new-art svg{height:180px}}
@media(max-width:700px){.projection-hero{padding:28px 0 28px}.projection-intro{margin-top:25px;gap:22px}.projection-intro h1{font-size:40px;line-height:1.1;margin-top:19px;letter-spacing:-.055em}.projection-intro .eyebrow{font-size:7px;letter-spacing:.09em}.projection-lead{display:block}.projection-lead p:first-child{font-size:15px;line-height:1.7;margin-bottom:12px}.projection-lead p{font-size:12px;line-height:1.9}.projection-disclosure{font-size:9px;align-items:flex-start;gap:9px;margin-top:23px;padding-top:18px}.projection-disclosure>span{margin-top:6px}.projection-lab{padding:18px 12px;border-radius:9px;scroll-margin-top:85px}.projection-topline{gap:19px;padding:0 3px}.projection-topline h2{font-size:26px;margin-top:12px}.projection-topline .eyebrow{font-size:7px}.projection-scenarios{gap:4px;padding:4px}.projection-scenarios button{font-size:10px;min-height:45px;padding:8px 10px;gap:8px}.projection-scenarios button span{font-size:15px}.projection-context{margin:20px 3px 18px;padding-top:18px;gap:9px}.projection-context>.mono{font-size:8px}.projection-context p{font-size:11px;line-height:1.9}.projection-layout{gap:17px}.projection-browser{padding:10px 12px;min-height:37px;font-size:5px;letter-spacing:.04em}.projection-browser>span:last-child{font-size:13px}.browser-lights{gap:4px}.browser-lights i{width:4px;height:4px}.comparison-stage{height:430px}.mock-nav{height:50px;padding:0 17px;gap:7px}.mock-nav>strong{font-size:17px}.mock-nav>span{display:none}.comparison-tag{top:58px;font-size:5px;padding:4px 5px}.tag-before{left:9px}.tag-after{right:9px}.mock-new-body{padding:43px 17px 18px;min-height:286px}.mock-new-copy{width:82%}.mock-profession{font-size:4.5px;line-height:1.8;max-width:200px;padding-right:20px}.mock-headline{font-size:25px;line-height:1.15;max-width:250px;margin:13px 0 12px}.mock-description{font-size:8px;line-height:1.9;max-width:220px;padding-right:15px}.mock-action{font-size:7px;padding:9px 10px;gap:15px;min-height:34px;margin-top:15px}.mock-new-art{width:27%;top:91px;right:6px;opacity:.85}.mock-new-art svg{height:130px}.mock-new-art>span{font-size:3px;line-height:1.8;margin-top:0}.mock-route{margin:13px 17px 0;padding-top:13px;gap:10px;grid-template-columns:1fr}.mock-route>span{display:flex;align-items:center;gap:8px;font-size:7px;line-height:1.5}.mock-route small{font-size:6px;margin:0}.mock-route b{font-size:11px;margin-left:auto}.mock-marker{font-size:5px;min-width:17px;height:17px;line-height:13px;right:-7px;top:-7px}.mock-old-banner{font-size:11px;padding:17px 12px}.mock-before .mock-nav{padding:0 17px}.mock-before .mock-nav>strong{font-size:13px}.mock-old-body{padding:27px 17px 20px;gap:10px;grid-template-columns:1fr}.mock-old-body h3{font-size:24px;margin:12px 0}.mock-old-eyebrow{font-size:4.5px}.mock-old-body p{font-size:8px;line-height:1.9;max-width:190px}.mock-old-button{font-size:7px;padding:8px 15px;min-height:29px;margin-top:12px}.mock-old-image{position:absolute;right:15px;top:162px;width:65px;opacity:.23}.mock-old-image svg{height:90px;padding:5px}.mock-old-cards{padding:0 17px;grid-template-columns:1fr 1fr;gap:7px}.mock-old-cards>span{font-size:6px;padding:10px 3px}.comparison-controls{padding:14px 12px 13px}.comparison-presets{gap:4px;margin-bottom:12px;grid-template-columns:1fr .8fr 1fr}.comparison-presets button{font-size:8px;padding:6px 4px;min-height:44px}.comparison-controls label{font-size:9px;gap:12px;line-height:1.8}.comparison-controls output{font-size:8px}.comparison-controls>p{font-size:8px;line-height:1.8}.comparison-divider>b{width:29px;height:29px;font-size:14px}.projection-decisions{display:block;padding:24px 20px}.projection-decisions>.eyebrow{font-size:7px}.projection-decisions>h2{font-size:30px;margin:17px 0 21px}.projection-decisions>h2 br{display:none}.decision-tabs{margin-bottom:23px;gap:12px}.decision-tabs button{font-size:8px;min-height:54px}.decision-tabs button>span{font-size:11px}#decision-panel h3{font-size:23px;line-height:1.25;margin-bottom:22px}#decision-panel dt{font-size:7px;margin-top:18px}#decision-panel dd{font-size:12px;line-height:1.9}.decision-reason{font-size:11px;line-height:1.9;margin-top:22px;padding-top:20px}.decision-indication{font-size:9px;line-height:1.8}.projection-takeaway{grid-template-columns:1fr;gap:28px;padding:40px 0}.projection-takeaway .eyebrow{font-size:8px}.projection-takeaway h2{font-size:31px;line-height:1.18;margin:18px 0}.projection-takeaway>div:first-child>p:not(.eyebrow){font-size:12px}.projection-takeaway-actions{gap:15px;align-items:flex-start;flex-direction:column;margin-top:24px}.projection-takeaway-actions .button{font-size:12px;min-height:52px}.projection-takeaway-actions .text-link{font-size:11px}.projection-cap{padding:24px}.projection-cap .living-eye{width:57px;height:57px}.projection-cap h3{font-size:29px}.projection-cap .mono{font-size:7px}#cap-priority{font-size:12px}.projection-cap p.cap-limit{font-size:11px}.projection-next{grid-template-columns:1fr;gap:0;padding:35px 0 0}.projection-next>div{grid-column:auto;margin-bottom:20px}.projection-next .mono{font-size:8px}.projection-next h2{font-size:27px;margin:15px 0}.projection-next h2 br{display:block}.projection-next p{font-size:12px}.projection-next-link{border-bottom:0;padding:20px 0;gap:12px}.projection-next-link:last-child{border-bottom:1px solid var(--line)}.projection-next-link>span{font-size:7px}.projection-next-link>strong{font-size:17px}.projection-teaser{gap:27px;padding:40px 0 50px}.projection-teaser-copy>.eyebrow{font-size:7px}.projection-teaser-copy>h2{font-size:39px;line-height:1.1;margin:20px 0}.projection-teaser-copy>p:not(.eyebrow){font-size:13px;line-height:1.9}.teaser-decisions{gap:15px;font-size:8px;margin:20px 0 23px}.projection-teaser-copy>.button{min-height:52px;font-size:12px}.projection-teaser-copy>p.teaser-disclosure{font-size:10px;max-width:none;margin-top:16px}.teaser-switch{gap:5px;padding:9px 11px;flex-wrap:wrap}.teaser-switch>span{font-size:5px;letter-spacing:.03em}.teaser-switch button{min-height:44px;font-size:8px;padding:7px 9px}.projection-teaser-example>p{font-size:9px;padding:12px 14px}#projection-teaser-screen{height:395px}#projection-teaser-screen .mock-new-body{padding:32px 20px 18px;min-height:250px}#projection-teaser-screen .mock-headline{font-size:27px}#projection-teaser-screen .mock-new-art{top:68px;right:9px}#projection-teaser-screen .mock-new-art svg{height:130px}#projection-teaser-screen .mock-old-body{padding-top:24px}.projection-offer-link{gap:15px;padding:20px;margin-bottom:30px}.projection-offer-link>.living-eye{width:42px;height:42px}.projection-offer-link strong{font-size:18px;line-height:1.4}.projection-offer-link small{font-size:10px;line-height:1.8}.projection-offer-link>b{font-size:20px}.projection-import{padding:13px;margin:18px 0}.projection-import p{font-size:10px}.projection-import button{font-size:10px;text-align:left}}
@media(prefers-reduced-motion:reduce){.projection-page *,.projection-teaser *{scroll-behavior:auto}}
.comparison-stage{touch-action:pan-y;cursor:ew-resize;user-select:none}
@media(max-width:380px){.projection-scenarios button{min-width:0;flex:1 1 0;justify-content:center;padding:8px}.projection-scenarios button>span{display:none}}
@media(max-width:700px){.comparison-stage{height:490px}.mock-new-copy{width:100%}.mock-description{padding-right:0}.projection-page .mock-new-art,#projection-teaser-screen .mock-new-art{top:-48px;right:12px;width:36px;opacity:1}.projection-page .mock-new-art svg,#projection-teaser-screen .mock-new-art svg{height:44px}.projection-page .mock-new-art>span,#projection-teaser-screen .mock-new-art>span{display:none}#projection-teaser-screen{height:455px}}
@media print{.projection-comparison,.header,.concept-bar,.footer,.mobile-dock{display:none}.projection-layout,.projection-takeaway{display:block}.projection-decisions{color:#10162a;background:white;border:1px solid #ddd}.projection-decisions *{color:inherit!important}}