@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600&family=Inter:wght@300;400;500;600&display=swap');

:root{
  color-scheme:dark;
  --void:#040404;--black:#070707;--black-2:#0b0b0a;--black-3:#11100e;
  --ivory:#f2eadc;--ivory-soft:#d8cfc1;--paper:#b9b0a4;--muted:#8f887f;
  --gold:#c7a766;--gold-bright:#e3c57e;--gold-deep:#846b3c;
  --oxblood:#6e1118;--cool:#9dafbc;--error:#c87972;--success:#9db789;
  --line:rgba(199,167,102,.22);--line-soft:rgba(242,234,220,.09);--line-mid:rgba(242,234,220,.14);
  --header-h:78px;--footer-h:48px;--max:1480px;--measure:760px;
  --ease:cubic-bezier(.22,.8,.2,1);--ease-slow:cubic-bezier(.16,1,.3,1);
  --shadow:0 45px 100px rgba(0,0,0,.58);
}
*{box-sizing:border-box}
html{margin:0;background:var(--void);color:var(--ivory);scroll-behavior:smooth}
body{margin:0;min-height:100%;overflow-x:hidden;background:var(--void);color:var(--ivory);font-family:Inter,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.has-shell{padding-top:var(--header-h);padding-bottom:var(--footer-h)}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}
img{display:block;max-width:100%}p{margin:0}h1,h2,h3{margin:0;font-weight:400}
::selection{background:rgba(199,167,102,.27);color:#fff}
:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:10px;left:10px;z-index:1000;padding:12px 16px;background:var(--ivory);color:#070707;transform:translateY(-150%);transition:transform .2s}
.skip-link:focus{transform:none}
.noise{position:fixed;inset:0;z-index:70;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.container-narrow{width:min(calc(100% - 64px),1120px);margin-inline:auto}
.display{font-family:'EB Garamond',Georgia,serif;letter-spacing:-.027em}.kicker,.eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;font-weight:500}.kicker{color:var(--gold)}.eyebrow{color:#91897e}
.lead{font-size:clamp(16px,1.4vw,21px);line-height:1.7;color:var(--ivory-soft);max-width:760px}.body-copy{font-size:14px;line-height:1.82;color:#aaa298;max-width:var(--measure)}

/* shell */
.site-header{position:fixed;z-index:60;inset:0 0 auto;height:var(--header-h);display:flex;align-items:center;background:rgba(4,4,4,.84);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.header-inner{width:min(calc(100% - 64px),var(--max));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.wordmark{font-size:13px;letter-spacing:.29em;font-weight:600;white-space:nowrap}.wordmark i{font-style:normal;color:var(--gold)}
.header-context{font-size:9px;letter-spacing:.23em;text-transform:uppercase;color:#777168;text-align:center}
.main-nav{display:flex;justify-content:flex-end;align-items:center;gap:25px}.main-nav a,.main-nav button{border:0;background:none;padding:8px 0;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#bdb5a8;transition:color .25s}.main-nav a:hover,.main-nav a[aria-current=page],.main-nav button:hover{color:var(--ivory)}
.nav-lang{display:inline-flex!important;align-items:center;gap:7px}.nav-lang::before{content:'◌';font-size:13px;color:var(--gold)}
.mobile-toggle{display:none;border:0;background:none;color:var(--ivory);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:10px}
.site-footer{position:fixed;z-index:55;inset:auto 0 0;height:var(--footer-h);display:flex;align-items:center;background:rgba(4,4,4,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.footer-inner{width:min(calc(100% - 64px),var(--max));margin:auto;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#716c64}.footer-inner strong{font-weight:500;color:#9c947f}.footer-links{display:flex;align-items:center;gap:24px}.footer-links a:hover{color:var(--ivory)}

/* language widget integration */
.ms-lang-widget{position:relative!important;right:auto!important;bottom:auto!important;left:auto!important;top:auto!important;margin-left:6px!important;z-index:90!important}.ms-lang-toggle{min-height:auto!important;border:0!important;padding:8px 0!important;background:transparent!important;font-size:9px!important;letter-spacing:.18em!important;color:#bdb5a8!important}.ms-lang-toggle:hover{color:var(--ivory)!important}.ms-lang-panel{right:0!important;bottom:44px!important;width:min(420px,calc(100vw - 32px))!important;background:#090909!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important}.ms-lang-icon{display:none!important}

/* common components */
.button{border:0;min-height:52px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:600;transition:transform .3s var(--ease),background .3s,color .3s,box-shadow .3s}
.button-primary{background:var(--ivory);color:#090909}.button-primary:hover{background:var(--gold);transform:translateY(-2px)}.button-primary .arrow{color:#111}
.button-secondary{background:transparent;color:var(--ivory);box-shadow:inset 0 0 0 1px var(--line)}.button-secondary:hover{box-shadow:inset 0 0 0 1px var(--gold);transform:translateY(-2px)}
.button-quiet{background:transparent;color:#aaa298;min-height:44px;padding-inline:0}.button-quiet:hover{color:var(--ivory)}
.button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ivory);padding:12px 0;position:relative;border:0;background:none}.text-link::after{content:'↗';color:var(--gold);transition:transform .3s var(--ease)}.text-link::before{content:'';position:absolute;height:1px;left:0;right:28px;bottom:7px;background:var(--gold);transform:scaleX(.35);transform-origin:left;opacity:.55;transition:transform .4s var(--ease),opacity .4s}.text-link:hover::before{transform:scaleX(1);opacity:1}.text-link:hover::after{transform:translate(2px,-2px)}
.section{scroll-margin-top:calc(var(--header-h) + 20px);padding:clamp(80px,10vw,150px) 0}.section-dark{background:#060606}.section-ink{background:#080808}.section-line{border-top:1px solid var(--line-soft)}
.section-head{display:grid;grid-template-columns:minmax(0,.75fr) minmax(280px,1fr);gap:7vw;align-items:end;margin-bottom:64px}.section-title{font-size:clamp(52px,6.3vw,100px);line-height:.82}.section-intro{color:#aaa298;font-size:15px;line-height:1.8;max-width:660px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease-slow),transform .8s var(--ease-slow)}.reveal.is-visible{opacity:1;transform:none}

/* WORLD */
.world-page{height:100vh;overflow:hidden}.world-main{position:fixed;top:var(--header-h);bottom:var(--footer-h);left:0;right:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.world-panel{display:block;position:relative;overflow:hidden;isolation:isolate;min-width:0;transition:filter .55s var(--ease),opacity .55s var(--ease)}.world-panel::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(4,4,4,.06),rgba(4,4,4,.2) 44%,rgba(4,4,4,.92))}.world-process{background:#060707}.world-editions{background:#080505}.world-panel .panel-copy{position:absolute;z-index:4;left:clamp(32px,5vw,82px);right:clamp(32px,5vw,82px);bottom:clamp(42px,8vh,100px)}.panel-index{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:10px;letter-spacing:.22em;text-transform:uppercase}.panel-index::after{content:'';height:1px;width:54px;background:var(--gold);opacity:.6}.panel-title{font-size:clamp(54px,6.2vw,104px);line-height:.83;margin:25px 0 22px;max-width:690px}.panel-copy p{font-size:15px;line-height:1.8;color:#b1aaa0;max-width:590px;margin:0 0 18px}.process-visual{position:absolute;inset:0;z-index:0}.process-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 40% 40%,black,transparent 75%)}#processCanvas,#processHeroCanvas{width:100%;height:100%;display:block;opacity:.68}.world-book-visual{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 78% 25%,rgba(110,17,24,.34),transparent 30%),linear-gradient(130deg,#080505,#020202 70%)}.world-book{position:absolute;right:8%;top:7%;height:72%;max-width:40%;object-fit:contain;filter:drop-shadow(0 42px 45px rgba(0,0,0,.72));transform:rotate(3deg);transform-origin:55% 50%;transition:transform .9s var(--ease),filter .8s}.world-editions:hover .world-book{transform:rotate(1.5deg) translateY(-6px);filter:drop-shadow(0 50px 58px rgba(0,0,0,.82))}.edition-ghost{position:absolute;right:-3%;bottom:5%;font-family:'EB Garamond',serif;font-size:22vw;line-height:.65;color:rgba(242,234,220,.022);white-space:nowrap;letter-spacing:-.08em}.threshold{position:absolute;z-index:8;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent,var(--gold) 18%,var(--gold) 82%,transparent);opacity:.68;pointer-events:none}.threshold-label{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font-size:8px;letter-spacing:.34em;text-transform:uppercase;color:#8f7950;background:#050505;padding:10px 18px;white-space:nowrap}.world-main.is-process,.world-main.is-editions{grid-template-columns:1fr 1fr}.world-main.is-process .world-editions,.world-main.is-editions .world-process{filter:saturate(.86);opacity:.84}

/* PROCESS */
.process-hero{min-height:calc(100svh - var(--header-h) - var(--footer-h));display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:5vw;position:relative;overflow:hidden}.process-hero-copy{padding:70px 0}.process-hero h1{font-size:clamp(70px,8.2vw,134px);line-height:.77;margin:24px 0 30px;max-width:890px}.process-hero-copy .lead{max-width:660px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}.process-hero-visual{height:min(72vh,760px);min-height:480px;position:relative;background:radial-gradient(circle at 55% 45%,rgba(157,175,188,.09),transparent 48%)}.process-hero-visual::before{content:'';position:absolute;inset:7%;border:1px solid var(--line-soft);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.process-hero-note{position:absolute;right:8%;bottom:10%;z-index:2;max-width:280px;color:#928b81;font-size:11px;line-height:1.7}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft)}.principle{background:#060606;padding:34px}.principle span{display:block;color:var(--gold);font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.principle strong{font-family:'EB Garamond',serif;font-size:30px;font-weight:500}.principle p{margin-top:12px;color:#928b81;font-size:13px;line-height:1.7}
.check-section{background:radial-gradient(circle at 88% 4%,rgba(157,175,188,.07),transparent 30%),#050505}.check-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:24px;align-items:start}.check-product{background:rgba(8,8,8,.78);box-shadow:inset 0 0 0 1px var(--line-soft);padding:36px;min-height:590px}.check-aside{position:sticky;top:calc(var(--header-h) + 28px);background:rgba(8,8,8,.78);box-shadow:inset 0 0 0 1px var(--line-soft);padding:34px}.check-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.check-head h2{font-size:clamp(38px,4vw,64px);line-height:.9}.step-rail{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line-soft);margin-bottom:28px}.step{padding:15px 0;display:flex;gap:12px;align-items:center;color:#777168;font-size:9px;letter-spacing:.18em;text-transform:uppercase;position:relative}.step strong{font-weight:500;color:#a69e91}.step.is-active strong{color:var(--ivory)}.step.is-active::after{content:'';position:absolute;bottom:-1px;left:0;width:62%;height:1px;background:var(--gold)}.step.is-done::before{content:'✓';color:var(--gold);margin-right:-5px}.wizard-step[hidden]{display:none!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.field label{display:block;margin-bottom:9px;font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#a49c90}.field input,.field select,.field textarea{width:100%;border:0;background:#050505;box-shadow:inset 0 0 0 1px rgba(242,234,220,.12);outline:none;padding:15px 16px;color:var(--ivory);transition:box-shadow .25s,background .25s}.field textarea{min-height:150px;resize:vertical;line-height:1.65}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:inset 0 0 0 1px var(--gold);background:#070706}.field small{display:block;margin-top:8px;color:#777168;font-size:10px;line-height:1.5}.wizard-actions{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:26px}.aside-number{font-family:'EB Garamond',serif;font-size:92px;line-height:.8;color:rgba(199,167,102,.15)}.aside-title{font-family:'EB Garamond',serif;font-size:36px;line-height:1.02;margin:20px 0 14px}.aside-copy{font-size:13px;line-height:1.78;color:#a9a197}.aside-list{display:grid;gap:12px;margin-top:26px}.aside-list span{padding-top:12px;border-top:1px solid var(--line-soft);font-size:11px;color:#b5ada1}.status{margin-top:18px;padding:13px 15px;border-left:2px solid var(--gold);background:#090909;color:#aaa298;font-size:12px;line-height:1.55}.status[data-state=error]{border-color:var(--error);color:#d8b2ae}.status[data-state=success]{border-color:var(--success);color:#c2d0b8}.followup{margin-top:22px;padding:24px;background:#060606;box-shadow:inset 0 0 0 1px var(--line-soft)}.followup h3{font-size:30px;line-height:1;margin-bottom:10px}.followup-list{display:grid;gap:14px;margin-top:18px}.followup-item label{display:block;color:var(--ivory-soft);font-size:13px;line-height:1.55;margin-bottom:8px}.followup-item small{display:block;color:#777168;margin-top:6px}.loading-panel{display:grid;place-items:center;min-height:300px;text-align:center}.loading-orbit{width:92px;height:92px;border:1px solid var(--line);border-radius:50%;position:relative;margin-bottom:28px}.loading-orbit::before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);top:-4px;left:50%;margin-left:-4px;animation:orbit 1.8s linear infinite;transform-origin:4px 50px}@keyframes orbit{to{transform:rotate(360deg)}}.loading-panel h3{font-size:36px}.loading-panel p{margin-top:10px;color:#8e887f}
.result-shell{display:grid;gap:24px}.result-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.result-card{padding:30px;background:rgba(8,8,8,.78);box-shadow:inset 0 0 0 1px var(--line-soft)}.result-card h2{font-size:clamp(36px,4vw,54px);line-height:.92;margin:14px 0 22px}.diagnosis{font-size:16px;line-height:1.8;color:#d4ccbf}.potential-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-soft);margin-top:28px}.potential{background:#070707;padding:22px}.potential span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#827b72}.potential strong{display:block;margin-top:10px;font-family:'EB Garamond',serif;font-size:30px;font-weight:500}.pulse{display:grid;gap:18px;margin-top:22px}.pulse-item{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center}.pulse-item span{font-size:11px;color:#aaa298}.pulse-track{height:2px;background:#25231f;position:relative;overflow:hidden}.pulse-track i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--gold-deep),var(--gold));width:0;transition:width 1s var(--ease-slow)}.result-shell.is-ready .pulse-track i{width:var(--value)}.pulse-item b{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#c8b991;font-weight:500}.timeline{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:stretch}.timeline-stage{padding:23px;background:#070707;box-shadow:inset 0 0 0 1px var(--line-soft)}.timeline-stage small{font-size:8px;letter-spacing:.18em;color:#887f72;text-transform:uppercase}.timeline-stage strong{display:block;font-family:'EB Garamond',serif;font-size:24px;line-height:1.1;margin:9px 0 7px;font-weight:500}.timeline-stage p{font-size:11px;line-height:1.55;color:#918a80}.timeline-arrow{display:grid;place-items:center;color:var(--gold)}.result-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft)}.result-detail{background:#070707;padding:26px}.result-detail h3{font-family:'EB Garamond',serif;font-size:28px;margin:12px 0}.result-detail p,.result-detail li{font-size:12px;line-height:1.7;color:#a29a90}.result-detail ol,.result-detail ul{margin:0;padding-left:20px}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.economics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft)}.economic{background:#070707;padding:22px}.economic span{font-size:9px;color:#817a71;letter-spacing:.15em;text-transform:uppercase}.economic strong{display:block;margin-top:10px;font-family:'EB Garamond',serif;font-size:28px;font-weight:500}
.case-study{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}.case-title{font-size:clamp(55px,6vw,92px);line-height:.83}.case-copy h3{font-size:38px;line-height:1;margin:22px 0}.case-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-soft);margin-top:34px}.case-fact{background:#070707;padding:24px}.case-fact strong{display:block;font-family:'EB Garamond',serif;font-size:34px;font-weight:500}.case-fact span{display:block;margin-top:8px;color:#8e887f;font-size:11px;line-height:1.55}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft)}.method-step{background:#060606;padding:36px}.method-step .number{color:var(--gold);font-size:10px;letter-spacing:.2em}.method-step h3{font-size:34px;line-height:1;margin:22px 0 14px}.method-step p{color:#958e84;font-size:13px;line-height:1.75}

/* TOOLS */
.tools-hero{padding:clamp(90px,10vw,150px) 0 70px;background:radial-gradient(circle at 86% 5%,rgba(199,167,102,.07),transparent 28%),#050505}.tools-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end}.tools-hero h1{font-size:clamp(64px,7.8vw,120px);line-height:.78}.tools-intro{color:#aaa298;line-height:1.85;font-size:15px;max-width:620px}.tool-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);margin-top:56px}.tool-tab{border:0;background:#080808;padding:22px;text-align:left;color:#8e887f;transition:background .25s,color .25s}.tool-tab span{display:block;color:var(--gold);font-size:9px;letter-spacing:.18em;margin-bottom:10px}.tool-tab strong{font-family:'EB Garamond',serif;font-size:26px;font-weight:500}.tool-tab:hover,.tool-tab.is-active{background:#0e0d0b;color:var(--ivory)}.tool-panel{display:none;padding:70px 0 110px}.tool-panel.is-active{display:block}.tool-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.tool-workspace,.tool-result{background:#080808;box-shadow:inset 0 0 0 1px var(--line-soft);padding:34px}.tool-result{min-height:420px}.tool-title{font-size:clamp(42px,4.2vw,66px);line-height:.9;margin:16px 0 24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);margin-top:25px}.metric{background:#070707;padding:24px}.metric span{font-size:9px;color:#837c72;letter-spacing:.16em;text-transform:uppercase}.metric strong{display:block;font-family:'EB Garamond',serif;font-size:35px;font-weight:500;margin-top:11px}.finder-options{display:grid;gap:14px}.finder-options .field{display:grid;grid-template-columns:1fr 230px;gap:20px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.result-badge{display:inline-flex;padding:7px 10px;border:1px solid var(--line);color:var(--gold);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.output-text{white-space:pre-wrap;color:#d5cdbf;font-size:14px;line-height:1.8}.flow-note{padding:13px 15px;border-left:2px solid var(--gold);background:#090909;color:#9d958a;font-size:12px;line-height:1.6;margin-bottom:18px}.flow-note strong{color:var(--ivory)}

/* EDITIONS */
.editions-page{background:#030202}.editions-hero{min-height:calc(100svh - var(--header-h) - var(--footer-h));display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;max-width:var(--max);margin:auto;padding:50px 5vw;gap:7vw;position:relative}.editions-cover-wrap{position:relative;display:grid;place-items:center}.editions-cover-wrap::before{content:'';position:absolute;width:78%;height:78%;background:radial-gradient(circle,rgba(110,17,24,.28),transparent 66%);filter:blur(20px)}.editions-cover{width:min(100%,430px);position:relative;z-index:2;box-shadow:0 55px 90px rgba(0,0,0,.8);transform:rotate(-1.5deg)}.editions-copy h1{font-size:clamp(68px,7.8vw,128px);line-height:.76;margin:25px 0 30px;max-width:870px}.editions-hook{font-family:'EB Garamond',serif;font-size:clamp(25px,2.4vw,38px);line-height:1.25;color:#dfd5c6;max-width:720px;margin:0 0 24px}.editions-summary{font-size:14px;line-height:1.8;color:#9e978d;max-width:590px}.editions-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.red-mark{display:inline-block;width:42px;height:2px;background:var(--oxblood);margin-left:14px;vertical-align:middle}.editorial-strip{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;background:#070505}.strip-visual{min-height:650px;background-image:linear-gradient(90deg,rgba(4,4,4,.08),rgba(4,4,4,.88)),url('/assets/editions-atmosphere.webp');background-size:cover;background-position:center 45%;filter:saturate(.82)}.strip-copy{padding:10vw 7vw;display:flex;flex-direction:column;justify-content:center}.strip-copy blockquote{font-family:'EB Garamond',serif;font-size:clamp(38px,4.7vw,76px);line-height:.96;margin:22px 0 30px}.strip-copy p{font-size:14px;line-height:1.8;color:#a39b91;max-width:560px}.editions-details{max-width:var(--max);margin:auto;padding:110px 5vw 140px;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.details-index{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.details-copy h2{font-size:clamp(48px,5vw,80px);line-height:.9;margin:0 0 30px}.details-copy p{font-size:16px;line-height:1.9;color:#aca398;max-width:760px}.book-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);margin-top:40px}.book-fact{background:#070707;padding:22px}.book-fact span{font-size:9px;color:#827b72;letter-spacing:.16em;text-transform:uppercase}.book-fact strong{display:block;margin-top:10px;font-family:'EB Garamond',serif;font-size:24px;font-weight:500}

/* CONTACT / LEGAL */
.contact-hero{min-height:calc(100svh - var(--header-h) - var(--footer-h));display:grid;grid-template-columns:.92fr 1.08fr;gap:8vw;align-items:center;padding:70px 0}.contact-hero h1{font-size:clamp(64px,7.6vw,120px);line-height:.78;margin:22px 0 28px}.contact-form{padding:34px;background:#080808;box-shadow:inset 0 0 0 1px var(--line-soft)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form .field{margin-bottom:16px}.legal-page{padding:clamp(85px,10vw,150px) 0}.legal-page h1{font-size:clamp(60px,7vw,105px);line-height:.82;margin:20px 0 54px}.legal-content{max-width:860px}.legal-content h2{font-family:'EB Garamond',serif;font-size:32px;font-weight:500;margin:45px 0 14px}.legal-content h3{font-size:17px;margin:30px 0 10px}.legal-content p,.legal-content li{font-size:14px;line-height:1.85;color:#aaa298}.legal-content a{color:var(--ivory);text-decoration:underline;text-underline-offset:4px}.language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);margin-top:40px}.language-card{background:#070707;padding:25px;border:0;color:var(--ivory);text-align:left}.language-card strong{display:block;font-family:'EB Garamond',serif;font-size:28px;font-weight:500}.language-card span{display:block;margin-top:8px;color:#8e887f;font-size:11px}

/* 404 / thank you */
.state-page{min-height:calc(100svh - var(--header-h) - var(--footer-h));display:grid;place-items:center;text-align:center;padding:50px}.state-page h1{font-size:clamp(70px,10vw,160px);line-height:.75}.state-page p{margin:28px auto;color:#aaa298;max-width:620px;line-height:1.8}.state-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}

@media(max-width:1100px){.header-inner{grid-template-columns:1fr auto}.header-context{display:none}.main-nav{gap:17px}.process-hero{grid-template-columns:1fr}.process-hero-visual{height:500px}.case-study,.tools-hero-grid,.tool-layout,.contact-hero{grid-template-columns:1fr}.check-shell{grid-template-columns:1fr}.check-aside{position:relative;top:auto}.result-hero{grid-template-columns:1fr}.economics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--header-h:66px;--footer-h:44px}.container,.container-narrow,.header-inner,.footer-inner{width:calc(100% - 32px)}body.has-shell{padding-bottom:var(--footer-h)}.mobile-toggle{display:block}.main-nav{position:fixed;top:var(--header-h);left:0;right:0;background:#050505;padding:22px 16px 28px;display:grid;gap:12px;transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .4s var(--ease),opacity .3s}.site-header.is-open .main-nav{transform:none;opacity:1;pointer-events:auto}.main-nav a,.main-nav button{padding:14px 0;text-align:left;border-bottom:1px solid var(--line-soft)}.footer-links a:not(:last-child){display:none}.site-footer{height:var(--footer-h)}.footer-inner strong{font-size:7px}.world-page{height:auto;overflow:auto}.world-main{position:relative;top:auto;bottom:auto;display:block;overflow:visible}.world-panel{min-height:calc(100svh - var(--header-h));}.world-process{min-height:82svh}.world-editions{min-height:86svh}.world-panel .panel-copy{left:24px;right:24px;bottom:42px}.panel-title{font-size:62px}.panel-copy p{font-size:13px}.threshold,.threshold-label{display:none}.world-book{right:2%;top:8%;height:54%;max-width:52%}.edition-ghost{font-size:50vw}.process-hero{min-height:auto;padding:70px 0}.process-hero h1{font-size:70px}.process-hero-visual{min-height:400px;height:55vh}.principles,.method-grid,.result-detail-grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr;gap:28px}.section-title{font-size:64px}.check-product,.check-aside,.result-card,.tool-workspace,.tool-result{padding:23px}.form-row,.contact-grid{grid-template-columns:1fr}.wizard-actions{flex-direction:column;align-items:stretch}.wizard-actions .button{width:100%}.potential-row,.case-facts,.metrics,.book-facts,.language-grid{grid-template-columns:1fr}.pulse-item{grid-template-columns:105px 1fr auto;gap:10px}.timeline{grid-template-columns:1fr;gap:7px}.timeline-arrow{transform:rotate(90deg);height:22px}.result-actions,.hero-actions,.editions-actions,.state-actions{flex-direction:column}.result-actions .button,.hero-actions .button,.editions-actions .button,.state-actions .button{width:100%}.tools-hero{padding-top:80px}.tool-rail{grid-template-columns:1fr}.finder-options .field{grid-template-columns:1fr}.editions-hero{min-height:auto;grid-template-columns:1fr;padding:80px 24px;gap:55px}.editions-cover{width:min(78vw,380px)}.editions-copy h1{font-size:67px}.editorial-strip{grid-template-columns:1fr}.strip-visual{min-height:68svh}.strip-copy{padding:75px 24px 90px}.editions-details{grid-template-columns:1fr;padding:85px 24px 110px;gap:28px}.contact-hero{padding:70px 0}.contact-hero h1{font-size:70px}.language-card{padding:22px}}
@media(max-width:560px){.wordmark{font-size:12px}.footer-inner{font-size:7px;letter-spacing:.11em}.footer-links{gap:10px}.panel-title{font-size:54px}.process-hero h1,.tools-hero h1,.contact-hero h1{font-size:57px}.section-title{font-size:54px}.check-head{display:block}.check-head .kicker{margin-top:12px}.step{font-size:7px;gap:6px}.result-detail-grid{display:block}.result-detail{margin-bottom:1px}.economics-grid{grid-template-columns:1fr}.tool-tab{padding:18px}.tool-tab strong{font-size:23px}.editions-copy h1{font-size:57px}.strip-copy blockquote{font-size:46px}.legal-page h1{font-size:64px}.ms-lang-panel{right:-16px!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.pulse-track i{width:var(--value)!important}}
@media print{.site-header,.site-footer,.noise,.mobile-toggle,.ms-lang-widget{display:none!important}body.has-shell{padding:0}.section{scroll-margin-top:calc(var(--header-h) + 20px);padding:30px 0}}

/* Phase 3 semantic spacing refinements */
.contact-proof{max-width:520px;margin-top:38px}
.contact-form-title{font-size:44px;line-height:.95;margin:18px 0 28px}
.form-disclaimer{font-size:11px}
.submit-offset{margin-top:24px}
.metric-annual{margin-top:1px}
.tool-result-list{margin-top:38px}
.field-gap{margin-top:16px}
.text-result{margin-top:28px}
.copy-link{margin-top:20px}
.section-cta{margin-top:28px}
.number-copy{margin:14px 0 24px}
.lever-block{margin-top:28px}
.lever-title{font-size:30px;margin:12px 0}
.potential-copy{margin-top:20px}
.pulse-disclaimer{margin-top:27px}
.editions-eyebrow{margin-top:22px}
.editorial-link{margin-top:28px}
@media(max-width:720px){.contact-form-title{font-size:36px}.contact-proof{margin-top:28px}}


/* =========================================================
   MACHSEIN V3 PHASE 4.6 — PROCESS FULL FIELD
   One animated network behind the whole PROCESS experience.
   ========================================================= */
body[data-page="process"]{
  background:#030404;
}
.process-full-field{
  position:fixed;
  top:var(--header-h);
  right:0;
  bottom:var(--footer-h);
  left:0;
  width:100%;
  height:calc(100svh - var(--header-h) - var(--footer-h));
  z-index:0;
  pointer-events:none;
  opacity:.68;
  background:#030404;
}
.process-full-field-shade{
  position:fixed;
  top:var(--header-h);
  right:0;
  bottom:var(--footer-h);
  left:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,4,4,.90) 0%,rgba(3,4,4,.62) 31%,rgba(3,4,4,.40) 55%,rgba(3,4,4,.67) 78%,rgba(3,4,4,.90) 100%),
    linear-gradient(180deg,rgba(3,4,4,.18),rgba(3,4,4,.54));
}
body[data-page="process"] .process-content-layer{
  position:relative;
  z-index:2;
  background:transparent;
}

/* Hero: no separate animation box. Copy sits cleanly on the global field. */
body[data-page="process"] .process-hero{
  grid-template-columns:minmax(0,930px);
  justify-content:start;
  gap:0;
  overflow:visible;
  min-height:calc(100svh - var(--header-h) - var(--footer-h));
}
body[data-page="process"] .process-hero-copy{
  position:relative;
  z-index:3;
  padding:clamp(76px,10vh,126px) 0;
}
body[data-page="process"] .process-hero-copy::after{
  content:"";
  position:absolute;
  left:0;
  bottom:clamp(54px,7vh,82px);
  width:min(420px,46vw);
  height:1px;
  background:linear-gradient(90deg,rgba(199,167,102,.75),rgba(199,167,102,.08),transparent);
}
body[data-page="process"] .process-hero h1{
  max-width:900px;
}
body[data-page="process"] .process-hero-copy .lead{
  max-width:680px;
  color:#c1bab0;
}

/* Let the full-field network remain visible through the complete page,
   while information surfaces stay ordered and readable. */
body[data-page="process"] .section,
body[data-page="process"] .section-dark,
body[data-page="process"] .section-ink,
body[data-page="process"] .check-section{
  background:transparent !important;
}
body[data-page="process"] .section-line{
  border-top:1px solid rgba(242,234,220,.08);
}
body[data-page="process"] .principles,
body[data-page="process"] .method-grid,
body[data-page="process"] .case-facts,
body[data-page="process"] .economics-grid{
  background:rgba(242,234,220,.075);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
body[data-page="process"] .principle,
body[data-page="process"] .method-step,
body[data-page="process"] .case-fact,
body[data-page="process"] .economic{
  background:rgba(5,6,6,.88);
}
body[data-page="process"] .check-product,
body[data-page="process"] .check-aside,
body[data-page="process"] .result-card{
  background:rgba(6,7,7,.90);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body[data-page="process"] .field input,
body[data-page="process"] .field select,
body[data-page="process"] .field textarea{
  background:rgba(3,4,4,.88);
}
body[data-page="process"] .potential,
body[data-page="process"] .timeline-stage{
  background:rgba(5,6,6,.88);
}

/* Do not overlay the former decorative process SVG in the check area. */
body[data-page="process"] .signature-threshold-asset{
  opacity:.12;
}

/* On compact screens the same network remains fullscreen but quieter. */
@media(max-width:900px){
  .process-full-field{opacity:.44}
  .process-full-field-shade{
    background:
      linear-gradient(180deg,rgba(3,4,4,.70),rgba(3,4,4,.52)),
      linear-gradient(90deg,rgba(3,4,4,.80),rgba(3,4,4,.48),rgba(3,4,4,.80));
  }
  body[data-page="process"] .process-hero{
    grid-template-columns:1fr;
  }
  body[data-page="process"] .process-hero-copy{
    padding:72px 0 82px;
  }
  body[data-page="process"] .process-hero-copy::after{
    bottom:48px;
    width:54vw;
  }
}
@media(prefers-reduced-motion:reduce){
  .process-full-field{opacity:.42}
}


/* =========================================================
   MACHSEIN V3 PHASE 4.7 — CONTACT-LED PROCESS + TOOLS
   Desktop: one-screen workspace, no page scroll.
   ========================================================= */

@media(min-width:901px){
  body.process-v2-page,
  body.tools-v2-page{
    height:100svh;
    overflow:hidden;
  }

  body.process-v2-page #main,
  body.tools-v2-page #main{
    position:fixed;
    top:var(--header-h);
    right:0;
    bottom:var(--footer-h);
    left:0;
    overflow:hidden;
  }

  .process-v2-shell,
  .tools-v2-shell{
    height:100%;
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    gap:8vw;
    align-items:center;
    padding:clamp(26px,4.3vh,56px) 0;
  }

  .process-v2-copy h1,
  .tools-v2-copy h1{
    font-size:clamp(68px,7.3vw,116px);
    line-height:.78;
    margin:22px 0 28px;
  }

  .process-v2-copy .lead,
  .tools-v2-copy .lead{
    max-width:560px;
  }

  .process-v2-proof,
  .tools-v2-proof{
    max-width:520px;
    margin-top:38px;
  }

  .process-v2-panel,
  .tools-v2-panel{
    min-width:0;
    max-height:calc(100svh - var(--header-h) - var(--footer-h) - 54px);
    padding:clamp(24px,2.2vw,34px);
    background:rgba(7,8,8,.91);
    box-shadow:inset 0 0 0 1px rgba(242,234,220,.11);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    overflow:hidden;
  }

  .process-v2-panel{
    position:relative;
  }

  .process-v2-panel-head,
  .tools-v2-head{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:flex-start;
    margin-bottom:18px;
  }

  .process-v2-panel-head h2,
  .tools-v2-head h2{
    font-size:clamp(32px,3vw,44px);
    line-height:.92;
    margin-top:14px;
    max-width:570px;
  }

  .process-v2-free{
    padding-top:3px;
    white-space:nowrap;
  }

  .process-v2-rail,
  .tools-v2-rail{
    margin:0 0 18px;
  }

  .process-v2-panel .check-product{
    padding:0;
    min-height:0;
    background:transparent;
    box-shadow:none;
  }

  .process-v2-panel .field textarea{
    min-height:118px;
    max-height:150px;
  }

  .process-v2-panel .form-row{
    margin-bottom:12px;
  }

  .process-v2-panel .field input,
  .process-v2-panel .field select,
  .process-v2-panel .field textarea{
    padding:13px 14px;
  }

  .process-v2-panel .wizard-actions{
    margin-top:18px;
  }

  .process-v2-number-head{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:22px;
    align-items:start;
    margin-bottom:15px;
  }

  .process-v2-number-head .body-copy{
    font-size:12px;
    line-height:1.6;
  }

  .process-v2-loading{
    min-height:500px!important;
    display:grid!important;
    place-items:center;
  }
  .process-v2-loading[hidden]{display:none!important}

  .process-v2-followup{
    max-height:calc(100svh - var(--header-h) - var(--footer-h) - 120px);
    overflow:auto;
    scrollbar-width:thin;
  }

  .process-v2-followup .followup-list{
    gap:10px;
  }
  .process-v2-followup .followup-item textarea{
    min-height:72px;
  }

  .process-v2-result{
    gap:14px;
  }

  .process-v2-result-main h2{
    font-size:clamp(32px,3vw,46px);
    line-height:.94;
    margin:12px 0 12px;
  }

  .process-v2-result-main .diagnosis{
    font-size:13px;
    line-height:1.65;
    color:#cfc7ba;
    max-width:670px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .process-v2-lever{
    margin-top:17px;
    padding-top:15px;
    border-top:1px solid var(--line-soft);
  }

  .process-v2-lever .lever-title{
    font-size:26px;
    margin:8px 0 6px;
  }

  .process-v2-lever .body-copy{
    font-size:12px;
    line-height:1.55;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .process-v2-potentials{
    margin-top:16px;
  }

  .process-v2-potentials .potential{
    padding:14px 16px;
    background:rgba(4,5,5,.78);
  }

  .process-v2-potentials .potential strong{
    font-size:25px;
    margin-top:5px;
  }

  .process-v2-pulse{
    padding-top:14px;
    border-top:1px solid var(--line-soft);
  }

  .process-v2-pulse .pulse{
    grid-template-columns:1fr 1fr;
    column-gap:24px;
    row-gap:12px;
    margin-top:12px;
  }

  .process-v2-pulse .pulse-item{
    grid-template-columns:118px 1fr auto;
    gap:9px;
  }

  .process-v2-potential-copy{
    display:none;
  }

  .process-v2-result-actions{
    display:flex;
    gap:10px;
    align-items:center;
    flex-wrap:wrap;
    padding-top:3px;
  }

  .process-v2-result-actions .button{
    min-height:44px;
  }

  .process-v2-copy{
    position:relative;
    z-index:3;
  }

  .process-v2-hidden-data,
  .process-v2-copy{
    pointer-events:auto;
  }

  .process-v2-hidden-data{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }

  /* Process scientific field across the whole screen, quieter than the content. */
  body.process-v2-page .process-full-field{
    opacity:.54;
  }
  body.process-v2-page .process-full-field-shade{
    background:
      linear-gradient(90deg,rgba(3,4,4,.88) 0%,rgba(3,4,4,.68) 37%,rgba(3,4,4,.54) 62%,rgba(3,4,4,.80) 100%),
      linear-gradient(180deg,rgba(3,4,4,.18),rgba(3,4,4,.46));
  }

  /* Tools uses the same contact-like stage but no network animation. */
  body.tools-v2-page{
    background:#040404;
  }

  .tools-v2-main{
    background:
      linear-gradient(90deg,rgba(255,255,255,.012),transparent 34%),
      #040404;
  }

  .tools-v2-panel{
    display:flex;
    flex-direction:column;
  }

  .tools-v2-rail{
    flex:0 0 auto;
    grid-template-columns:repeat(3,1fr);
    background:var(--line-soft);
  }

  .tools-v2-rail .tool-tab{
    padding:14px 16px;
  }

  .tools-v2-rail .tool-tab span{
    margin-bottom:5px;
  }

  .tools-v2-rail .tool-tab strong{
    font-size:21px;
  }

  .tools-v2-flow{
    margin:0 0 12px;
    padding:10px 12px;
    font-size:10px;
  }

  .tools-v2-work{
    padding:0;
    flex:1 1 auto;
    min-height:0;
  }

  .tools-v2-work.is-active{
    display:flex;
    flex-direction:column;
  }

  .tools-v2-tool-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:20px;
    margin-bottom:14px;
  }

  .tools-v2-tool-head h3{
    font-size:clamp(28px,2.8vw,40px);
    line-height:.94;
    margin-top:9px;
  }

  .tools-v2-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 14px;
  }

  .tools-v2-panel .field input,
  .tools-v2-panel .field select,
  .tools-v2-panel .field textarea{
    padding:12px 13px;
  }

  .tools-v2-metrics{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1px;
    background:var(--line-soft);
    margin-top:16px;
  }

  .tools-v2-metrics>div{
    padding:13px 14px;
    background:#060606;
  }

  .tools-v2-metrics span{
    display:block;
    font-size:7px;
    letter-spacing:.13em;
    text-transform:uppercase;
    color:#817a71;
  }

  .tools-v2-metrics strong{
    display:block;
    margin-top:5px;
    font-family:'EB Garamond',serif;
    font-size:24px;
    font-weight:500;
  }

  .tools-v2-actions{
    margin-top:auto;
    padding-top:15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
  }

  .tools-v2-actions .button{
    min-height:44px;
  }

  .tools-v2-finder-result{
    margin-top:15px;
    padding:15px 16px;
    background:#060606;
    box-shadow:inset 0 0 0 1px var(--line-soft);
  }

  .tools-v2-finder-result h4{
    font-size:26px;
    line-height:1;
    margin:10px 0 7px;
  }

  .tools-v2-finder-result .body-copy{
    font-size:11px;
    line-height:1.55;
  }

  .tools-v2-text-options{
    grid-template-columns:repeat(4,1fr);
    gap:10px;
  }

  .tools-v2-text-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:14px;
    margin-top:12px;
    min-height:0;
  }

  .tools-v2-text-grid textarea{
    min-height:115px;
    max-height:135px;
  }

  .tools-v2-text-result{
    padding:14px 15px;
    background:#060606;
    box-shadow:inset 0 0 0 1px var(--line-soft);
    min-height:172px;
    overflow:auto;
    scrollbar-width:thin;
  }

  .tools-v2-text-result .output-text{
    font-size:11px;
    line-height:1.55;
  }
}

/* Short desktop displays: keep the contact-like one-screen structure intact. */
@media(min-width:901px) and (max-height:780px){
  .process-v2-shell,
  .tools-v2-shell{
    padding:18px 0;
  }

  .process-v2-copy h1,
  .tools-v2-copy h1{
    font-size:clamp(60px,6.5vw,92px);
    margin:16px 0 20px;
  }

  .process-v2-copy .lead,
  .tools-v2-copy .lead{
    font-size:15px;
    line-height:1.55;
  }

  .process-v2-proof,
  .tools-v2-proof{
    margin-top:24px;
    gap:8px;
  }

  .process-v2-panel,
  .tools-v2-panel{
    padding:22px 26px;
    max-height:calc(100svh - var(--header-h) - var(--footer-h) - 30px);
  }

  .process-v2-panel-head h2,
  .tools-v2-head h2{
    font-size:34px;
    margin-top:9px;
  }

  .process-v2-panel-head,
  .tools-v2-head{
    margin-bottom:12px;
  }

  .process-v2-rail,
  .tools-v2-rail{
    margin-bottom:12px;
  }

  .process-v2-panel .field textarea{
    min-height:92px;
  }

  .process-v2-panel .field input,
  .process-v2-panel .field select,
  .process-v2-panel .field textarea{
    padding:10px 12px;
  }

  .process-v2-panel .wizard-actions{
    margin-top:12px;
  }

  .process-v2-loading{
    min-height:430px!important;
  }

  .tools-v2-tool-head{
    margin-bottom:10px;
  }

  .tools-v2-tool-head h3{
    font-size:32px;
  }

  .tools-v2-form-grid{
    gap:9px 12px;
  }

  .tools-v2-panel .field input,
  .tools-v2-panel .field select,
  .tools-v2-panel .field textarea{
    padding:9px 11px;
  }

  .tools-v2-metrics{
    margin-top:11px;
  }

  .tools-v2-metrics>div{
    padding:10px 11px;
  }

  .tools-v2-metrics strong{
    font-size:21px;
  }

  .tools-v2-actions{
    padding-top:10px;
  }

  .tools-v2-text-grid textarea{
    min-height:90px;
    max-height:105px;
  }

  .tools-v2-text-result{
    min-height:138px;
  }
}

/* Mobile/tablet: preserve the same hierarchy, allow normal document scrolling. */
@media(max-width:900px){
  body.process-v2-page,
  body.tools-v2-page{
    overflow-x:hidden;
  }

  .process-v2-main,
  .tools-v2-main{
    position:relative;
    z-index:2;
  }

  .process-v2-shell,
  .tools-v2-shell{
    display:grid;
    grid-template-columns:1fr;
    gap:34px;
    padding:60px 0 72px;
  }

  .process-v2-copy h1,
  .tools-v2-copy h1{
    font-size:64px;
    line-height:.82;
    margin:18px 0 24px;
  }

  .process-v2-proof,
  .tools-v2-proof{
    margin-top:28px;
  }

  .process-v2-panel,
  .tools-v2-panel{
    padding:22px;
    background:rgba(7,8,8,.94);
    box-shadow:inset 0 0 0 1px var(--line-soft);
  }

  .process-v2-panel-head,
  .tools-v2-head{
    display:block;
    margin-bottom:18px;
  }

  .process-v2-panel-head h2,
  .tools-v2-head h2{
    font-size:38px;
    line-height:.96;
    margin-top:12px;
  }

  .process-v2-free,
  .tools-v2-head>.kicker:last-child{
    margin-top:12px;
  }

  .process-v2-panel .field textarea{
    min-height:125px;
  }

  .process-v2-result-main h2{
    font-size:38px;
    margin:12px 0;
  }

  .process-v2-result-actions{
    display:grid;
    gap:10px;
  }

  .process-v2-result-actions .button{
    width:100%;
  }

  .process-v2-hidden-data{
    display:none!important;
  }

  .tools-v2-rail{
    grid-template-columns:1fr;
  }

  .tools-v2-form-grid,
  .tools-v2-text-options,
  .tools-v2-text-grid,
  .tools-v2-metrics{
    grid-template-columns:1fr;
  }

  .tools-v2-actions{
    display:grid;
    gap:10px;
  }

  .tools-v2-actions .button{
    width:100%;
  }

  .tools-v2-text-result{
    max-height:260px;
  }
}


/* =========================================================
   MACHSEIN V3 PHASE 4.8 — GLOBAL SHELL ALIGNMENT
   Header/footer use the exact same geometry on every inner page.
   ========================================================= */
body.has-shell .site-header{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:auto !important;
  left:0 !important;
  height:var(--header-h) !important;
  z-index:80 !important;
}

body.has-shell .site-footer{
  position:fixed !important;
  top:auto !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  height:var(--footer-h) !important;
  z-index:75 !important;
}

body.has-shell .header-inner,
body.has-shell .footer-inner{
  width:min(calc(100% - 64px),var(--max)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.has-shell .site-header,
body.has-shell .site-footer{
  background:rgba(4,4,4,.92) !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* PROCESS: background animation behind content, never above it. */
body.process-v2-page .process-full-field{
  z-index:0 !important;
}

body.process-v2-page .process-full-field-shade{
  z-index:1 !important;
}

body.process-v2-page #main{
  z-index:3 !important;
}

body.process-v2-page .process-v2-shell{
  position:relative;
  z-index:4;
}

/* Keep the contact-led one-screen composition perfectly inside the fixed shell. */
@media(min-width:901px){
  body.process-v2-page #main,
  body.tools-v2-page #main{
    top:var(--header-h) !important;
    bottom:var(--footer-h) !important;
  }
}

/* Mobile keeps the same shell alignment, only the horizontal inset becomes smaller. */
@media(max-width:900px){
  body.has-shell .header-inner,
  body.has-shell .footer-inner{
    width:calc(100% - 32px) !important;
  }
}


/* =========================================================
   MACHSEIN V3 PHASE 4.9 — PROCESS MOTION STRONGER
   Stronger visibility of the scientific network background.
   ========================================================= */
body.process-v2-page .process-full-field{
  opacity:.84 !important;
  filter:contrast(1.08) brightness(1.06);
}

body.process-v2-page .process-full-field-shade{
  background:
    linear-gradient(90deg,
      rgba(3,4,4,.78) 0%,
      rgba(3,4,4,.48) 30%,
      rgba(3,4,4,.28) 54%,
      rgba(3,4,4,.46) 78%,
      rgba(3,4,4,.78) 100%),
    linear-gradient(180deg,
      rgba(3,4,4,.10),
      rgba(3,4,4,.38)) !important;
}

body.process-v2-page .process-v2-panel,
body.process-v2-page .check-product,
body.process-v2-page .check-aside,
body.process-v2-page .result-card{
  background:rgba(5,6,6,.86) !important;
}

@media(max-width:900px){
  body.process-v2-page .process-full-field{
    opacity:.58 !important;
    filter:contrast(1.05) brightness(1.03);
  }
  body.process-v2-page .process-full-field-shade{
    background:
      linear-gradient(180deg,rgba(3,4,4,.62),rgba(3,4,4,.44)),
      linear-gradient(90deg,rgba(3,4,4,.72),rgba(3,4,4,.40),rgba(3,4,4,.72)) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.process-v2-page .process-full-field{
    opacity:.48 !important;
  }
}


/* MACHSEIN V3 Phase 4.10 — explicit tool validation */
body[data-page="tools"] [data-find="review"].is-invalid{
  border-color:rgba(216,180,94,.95) !important;
  box-shadow:0 0 0 1px rgba(216,180,94,.35),0 0 28px rgba(216,180,94,.10);
  color:#f6f1e8;
}
body[data-page="tools"] [data-find-status][data-validation="review"]{
  display:block;
  color:#e2c978;
  border-left:2px solid #d8b45e;
  padding:12px 14px;
  background:rgba(216,180,94,.055);
}
body[data-page="tools"] [data-find-next]:disabled{
  opacity:.32;
  cursor:not-allowed;
  filter:saturate(.35);
}
body[data-page="tools"] [data-find-next].is-ready{
  opacity:1;
  cursor:pointer;
}
body[data-page="tools"] label span[aria-hidden="true"]{
  color:#d8b45e;
}


/* =========================================================
   MACHSEIN V3 PHASE 4.11 — PROCESS OVERFLOW CLEAN
   Prevents the next result section from peeking into the visible panel.
   ========================================================= */
body.process-v2-page .process-v2-panel{
  overflow:hidden !important;
}

body.process-v2-page .process-v2-panel-inner{
  overflow:hidden !important;
}

body.process-v2-page [data-process-result][hidden],
body.process-v2-page [data-process-followup][hidden],
body.process-v2-page [data-process-analysis][hidden],
body.process-v2-page [hidden]{
  display:none !important;
}

/* Keep only the active process stage visible inside the one-screen work panel. */
body.process-v2-page .process-v2-panel .check-stage[hidden],
body.process-v2-page .process-v2-panel .result-stage[hidden]{
  display:none !important;
}

/* Safety crop for the desktop one-screen composition. */
@media(min-width:901px){
  body.process-v2-page .process-v2-panel{
    max-height:calc(100svh - var(--header-h) - var(--footer-h) - 64px);
  }
}


/* MACHSEIN V3 Phase 4.14 — transient visit data controls */
.tools-session-actions,
.process-session-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.tools-clear-data{
  appearance:none;
  border:0;
  background:transparent;
  color:#827a6e;
  padding:0;
  font:500 9px/1.2 Inter,"Helvetica Neue",Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  cursor:pointer;
  transition:color .22s ease;
}
.tools-clear-data:hover,
.tools-clear-data:focus-visible{
  color:#d8b45e;
}
.tools-clear-data:focus-visible{
  outline:1px solid rgba(216,180,94,.45);
  outline-offset:6px;
}
@media(max-width:700px){
  .tools-session-actions,
  .process-session-actions{
    align-items:flex-start;
  }
}


/* MACHSEIN V3 Phase 4.15 — contact AJAX state */
.contact-success{
  margin-top:18px;
  padding:20px 22px;
  border-left:1px solid #d8b45e;
  background:rgba(216,180,94,.045);
}
.contact-success h3{
  margin:8px 0 6px;
  color:#f5f0e7;
  font:400 30px/1.1 Georgia,"Times New Roman",serif;
}
.contact-success p{
  margin:0;
  color:#b8b0a4;
  line-height:1.6;
}
[data-form-status][data-state="error"]{
  display:block;
  margin-top:14px;
  color:#e2c978;
}
.contact-form button.is-success{
  background:#d8b45e;
  color:#090909;
}


/* =========================================================
   MACHSEIN V3 PHASE 4.16 — CONTACT ONE SCREEN
   Desktop contact page fits fully between fixed header/footer.
   ========================================================= */
@media(min-width:901px){

  body[data-page="kontakt"]{
    overflow:hidden !important;
  }

  body[data-page="kontakt"] #main{
    position:fixed !important;
    top:var(--header-h) !important;
    right:0 !important;
    bottom:var(--footer-h) !important;
    left:0 !important;
    overflow:hidden !important;
  }

  body[data-page="kontakt"] .contact-page,
  body[data-page="kontakt"] .contact-shell,
  body[data-page="kontakt"] .contact-layout{
    height:100% !important;
    min-height:0 !important;
  }

  body[data-page="kontakt"] .contact-shell{
    display:flex !important;
    align-items:center !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  body[data-page="kontakt"] .contact-layout{
    width:100%;
    display:grid !important;
    grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr) !important;
    gap:clamp(52px,6vw,92px) !important;
    align-items:center !important;
  }

  body[data-page="kontakt"] .contact-copy{
    align-self:center !important;
  }

  body[data-page="kontakt"] .contact-copy h1{
    font-size:clamp(66px,6.3vw,108px) !important;
    line-height:.82 !important;
    margin-bottom:22px !important;
  }

  body[data-page="kontakt"] .contact-copy .lead{
    font-size:18px !important;
    line-height:1.62 !important;
    max-width:570px !important;
    margin-bottom:24px !important;
  }

  body[data-page="kontakt"] .contact-points{
    margin-top:18px !important;
  }

  body[data-page="kontakt"] .contact-point{
    padding:11px 0 !important;
  }

  body[data-page="kontakt"] .contact-form{
    align-self:center !important;
    padding:28px 32px !important;
    max-height:calc(100svh - var(--header-h) - var(--footer-h) - 36px) !important;
    overflow:hidden !important;
  }

  body[data-page="kontakt"] .contact-form h2{
    font-size:clamp(34px,3vw,48px) !important;
    line-height:1.02 !important;
    margin-bottom:20px !important;
  }

  body[data-page="kontakt"] .contact-form .kicker{
    margin-bottom:12px !important;
  }

  body[data-page="kontakt"] .contact-grid{
    gap:14px 16px !important;
  }

  body[data-page="kontakt"] .field{
    gap:7px !important;
  }

  body[data-page="kontakt"] .field input,
  body[data-page="kontakt"] .field select{
    min-height:48px !important;
    padding:11px 14px !important;
  }

  body[data-page="kontakt"] .field textarea{
    min-height:118px !important;
    max-height:118px !important;
    padding:13px 14px !important;
    resize:none !important;
  }

  body[data-page="kontakt"] .contact-form .field-note,
  body[data-page="kontakt"] .contact-form small{
    font-size:11px !important;
    line-height:1.45 !important;
  }

  body[data-page="kontakt"] .contact-form .button{
    min-height:52px !important;
    margin-top:14px !important;
  }

  body[data-page="kontakt"] [data-form-status],
  body[data-page="kontakt"] .contact-success{
    margin-top:10px !important;
  }

  body[data-page="kontakt"] .contact-success{
    padding:14px 16px !important;
  }

  body[data-page="kontakt"] .contact-success h3{
    font-size:24px !important;
    margin:5px 0 4px !important;
  }
}

/* Short desktop heights get one extra compression pass. */
@media(min-width:901px) and (max-height:820px){

  body[data-page="kontakt"] .contact-shell{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }

  body[data-page="kontakt"] .contact-layout{
    gap:42px !important;
  }

  body[data-page="kontakt"] .contact-copy h1{
    font-size:clamp(58px,5.7vw,90px) !important;
    margin-bottom:16px !important;
  }

  body[data-page="kontakt"] .contact-copy .lead{
    font-size:16px !important;
    line-height:1.5 !important;
    margin-bottom:16px !important;
  }

  body[data-page="kontakt"] .contact-point{
    padding:8px 0 !important;
  }

  body[data-page="kontakt"] .contact-form{
    padding:22px 26px !important;
    max-height:calc(100svh - var(--header-h) - var(--footer-h) - 20px) !important;
  }

  body[data-page="kontakt"] .contact-form h2{
    font-size:36px !important;
    margin-bottom:14px !important;
  }

  body[data-page="kontakt"] .contact-grid{
    gap:10px 14px !important;
  }

  body[data-page="kontakt"] .field input,
  body[data-page="kontakt"] .field select{
    min-height:44px !important;
    padding:9px 12px !important;
  }

  body[data-page="kontakt"] .field textarea{
    min-height:96px !important;
    max-height:96px !important;
  }

  body[data-page="kontakt"] .contact-form .button{
    min-height:48px !important;
    margin-top:10px !important;
  }
}

/* Mobile/tablet keep natural page scrolling for usability. */
@media(max-width:900px){
  body[data-page="kontakt"]{
    overflow:auto !important;
  }
  body[data-page="kontakt"] #main{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    overflow:visible !important;
  }
}


/* =========================================================
   MACHSEIN V3 PHASE 4.17 — MOBILE ONE SCREEN SYSTEM
   WORLD / PROCESS / TOOLS / KONTAKT use the full phone viewport.
   The page itself never scrolls; only active work panels may scroll internally.
   ========================================================= */
@media(max-width:900px){

  :root{
    --header-h:64px;
    --footer-h:calc(44px + env(safe-area-inset-bottom));
  }

  html,
  body{
    width:100%;
    height:100%;
    min-height:100%;
  }

  body.world-page,
  body.process-v2-page,
  body.tools-v2-page,
  body[data-page="kontakt"]{
    height:100dvh !important;
    min-height:100dvh !important;
    overflow:hidden !important;
    padding-bottom:0 !important;
  }

  body.world-page #main,
  body.process-v2-page #main,
  body.tools-v2-page #main,
  body[data-page="kontakt"] #main{
    position:fixed !important;
    top:var(--header-h) !important;
    right:0 !important;
    bottom:var(--footer-h) !important;
    left:0 !important;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
  }

  body.has-shell .site-header{
    height:var(--header-h) !important;
  }

  body.has-shell .site-footer{
    height:var(--footer-h) !important;
  }

  body.has-shell .header-inner,
  body.has-shell .footer-inner{
    width:calc(100% - 28px) !important;
  }

  /* ---------------------------------------------------------
     WORLD — one viewport, two equal chapters.
     --------------------------------------------------------- */
  body.world-page .world-main{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
    overflow:hidden !important;
  }

  body.world-page .world-panel{
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
  }

  body.world-page .world-process,
  body.world-page .world-editions{
    min-height:0 !important;
  }

  body.world-page .world-panel .panel-copy{
    left:18px !important;
    right:18px !important;
    bottom:14px !important;
  }

  body.world-page .panel-index{
    gap:8px !important;
    font-size:7px !important;
    letter-spacing:.17em !important;
  }

  body.world-page .panel-index::after{
    width:34px !important;
  }

  body.world-page .panel-title{
    font-size:clamp(34px,10.5vw,46px) !important;
    line-height:.84 !important;
    margin:9px 0 8px !important;
    max-width:80vw !important;
  }

  body.world-page .panel-copy p{
    margin:0 0 7px !important;
    max-width:78vw !important;
    font-size:10.5px !important;
    line-height:1.35 !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  body.world-page .text-link{
    font-size:7px !important;
    letter-spacing:.16em !important;
  }

  body.world-page .threshold{
    display:block !important;
    top:50% !important;
    right:0 !important;
    bottom:auto !important;
    left:0 !important;
    width:auto !important;
    height:1px !important;
    background:linear-gradient(90deg,transparent,var(--gold) 22%,var(--gold) 78%,transparent) !important;
    opacity:.42 !important;
  }

  body.world-page .threshold-label{
    display:none !important;
  }

  body.world-page .world-book{
    right:4% !important;
    top:5% !important;
    height:66% !important;
    max-width:44% !important;
    transform:rotate(2deg) !important;
  }

  body.world-page .edition-ghost{
    font-size:48vw !important;
  }

  body.world-page #processCanvas{
    opacity:.62 !important;
  }

  /* ---------------------------------------------------------
     PROCESS + TOOLS — compact intro + one active workspace.
     --------------------------------------------------------- */
  body.process-v2-page .process-v2-main,
  body.tools-v2-page .tools-v2-main{
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }

  body.process-v2-page .process-v2-shell,
  body.tools-v2-page .tools-v2-shell{
    width:calc(100% - 24px) !important;
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    gap:9px !important;
    padding:9px 0 10px !important;
    align-items:stretch !important;
  }

  body.process-v2-page .process-v2-copy,
  body.tools-v2-page .tools-v2-copy{
    min-height:0 !important;
  }

  body.process-v2-page .process-v2-copy .kicker,
  body.tools-v2-page .tools-v2-copy .kicker{
    margin-bottom:4px !important;
    font-size:7px !important;
  }

  body.process-v2-page .process-v2-copy h1,
  body.tools-v2-page .tools-v2-copy h1{
    margin:0 !important;
    font-size:clamp(30px,9.1vw,40px) !important;
    line-height:.86 !important;
    max-width:none !important;
  }

  body.process-v2-page .process-v2-copy .lead,
  body.tools-v2-page .tools-v2-copy .lead{
    margin:5px 0 0 !important;
    max-width:none !important;
    font-size:10.5px !important;
    line-height:1.3 !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.process-v2-page .process-v2-proof,
  body.tools-v2-page .tools-v2-proof{
    display:none !important;
  }

  body.process-v2-page .process-v2-panel,
  body.tools-v2-page .tools-v2-panel{
    min-width:0 !important;
    min-height:0 !important;
    height:100% !important;
    max-height:none !important;
    padding:13px !important;
    overflow:hidden !important;
    background:rgba(6,7,7,.91) !important;
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  body.process-v2-page .process-v2-panel{
    display:block !important;
  }

  body.process-v2-page .process-v2-input,
  body.process-v2-page .process-v2-loading,
  body.process-v2-page .process-v2-followup,
  body.process-v2-page .process-v2-result{
    height:100% !important;
    max-height:none !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }

  body.process-v2-page .process-v2-panel-head,
  body.tools-v2-page .tools-v2-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:9px !important;
  }

  body.process-v2-page .process-v2-panel-head>div:first-child,
  body.tools-v2-page .tools-v2-head>div:first-child{
    min-width:0 !important;
  }

  body.process-v2-page .process-v2-panel-head h2,
  body.tools-v2-page .tools-v2-head h2{
    margin:4px 0 0 !important;
    max-width:none !important;
    font-size:clamp(21px,6.2vw,27px) !important;
    line-height:.96 !important;
  }

  body.process-v2-page .process-session-actions,
  body.tools-v2-page .tools-session-actions{
    flex:0 0 auto;
    align-items:flex-end !important;
    gap:4px !important;
  }

  body.process-v2-page .process-v2-free,
  body.tools-v2-page .tools-session-actions .kicker{
    margin-top:0 !important;
    padding-top:0 !important;
    font-size:6px !important;
    white-space:nowrap;
  }

  body.process-v2-page .tools-clear-data,
  body.tools-v2-page .tools-clear-data{
    font-size:6.5px !important;
    letter-spacing:.09em !important;
    white-space:nowrap;
  }

  body.process-v2-page .process-v2-rail,
  body.tools-v2-page .tools-v2-rail{
    margin:0 0 9px !important;
    grid-template-columns:repeat(3,1fr) !important;
  }

  body.process-v2-page .step,
  body.tools-v2-page .tool-tab{
    min-width:0 !important;
    padding:9px 6px !important;
  }

  body.process-v2-page .step{
    font-size:6px !important;
    gap:4px !important;
  }

  body.process-v2-page .step strong,
  body.tools-v2-page .tool-tab strong{
    font-size:10px !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body.tools-v2-page .tool-tab span{
    font-size:6px !important;
  }

  /* PROCESS forms remain compact enough for the phone viewport. */
  body.process-v2-page .form-row{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-bottom:8px !important;
  }

  body.process-v2-page .field{
    min-width:0 !important;
    gap:5px !important;
  }

  body.process-v2-page .field label,
  body.tools-v2-page .field label{
    font-size:6.5px !important;
    letter-spacing:.13em !important;
  }

  body.process-v2-page .field input,
  body.process-v2-page .field select,
  body.process-v2-page .field textarea,
  body.tools-v2-page .field input,
  body.tools-v2-page .field select,
  body.tools-v2-page .field textarea{
    width:100% !important;
    min-height:42px !important;
    padding:9px 10px !important;
    font-size:16px !important; /* prevents iOS zoom */
  }

  body.process-v2-page .field textarea{
    min-height:82px !important;
    max-height:82px !important;
  }

  body.process-v2-page .field small{
    font-size:7.5px !important;
    line-height:1.25 !important;
  }

  body.process-v2-page .wizard-actions{
    margin-top:9px !important;
    display:flex !important;
    flex-direction:row !important;
    gap:8px !important;
    align-items:center !important;
  }

  body.process-v2-page .wizard-actions .button{
    width:auto !important;
    min-height:42px !important;
    padding:10px 14px !important;
    font-size:7px !important;
  }

  body.process-v2-page .process-v2-number-head{
    grid-template-columns:1fr !important;
    gap:4px !important;
    margin-bottom:8px !important;
  }

  body.process-v2-page .process-v2-number-head .body-copy{
    font-size:9px !important;
    line-height:1.3 !important;
  }

  body.process-v2-page .process-v2-loading{
    min-height:0 !important;
    place-items:center !important;
  }

  body.process-v2-page .process-v2-result-main h2{
    font-size:28px !important;
  }

  body.process-v2-page .process-v2-result-main .diagnosis,
  body.process-v2-page .process-v2-lever .body-copy,
  body.process-v2-page .process-v2-potential-copy{
    font-size:10px !important;
    line-height:1.4 !important;
  }

  body.process-v2-page .process-v2-lever .lever-title{
    font-size:22px !important;
  }

  body.process-v2-page .process-v2-potentials{
    grid-template-columns:1fr 1fr !important;
    margin-top:10px !important;
  }

  body.process-v2-page .process-v2-potentials .potential{
    padding:10px !important;
  }

  body.process-v2-page .process-v2-potentials .potential strong{
    font-size:20px !important;
  }

  body.process-v2-page .process-v2-pulse .pulse{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body.process-v2-page .pulse-item{
    grid-template-columns:92px 1fr auto !important;
    gap:7px !important;
  }

  body.process-v2-page .process-v2-result-actions{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
  }

  body.process-v2-page .process-v2-result-actions .button{
    width:100% !important;
    min-height:40px !important;
  }

  /* TOOLS: only active tool scrolls internally. */
  body.tools-v2-page .tools-v2-panel{
    display:flex !important;
    flex-direction:column !important;
  }

  body.tools-v2-page .tools-v2-head,
  body.tools-v2-page .tools-v2-rail,
  body.tools-v2-page .tools-v2-flow{
    flex:0 0 auto;
  }

  body.tools-v2-page .tools-v2-flow{
    margin:0 0 7px !important;
    padding:8px 9px !important;
    font-size:8px !important;
    line-height:1.3 !important;
  }

  body.tools-v2-page .tool-panel.tools-v2-work.is-active{
    display:block !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    padding-right:2px;
  }

  body.tools-v2-page .tools-v2-tool-head{
    margin-bottom:8px !important;
  }

  body.tools-v2-page .tools-v2-tool-head h3{
    margin:4px 0 0 !important;
    font-size:clamp(22px,6.3vw,29px) !important;
    line-height:.98 !important;
  }

  body.tools-v2-page .tools-v2-form-grid,
  body.tools-v2-page .tools-v2-text-options{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body.tools-v2-page .tools-v2-metrics{
    grid-template-columns:1fr 1fr !important;
    gap:1px !important;
    margin-top:8px !important;
  }

  body.tools-v2-page .tools-v2-metrics>div{
    padding:9px 10px !important;
  }

  body.tools-v2-page .tools-v2-metrics strong{
    font-size:19px !important;
  }

  body.tools-v2-page .tools-v2-actions{
    display:flex !important;
    gap:7px !important;
    align-items:center !important;
    padding-top:8px !important;
  }

  body.tools-v2-page .tools-v2-actions .button{
    width:auto !important;
    min-height:40px !important;
    padding:10px 12px !important;
    font-size:7px !important;
  }

  body.tools-v2-page .tools-v2-finder-result{
    padding:11px !important;
    margin-top:8px !important;
  }

  body.tools-v2-page .tools-v2-finder-result h4{
    margin:5px 0 !important;
    font-size:22px !important;
  }

  body.tools-v2-page .tools-v2-finder-result .body-copy{
    font-size:9px !important;
    line-height:1.35 !important;
  }

  body.tools-v2-page .tools-v2-text-grid{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }

  body.tools-v2-page .tools-v2-text-grid textarea{
    min-height:78px !important;
    max-height:78px !important;
  }

  body.tools-v2-page .tools-v2-text-result{
    min-height:92px !important;
    max-height:130px !important;
    overflow:auto !important;
  }

  /* ---------------------------------------------------------
     KONTAKT — same composition as desktop, compacted to one screen.
     --------------------------------------------------------- */
  body[data-page="kontakt"] .contact-hero{
    width:calc(100% - 24px) !important;
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    gap:9px !important;
    padding:9px 0 10px !important;
    align-items:stretch !important;
  }

  body[data-page="kontakt"] .contact-hero>div:first-of-type{
    min-height:0 !important;
  }

  body[data-page="kontakt"] .contact-hero>div:first-of-type .kicker{
    margin-bottom:4px !important;
    font-size:7px !important;
  }

  body[data-page="kontakt"] .contact-hero h1{
    margin:0 !important;
    font-size:clamp(31px,9.4vw,41px) !important;
    line-height:.84 !important;
  }

  body[data-page="kontakt"] .contact-hero .lead,
  body[data-page="kontakt"] .contact-proof{
    display:none !important;
  }

  body[data-page="kontakt"] .contact-form{
    min-height:0 !important;
    height:100% !important;
    max-height:none !important;
    padding:13px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }

  body[data-page="kontakt"] .contact-form .kicker{
    margin-bottom:4px !important;
    font-size:7px !important;
  }

  body[data-page="kontakt"] .contact-form-title{
    margin:4px 0 9px !important;
    font-size:clamp(22px,6.2vw,29px) !important;
    line-height:.96 !important;
  }

  body[data-page="kontakt"] .contact-grid{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body[data-page="kontakt"] .contact-form .field{
    margin-bottom:8px !important;
    gap:5px !important;
  }

  body[data-page="kontakt"] .contact-form .field label{
    font-size:6.5px !important;
    letter-spacing:.13em !important;
  }

  body[data-page="kontakt"] .contact-form input,
  body[data-page="kontakt"] .contact-form select,
  body[data-page="kontakt"] .contact-form textarea{
    width:100% !important;
    min-height:42px !important;
    padding:9px 10px !important;
    font-size:16px !important;
  }

  body[data-page="kontakt"] .contact-form textarea{
    min-height:82px !important;
    max-height:82px !important;
    resize:none !important;
  }

  body[data-page="kontakt"] .form-disclaimer{
    margin:6px 0 !important;
    font-size:7.5px !important;
    line-height:1.3 !important;
  }

  body[data-page="kontakt"] .contact-form .button{
    min-height:42px !important;
    margin-top:4px !important;
    padding:10px 14px !important;
    font-size:7px !important;
  }

  body[data-page="kontakt"] .contact-success{
    margin-top:7px !important;
    padding:10px 12px !important;
  }

  body[data-page="kontakt"] .contact-success h3{
    font-size:21px !important;
  }

  /* Mobile footer stays readable without stealing a second screen. */
  body.world-page .site-footer,
  body.process-v2-page .site-footer,
  body.tools-v2-page .site-footer,
  body[data-page="kontakt"] .site-footer{
    overflow:hidden !important;
  }
}

/* Very short phone screens get a final compact pass. */
@media(max-width:900px) and (max-height:700px){
  body.process-v2-page .process-v2-copy .lead,
  body.tools-v2-page .tools-v2-copy .lead{
    display:none !important;
  }

  body.process-v2-page .process-v2-shell,
  body.tools-v2-page .tools-v2-shell,
  body[data-page="kontakt"] .contact-hero{
    gap:6px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  body.process-v2-page .process-v2-copy h1,
  body.tools-v2-page .tools-v2-copy h1,
  body[data-page="kontakt"] .contact-hero h1{
    font-size:30px !important;
  }

  body.process-v2-page .process-v2-panel,
  body.tools-v2-page .tools-v2-panel,
  body[data-page="kontakt"] .contact-form{
    padding:10px !important;
  }
}


/* Phase 4.17 final viewport guard */
@media(max-width:900px){
  body.process-v2-page .process-full-field,
  body.process-v2-page .process-full-field-shade{
    top:var(--header-h) !important;
    right:0 !important;
    bottom:var(--footer-h) !important;
    left:0 !important;
    height:auto !important;
    min-height:0 !important;
  }

  body.world-page #main,
  body.process-v2-page #main,
  body.tools-v2-page #main,
  body[data-page="kontakt"] #main{
    height:calc(100dvh - var(--header-h) - var(--footer-h)) !important;
  }
}


/* =========================================================
   MACHSEIN V3 PHASE 4.19 — VISIBLE SIGNATURE MOTION
   Actual movement, not merely more opacity.
   ========================================================= */
body.process-v2-page .process-full-field{
  opacity:1 !important;
  filter:contrast(1.14) brightness(1.14) saturate(1.05) !important;
}

body.process-v2-page .process-full-field-shade{
  background:
    linear-gradient(90deg,
      rgba(3,4,4,.61) 0%,
      rgba(3,4,4,.28) 28%,
      rgba(3,4,4,.10) 54%,
      rgba(3,4,4,.25) 78%,
      rgba(3,4,4,.60) 100%),
    linear-gradient(180deg,
      rgba(3,4,4,.04),
      rgba(3,4,4,.23)) !important;
}

body.process-v2-page .process-v2-panel,
body.process-v2-page .check-product,
body.process-v2-page .check-aside,
body.process-v2-page .result-card{
  background:rgba(5,6,6,.80) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

@media(max-width:900px){
  body.process-v2-page .process-full-field{
    opacity:.82 !important;
    filter:contrast(1.10) brightness(1.10) saturate(1.03) !important;
  }
  body.process-v2-page .process-full-field-shade{
    background:
      linear-gradient(180deg,rgba(3,4,4,.44),rgba(3,4,4,.30)),
      linear-gradient(90deg,rgba(3,4,4,.54),rgba(3,4,4,.18),rgba(3,4,4,.54)) !important;
  }
  body.process-v2-page .process-v2-panel{
    background:rgba(5,6,6,.84) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.process-v2-page .process-full-field{
    opacity:.62 !important;
  }
}


/* =========================================================
   MACHSEIN V3 PHASE 4.20 — FREE VALUE / PAID OUTCOME
   Erkennen + bewerten stays generous and free.
   MACHSEIN begins at implementation, responsibility and proof.
   ========================================================= */
.process-v2-boundary-note{
  display:flex;
  align-items:center;
  gap:12px;
  margin:-5px 0 17px;
  padding:10px 12px;
  border:1px solid rgba(216,180,94,.14);
  background:rgba(216,180,94,.025);
  color:#aaa297;
  font-size:9px;
  line-height:1.4;
  letter-spacing:.05em;
}
.process-v2-boundary-note span{display:flex;gap:6px;align-items:center;min-width:0}
.process-v2-boundary-note b{color:#d8b45e;font-size:8px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.process-v2-boundary-note i{height:1px;flex:1 1 36px;min-width:20px;background:linear-gradient(90deg,rgba(216,180,94,.08),rgba(216,180,94,.55),rgba(216,180,94,.08))}

body.process-v2-page .process-v2-result{
  display:block;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  padding-right:5px;
}
body.process-v2-page .process-v2-result-main .diagnosis,
body.process-v2-page .process-v2-lever .body-copy{
  display:block;
  -webkit-line-clamp:unset;
  -webkit-box-orient:initial;
  overflow:visible;
}
.process-v2-business-principle,
.contact-business-principle{
  margin:9px 0 0;
  color:#d8b45e;
  font:600 9px/1.35 Inter,"Helvetica Neue",Arial,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.contact-business-principle{
  margin:0 0 14px;
}

body.process-v2-page .process-v2-potential-copy{
  display:block;
  margin:0;
  padding:15px 0 18px;
  border-bottom:1px solid var(--line-soft);
  color:#a9a196;
  font-size:12px;
  line-height:1.65;
}
.process-v2-free-result{
  margin-top:20px;
  padding:21px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.006));
}
.process-v2-result-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:17px;
}
.process-v2-result-section-head h3,
.process-v2-paid-copy h3{
  margin:7px 0 0;
  color:#f4efe6;
  font:400 clamp(25px,2.5vw,36px)/1 Georgia,"Times New Roman",serif;
}
.free-value-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(216,180,94,.25);
  color:#d8b45e;
  font-size:7px;
  letter-spacing:.16em;
  text-transform:uppercase;
  white-space:nowrap;
}
.process-v2-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:rgba(255,255,255,.075);
}
.process-v2-detail{
  min-width:0;
  padding:17px;
  background:#070808;
}
.process-v2-detail>span,
.process-v2-economic-head span{
  display:block;
  color:#8e867a;
  font-size:7px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.process-v2-detail h4,
.process-v2-economic-head h4{
  margin:8px 0 10px;
  color:#eee7dc;
  font:500 15px/1.25 Inter,"Helvetica Neue",Arial,sans-serif;
}
.process-v2-detail p,
.process-v2-detail li,
.process-v2-economic-head p{
  color:#a9a196;
  font-size:10px;
  line-height:1.58;
}
.process-v2-detail ol,
.process-v2-detail ul{
  margin:0;
  padding-left:17px;
}
.process-v2-detail li+li{margin-top:7px}
.process-v2-detail ul{margin-top:10px}
.process-v2-detail ul li::marker{color:#d8b45e}
.process-v2-economics{
  margin-top:1px;
  padding:18px;
  background:rgba(216,180,94,.035);
  border-top:1px solid rgba(216,180,94,.18);
}
.process-v2-economic-head{
  display:grid;
  grid-template-columns:minmax(220px,.7fr) minmax(280px,1.3fr);
  gap:24px;
  align-items:end;
  margin-bottom:14px;
}
.process-v2-economic-head h4{margin-bottom:0}
.process-v2-economic-head p{margin:0}
.process-v2-economics .economics-grid{margin:0}

.process-v2-paid-result{
  margin-top:14px;
  padding:22px;
  border:1px solid rgba(216,180,94,.27);
  background:
    radial-gradient(circle at 85% 0,rgba(216,180,94,.09),transparent 35%),
    linear-gradient(135deg,rgba(216,180,94,.055),rgba(4,5,5,.72));
}
.process-v2-paid-copy{max-width:760px}
.process-v2-paid-copy p{
  max-width:720px;
  margin:11px 0 0;
  color:#b8b0a4;
  font-size:12px;
  line-height:1.65;
}
.process-v2-paid-stages{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:18px 0;
  background:rgba(216,180,94,.16);
}
.process-v2-paid-stage{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  row-gap:4px;
  padding:14px;
  background:rgba(4,5,5,.88);
}
.process-v2-paid-stage span{
  grid-row:1/3;
  color:#d8b45e;
  font:400 22px/1 Georgia,"Times New Roman",serif;
}
.process-v2-paid-stage strong{color:#eee8de;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.process-v2-paid-stage small{color:#8f887d;font-size:9px;line-height:1.45}
.process-v2-paid-actions{display:flex;gap:10px;flex-wrap:wrap}
.process-v2-result-actions--secondary{
  justify-content:flex-end;
  padding:10px 0 0;
}
.process-v2-result-actions--secondary .button{min-height:36px!important}

.tools-session-links{display:flex;align-items:center;gap:12px}
.tools-implementation-link{
  color:#d8b45e;
  font:600 8px/1.2 Inter,"Helvetica Neue",Arial,sans-serif;
  letter-spacing:.15em;
  text-transform:uppercase;
  text-decoration:none;
}
.tools-implementation-link:hover,.tools-implementation-link:focus-visible{color:#f1d17d}

.contact-handoff{
  margin:0 0 13px;
  padding:11px 13px;
  border-left:1px solid #d8b45e;
  background:rgba(216,180,94,.045);
}
.contact-handoff>span{
  display:block;
  color:#d8b45e;
  font-size:7px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.contact-handoff strong{
  display:block;
  margin-top:5px;
  color:#f1ebe1;
  font:500 14px/1.25 Inter,"Helvetica Neue",Arial,sans-serif;
}
.contact-handoff p{
  margin:4px 0 0;
  color:#9e968b;
  font-size:9px;
  line-height:1.45;
}

@media(min-width:901px){
  body.process-v2-page .process-v2-input{
    max-height:calc(100svh - var(--header-h) - var(--footer-h) - 104px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    padding-right:5px!important;
  }
  body.process-v2-page .process-v2-result{
    max-height:calc(100svh - var(--header-h) - var(--footer-h) - 96px)!important;
  }
  body[data-page="kontakt"] .contact-form{
    overflow-y:auto!important;
    scrollbar-width:thin;
  }
}

@media(max-width:900px){
  .process-v2-boundary-note{
    margin:-2px 0 9px;
    padding:8px 9px;
    gap:7px;
    font-size:7.5px;
  }
  .process-v2-boundary-note b{font-size:6px}
  .process-v2-boundary-note i{min-width:12px}
  .process-v2-business-principle,.contact-business-principle{font-size:6.5px;letter-spacing:.1em}
  .contact-business-principle{margin:0 0 7px}
  .process-v2-result-section-head{display:block;margin-bottom:11px}
  .free-value-badge{margin-top:9px;min-height:24px;font-size:6px}
  .process-v2-free-result,.process-v2-paid-result{padding:13px;margin-top:10px}
  .process-v2-result-section-head h3,.process-v2-paid-copy h3{font-size:23px}
  .process-v2-detail-grid,.process-v2-paid-stages{grid-template-columns:1fr}
  .process-v2-detail{padding:12px}
  .process-v2-detail h4,.process-v2-economic-head h4{font-size:13px}
  .process-v2-detail p,.process-v2-detail li,.process-v2-economic-head p{font-size:9px}
  .process-v2-economic-head{grid-template-columns:1fr;gap:5px}
  .process-v2-paid-copy p{font-size:10px;line-height:1.5}
  .process-v2-paid-stages{margin:12px 0}
  .process-v2-paid-stage{padding:10px}
  .process-v2-paid-actions{display:grid;grid-template-columns:1fr}
  .process-v2-paid-actions .button{width:100%}
  body.process-v2-page .process-v2-result-actions--secondary{flex-direction:row!important}
  body.process-v2-page .process-v2-result-actions--secondary .button{width:auto!important;flex:1 1 0}
  .tools-session-links{gap:8px}
  .tools-implementation-link{font-size:6.5px}
  body[data-page="kontakt"] .contact-handoff{margin-bottom:8px;padding:9px 10px}
}