@font-face{font-family:Inter;src:url('/assets/inter.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--green:#0f5408;--lime:#80d859;--paper:#f9f4f2;--ink:#153f15;--muted:#6a7867;--line:#d6ded0;--white:#fffcfa;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #56854a;outline-offset:4px}main:focus{outline:none}h1,h2,h3,p{margin:0}button{color:inherit}em{font-style:normal;color:var(--green)}::selection{background:#80d85966}.icon{width:24px;height:24px;flex-shrink:0}.skip-link{position:fixed;top:-100px;background:var(--green);color:white;padding:16px;z-index:10}.skip-link:focus{top:0}.site-header{max-width:1440px;margin:auto;min-height:106px;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1.5px;white-space:nowrap}.brand>span:first-child{font-weight:400;padding:0 3px}.brand-dot{color:#76a955}.header-caption{font-size:10px;letter-spacing:1.8px;font-weight:650}.header-mark{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}.header-mark i,.green-dot{width:7px;height:7px;border-radius:100%;background:#6fac53;display:inline-block;box-shadow:0 0 0 4px #80d8591a}.hero{max-width:1440px;margin:0 auto;padding:86px 5% 78px;display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.65px;line-height:1.5;display:flex;align-items:center;gap:12px}.hero h1{font-size:clamp(42px,4.75vw,70px);line-height:1.07;letter-spacing:-3.7px;font-weight:650;margin:30px 0 25px}.hero h1>span{color:#6a895f}.hero-description{font-size:17px;line-height:1.75;color:var(--muted);max-width:410px}.button{border:0;border-radius:8px;background:var(--green);color:#fff;padding:17px 23px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:14px;font-weight:570;min-height:54px;text-decoration:none;transition:background .2s,transform .2s}.button:hover{background:#206518;transform:translateY(-1px)}.button.large{margin-top:30px;padding:19px 25px;font-size:15px}.button .icon{width:20px;height:20px}.cta-note{font-size:10px;color:var(--muted);margin-top:15px;line-height:1.6}.business-tags{display:flex;flex-wrap:wrap;gap:19px;margin-top:40px;padding-top:23px;border-top:1px solid var(--line)}.business-tags>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#53654d}.business-tags .icon{width:16px;height:16px}.hero-visual{border:1px solid #c6d3bd;border-radius:20px;background:linear-gradient(145deg,#eff2e9,#e4ecd9);padding:24px 28px;box-shadow:0 20px 50px #1c48120a;position:relative;overflow:hidden}.visual-top,.visual-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-weight:650;gap:10px}.small-pill{padding:7px 10px;background:#fcfff8;border:1px solid #dbe4d3;border-radius:20px;font-size:9px;letter-spacing:0;font-weight:500}.business-core{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:35px}.core-symbol{height:68px;width:68px;border-radius:19px;background:var(--green);color:#f4f8e9;display:grid;place-content:center;grid-auto-flow:column;align-items:center;font-size:24px;letter-spacing:-1px;box-shadow:0 0 0 8px #cedcc55c}.core-symbol span{font-size:16px;font-weight:300;padding:0 3px}.business-core strong{font-size:20px;font-weight:550;letter-spacing:-.6px;margin:18px 0 7px}.business-core small{font-size:10px;color:var(--muted)}.connector-stem{height:32px;width:1px;margin:10px auto 0;background:#91b482}.system-orbit{display:grid;gap:10px}.orbit-card{display:flex;align-items:center;background:#fcfdf7;border:1px solid #c9d6bf;border-radius:11px;padding:16px;gap:14px;animation:arrive .7s both}.orbit-1{animation-delay:.15s}.orbit-2{animation-delay:.3s}.icon-tile{width:42px;height:42px;border:1px solid #d1dfc8;border-radius:12px;background:#edf3e6;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.orbit-card strong{font-size:13px;font-weight:600}.orbit-card small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.orbit-dot{width:6px;height:6px;border-radius:50%;background:#7bad68;margin-left:auto;flex-shrink:0}.visual-bottom{font-size:9px;font-weight:400;letter-spacing:0;color:#617558;border-top:1px solid #cbd9c0;padding-top:18px;margin-top:22px}.visual-bottom .icon{width:16px;height:16px}.how-section{max-width:1296px;margin:0 auto 80px;border-top:1px solid var(--line);padding:45px 0 0;display:grid;grid-template-columns:1fr 1.6fr;gap:6%}h2{font-size:36px;font-weight:570;line-height:1.15;letter-spacing:-1.5px}.how-section h2{font-size:28px;margin-top:15px}.how-section ol{list-style:none;margin:0;padding:0;display:flex;gap:30px}.how-section li{flex:1}.how-section li>span{font-size:12px;color:#668258}.how-section h3{font-size:13px;font-weight:650;margin:16px 0 9px}.how-section li p{font-size:12px;color:var(--muted);line-height:1.7}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:25px 5%;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}footer>div{display:flex;gap:25px}.wizard{max-width:660px;margin:50px auto 80px;padding:0 24px;min-height:65vh}.stepbar{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-weight:600;color:var(--muted)}.progress-track{display:flex;gap:6px;margin:14px 0 38px}.progress-track span{height:3px;flex:1;background:#dbe1d4}.progress-track span.filled{background:var(--green)}.wizard-heading{margin-bottom:30px}.wizard-heading h1{font-size:39px;line-height:1.12;font-weight:600;letter-spacing:-1.8px;margin:15px 0;color:#52614c}.wizard-heading p:last-child{font-size:14px;line-height:1.7;color:var(--muted)}.form-grid{display:grid;gap:18px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.form-grid .field{margin:0}.field>span{font-size:12px;font-weight:600}.field input{width:100%;background:var(--white);border:1px solid #cbd6c3;border-radius:7px;padding:14px;font-size:16px;color:var(--ink);min-height:51px}.field small{font-size:11px;line-height:1.6;color:var(--muted)}.consent{display:flex;gap:12px;font-size:11px;color:#5b6b53;line-height:1.7;margin:24px 0 20px;align-items:flex-start}.consent input{margin:4px 0 0;flex-shrink:0;width:17px;height:17px;accent-color:var(--green)}.reassurance{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);line-height:1.6}.reassurance .icon{width:18px;height:18px}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:32px;padding-top:23px;border-top:1px solid var(--line)}.text-button{background:none;border:0;font-size:12px;display:inline-flex;align-items:center;gap:8px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.text-button .icon{width:16px;height:16px}.choices{display:grid;gap:12px;margin:20px 0}.choice{position:relative;display:flex;align-items:center;gap:15px;background:var(--white);border:1px solid #d1d9ca;border-radius:10px;padding:19px 17px;cursor:pointer;transition:background .15s,border-color .15s}.choice.selected{background:#edf3e6;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice:focus-within{outline:3px solid #82a971;outline-offset:3px}.choice>span:nth-of-type(1){flex:1}.choice strong{font-size:14px;font-weight:580}.choice small{display:block;font-size:11px;margin-top:6px;color:var(--muted);line-height:1.5}.choice-check{width:19px;height:19px;border:1px solid #b1c0a7;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.choice-check .icon{width:14px;height:14px;opacity:0}.choice.selected .choice-check{background:var(--green);color:white;border-color:var(--green)}.choice.selected .choice-check .icon{opacity:1}.existing{border:0;padding:15px 0 0;margin:25px 0 0}.existing legend{font-size:14px;font-weight:600}.existing p{font-size:11px;color:var(--muted);margin:0 0 14px}.check-row{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:12px}.check-row input{width:17px;height:17px;accent-color:var(--green)}.quiet-note{margin-top:20px;font-size:11px;color:var(--muted);line-height:1.7}.form-error{font-size:12px;color:#9b341c;margin-top:18px;line-height:1.6}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.status-toast:empty{display:none}.status-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:90vw;width:max-content;border:1px solid var(--line);background:var(--white);padding:13px 20px;border-radius:9px;font-size:12px;box-shadow:0 6px 25px #183b1220;z-index:10}.status-toast.error{color:#9b341c}.guide{max-width:1180px;margin:60px auto 50px;padding:0 28px}.guide-heading{max-width:770px;margin-bottom:45px}.guide-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.14;letter-spacing:-2px;font-weight:580;margin:19px 0;color:#66765e;overflow-wrap:anywhere}.guide-heading>p:last-of-type{font-size:14px;line-height:1.7;color:var(--muted)}.guide-meta{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:10px}.guide-meta>span{display:flex;align-items:center;gap:8px;font-size:11px}.guide-meta .icon{width:18px;height:18px}.recommendations{display:grid;gap:28px}.recommendation{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbd5c2;border-radius:17px;overflow:hidden;background:var(--white)}.recommendation-intro{padding:36px;position:relative}.module-number{position:absolute;right:30px;top:32px;font-size:12px;color:#7f9274}.recommendation-intro>.icon-tile{margin-bottom:24px}.recommendation-intro h2{font-size:30px;margin:12px 0 18px}.recommendation-intro>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}.because{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:11px;line-height:1.8}.because strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.because span{color:var(--muted)}.module-demo{background:#edf2e6;padding:30px;display:flex;flex-direction:column}.demo-caption{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px}.demo-caption span:last-child{font-weight:400;letter-spacing:0;color:var(--muted)}.demo-stage{margin-top:24px;min-height:204px;display:flex;flex-direction:column;justify-content:center}.call-graphic{display:flex;align-items:center;gap:12px;background:var(--green);color:white;padding:18px;border-radius:10px}.call-graphic strong{display:block;font-size:13px;margin-top:6px;overflow-wrap:anywhere}.call-graphic small{font-size:7px;letter-spacing:1px}.wave{font-size:16px;letter-spacing:2px;color:var(--lime);margin-left:auto;white-space:nowrap}.message-bubble{background:var(--white);border:1px solid #d9e2cf;border-radius:12px 12px 12px 2px;padding:16px;margin-top:14px;font-size:12px;line-height:1.8}.demo-dots{display:flex;gap:5px;justify-content:center;margin-top:22px}.demo-dots>span{width:5px;height:5px;background:#c6d3bd;border-radius:50%}.demo-dots .active{background:var(--green);width:17px;border-radius:4px}.demo-step{font-size:10px;color:var(--muted);line-height:1.6;text-align:center;margin-top:8px}.demo-button{background:none;border:1px solid #abbfa0;border-radius:7px;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:11px}.demo-button .icon{width:16px;height:16px}.benefits{margin-top:24px;display:grid;gap:12px}.benefits>div{display:flex;gap:9px;font-size:10px;line-height:1.6}.benefits .icon{width:15px;height:15px}.review-graphic{text-align:center;padding:12px}.review-graphic>.icon{height:38px;width:38px;color:#578549}.review-graphic h3{font-size:19px;font-weight:550;margin:15px 0 10px}.review-graphic p,.booking-graphic p{font-size:12px;line-height:1.7;color:var(--muted)}.booking-graphic{border:1px solid #cfdbc5;background:var(--white);border-radius:9px;overflow:hidden;text-align:center;padding-bottom:17px}.mini-browser{display:flex;align-items:center;gap:4px;padding:10px;background:#e0e8d8}.mini-browser i{width:4px;height:4px;border-radius:100%;background:#96ab87}.mini-browser span{font-size:8px;margin-left:8px}.booking-graphic h3{font-size:17px;font-weight:550;margin:18px 12px 14px}.booking-graphic p{padding:0 15px}.mini-service{display:flex;justify-content:space-between;border:1px solid #ccd8c1;border-radius:4px;margin:0 20px;padding:12px;font-size:11px}.demo-check{margin:10px;color:var(--green)}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px 0;border-bottom:1px solid var(--line);margin-top:15px}.calculator h2{font-size:30px;margin:15px 0}.calculator>div>p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted)}.range-label{display:block;font-size:12px;margin:26px 0 17px;line-height:1.7}input[type=range]{width:100%;accent-color:var(--green);min-height:24px}.range-ends{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.estimate-card{background:var(--green);color:white;padding:32px;border-radius:14px;display:flex;flex-direction:column;justify-content:center}.estimate-card>span{font-size:8px;letter-spacing:1.3px;line-height:1.7;color:#d7e6cd}.estimate-card>strong{font-size:56px;letter-spacing:-2px;font-weight:550;line-height:1.3;margin:12px 0;overflow-wrap:anywhere}.estimate-card>p{font-size:10px;line-height:1.8;color:#d7e6cd}.estimate-footnote{font-size:9px;line-height:1.8;color:#b7d1aa;border-top:1px solid #487b3e;padding-top:18px;margin-top:20px}.next-step{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:65px 0 35px}.next-step h2{margin:15px 0}.next-step p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}.next-options{display:flex;flex-direction:column;gap:14px;justify-content:center}.next-option{display:flex;align-items:center;gap:16px;padding:21px;background:var(--white);border:1px solid #bdcdb1;border-radius:10px;text-align:left}.next-option>span{color:#60864e}.next-option>div{flex:1}.next-option strong{font-size:13px;display:block}.next-option small{font-size:11px;line-height:1.6;color:var(--muted);display:block;margin-top:7px}.next-option>.icon{width:18px;height:18px}.guide-end{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;gap:20px}.privacy{max-width:760px;margin:60px auto;padding:0 25px}.privacy h1{font-size:40px;margin-bottom:30px}.privacy h2{font-size:21px;margin:28px 0 12px}.privacy p{font-size:14px;line-height:1.9;color:var(--muted)}.noscript{padding:30px;text-align:center}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1440px){.how-section{margin-left:auto;margin-right:auto}}@media(max-width:1439px){.how-section{margin-left:5%;margin-right:5%}}@media(max-width:1000px){.header-mark{display:none}.hero{gap:4%;padding-top:60px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-visual{padding:20px}.hero-description{font-size:15px}.how-section{grid-template-columns:1fr}.how-section ol{margin-top:25px}.recommendation-intro{padding:26px}.module-demo{padding:25px}.next-step{gap:30px}}
@media(max-width:700px){.site-header{min-height:80px;padding:21px 22px}.brand{font-size:23px}.header-caption{font-size:7px;letter-spacing:1px;max-width:115px;text-align:right;line-height:1.6}.hero{display:flex;flex-direction:column;align-items:stretch;padding:44px 23px 45px;gap:36px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:clamp(38px,10.5vw,56px);line-height:1.1;letter-spacing:-2.5px;margin:25px 0 20px}.hero-description{font-size:14px;line-height:1.8;max-width:360px}.button.large{width:100%;margin-top:25px}.cta-note{text-align:center;font-size:9px}.business-tags{gap:14px;margin-top:25px;padding-top:20px}.business-tags>span{font-size:9px;gap:5px}.business-tags .icon{width:14px;height:14px}.hero-visual{padding:20px;border-radius:15px}.business-core{margin-top:28px}.core-symbol{width:55px;height:55px;border-radius:15px;font-size:20px}.business-core strong{font-size:18px}.orbit-card{padding:14px}.how-section{padding:30px 0 0;margin:0 23px 40px}.how-section h2{font-size:27px}.how-section ol{flex-direction:column;gap:22px;margin-top:25px}.how-section li{display:flex;gap:20px}.how-section li>span{padding-top:2px}.how-section h3{margin:0 0 8px;font-size:14px}.how-section li p{font-size:12px;max-width:300px}.wizard{margin:30px auto 45px;padding:0 23px}.wizard-heading h1{font-size:33px;letter-spacing:-1.5px}.wizard-heading p:last-child{font-size:12px}.progress-track{margin-bottom:30px}.choice{padding:18px 14px}.choice strong{font-size:13px}.choice small{font-size:10px}.choice>.icon{width:22px;height:22px}.form-actions{margin-top:24px}.form-actions .button{padding:16px 20px;font-size:13px}.consent{font-size:10px}.guide{padding:0 21px;margin-top:35px}.guide-heading h1{font-size:34px;letter-spacing:-1.5px}.guide-heading>p:last-of-type{font-size:12px}.guide-heading{margin-bottom:30px}.guide-meta{flex-wrap:wrap}.recommendation{grid-template-columns:1fr;border-radius:13px}.recommendation-intro{padding:25px}.recommendation-intro h2{font-size:28px}.recommendation-intro .eyebrow{font-size:8px}.module-demo{padding:24px}.calculator{grid-template-columns:1fr;gap:24px;padding-top:35px;padding-bottom:35px}.calculator h2{font-size:29px}.estimate-card{padding:26px}.estimate-card>strong{font-size:48px}.next-step{grid-template-columns:1fr;gap:25px;margin:40px 0 25px}.next-step h2{font-size:32px}.next-step p:not(.eyebrow){font-size:12px}.next-option{padding:20px 16px}.guide-end{align-items:flex-start}.guide-end .text-button{padding:0;font-size:10px;white-space:nowrap}footer{padding:22px;font-size:9px}footer>div{gap:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.site-header,.text-button,.demo-button,.next-step,footer,.status-toast,.guide-end{display:none!important}.guide{max-width:none;margin:0;padding:0}.recommendation{break-inside:avoid}.guide-heading h1{font-size:30px}.recommendation-intro h2{font-size:24px}.calculator{break-inside:avoid}.hero-visual,.estimate-card,.module-demo{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
.teaser-core{text-align:center;padding:30px 0 24px}.teaser-core>.icon{width:31px;height:31px;color:#4d8439;margin-bottom:16px}.teaser-core h2{font-size:31px;letter-spacing:-1.1px;line-height:1.2;font-weight:530}.teaser-core p{font-size:11px;line-height:1.8;color:#6d7d62;margin-top:14px}.teaser-paper{background:#fbfcf6;border:1px solid #cbd7c1;border-radius:12px;padding:22px 21px;box-shadow:0 9px 20px #34462608}.teaser-paper-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:#718462;padding-bottom:18px}.teaser-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid #e0e7d8}.teaser-row>span{font-size:10px;color:#90a383}.teaser-row>div{flex:1}.teaser-row strong{font-size:12px;font-weight:540}.teaser-row>.icon{width:15px;height:15px;color:#9fb892}.teaser-line{height:6px;width:85%;background:linear-gradient(90deg,#dfe6d8,#f1f4ec);border-radius:6px;margin-top:10px}.teaser-line.shorter{width:65%}.teaser-caption{font-size:9px;line-height:1.7;text-align:center;color:#829176;margin-top:15px}.hero-visual{background:radial-gradient(ellipse at 45% 15%,#e2ecd7,transparent 60%),#ecf0e6}
@media(max-width:700px){.teaser-core h2{font-size:29px}.teaser-core{padding:25px 0}.teaser-paper{padding:18px}.teaser-row strong{font-size:11px}}
/* Compact tool entry: one task, one primary action. */
.tool-start{max-width:610px;min-height:65vh;margin:0 auto;padding:64px 24px 70px;text-align:left}.tool-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);background:#edf3e6;border-radius:13px;margin-bottom:25px}.tool-start h1{font-size:44px;line-height:1.15;letter-spacing:-1.8px;font-weight:600;margin:18px 0}.tool-intro{max-width:490px;font-size:16px;line-height:1.75;color:var(--muted)}.tool-summary{display:flex;flex-wrap:wrap;gap:16px 22px;margin:28px 0;font-size:12px;color:var(--muted)}.tool-summary span{display:flex;align-items:center;gap:7px}.tool-summary .icon{width:17px;height:17px}.tool-start>.button{width:100%;max-width:360px}.field select{font:inherit;width:100%;min-height:51px;padding:14px;background:var(--white);color:var(--ink);border:1px solid #cbd6c3;border-radius:7px;font-size:16px}.field select:focus-visible{outline:3px solid #56854a;outline-offset:4px}.consent{font-size:12px;line-height:1.6;margin:22px 0 0;gap:9px}.consent input{width:16px;height:16px;margin-top:2px}.site-header{min-height:78px}.wizard-heading h1{font-size:32px}.tool-start .quiet-note{margin-top:13px}.field>span small{font-weight:400}
@media(max-width:700px){.tool-start{padding:42px 23px 48px;min-height:70vh}.tool-start h1{font-size:35px;letter-spacing:-1.4px}.tool-intro{font-size:14px}.tool-summary{font-size:11px;gap:13px}.tool-start>.button{max-width:none}.tool-start .quiet-note{text-align:center}.consent{font-size:12px}.wizard-heading h1{font-size:30px}}
/* Discovery tool: a centered, focused opening with restrained ambient motion. */
body{background:radial-gradient(ellipse at 50% 12%,#e8efdf66,transparent 46%),var(--paper)}
.site-header{min-height:70px;padding:22px 24px;border:0;justify-content:center;max-width:1080px}.brand{font-size:22px;letter-spacing:-1.3px}.tool-start{position:relative;display:flex;flex-direction:column;align-items:center;max-width:620px;min-height:0;margin:auto;padding:8px 24px 56px;text-align:center}.discovery-visual{position:relative;width:300px;height:216px;flex-shrink:0;margin:0 auto 6px;isolation:isolate}.discovery-aura{position:absolute;inset:21px 20px;border-radius:50%;background:radial-gradient(ellipse,#c5dfb7a6 0%,#d7e5cc60 43%,transparent 72%);filter:blur(10px);animation:aura-breathe 7s ease-in-out infinite}.discovery-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-ring{stroke:#b7caaa;stroke-width:.8;stroke-dasharray:2 5;opacity:.8}.map-ring.inner{stroke:#ccd9c3;stroke-dasharray:none;opacity:.65}.map-thread{stroke:#b6cbaa;stroke-width:1;opacity:.6}.map-node{fill:#668f55;stroke:var(--paper);stroke-width:3;transform-box:fill-box;transform-origin:center;animation:node-breathe 5s ease-in-out infinite}.node-b{animation-delay:-1.5s}.node-c{animation-delay:-3s}.node-d{animation-delay:-4s}.discovery-core{position:absolute;top:67px;left:111px;width:78px;height:78px;border-radius:23px;transform:rotate(-10deg);background:linear-gradient(145deg,#fffefa 0%,#eef4e8 47%,#c9dcbc 100%);box-shadow:inset 0 1px 1px #fff,0 18px 30px #3350251c,0 2px 4px #33502510;border:1px solid #fffffff0;animation:core-float 7s ease-in-out infinite;overflow:hidden}.core-face{height:100%;display:grid;place-items:center;transform:rotate(10deg)}.core-face .icon{width:35px;height:35px;stroke-width:1.35;color:var(--green);filter:drop-shadow(0 2px 1px #ffffff)}.core-glint{position:absolute;inset:-80%;background:linear-gradient(115deg,transparent 43%,#ffffffaa 49%,transparent 55%);transform:translateX(-60%);animation:glint 9s ease-in-out infinite;pointer-events:none}.discovery-chip{position:absolute;display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #dce4d5;background:#fffcf8db;box-shadow:0 4px 12px #29471b07;border-radius:20px;font-size:9px;color:#65765c;backdrop-filter:blur(8px);white-space:nowrap}.chip-one{left:9px;top:40px;animation:chip-drift 8s ease-in-out infinite}.chip-one i{width:5px;height:5px;border-radius:50%;background:#74a95e}.chip-two{right:0;bottom:27px;animation:chip-drift 8s ease-in-out -4s infinite}.chip-two .icon{width:12px;height:12px}.tool-label{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#78876e}.tool-label>span{width:5px;height:5px;border-radius:50%;background:#76a960}.tool-label>b{font-weight:400;color:#b3bfaa}.tool-start h1{font-size:clamp(38px,5vw,52px);font-weight:570;letter-spacing:-2.2px;line-height:1.1;margin:20px 0 18px;color:#233e22}.tool-start h1 em{color:var(--green)}.tool-intro{font-size:14px;line-height:1.8;color:#77816f;max-width:390px}.tool-route{display:flex;width:100%;max-width:405px;align-items:center;justify-content:center;gap:11px;margin:28px 0 25px;border:1px solid #dce3d5;border-radius:14px;background:#fffefa8c;padding:15px 13px}.tool-route>span:not(.route-line){display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;white-space:nowrap;color:#6a7c60}.tool-route i{font-style:normal;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:10px;background:#e8f0e1;color:#4f7540;box-shadow:inset 0 0 0 1px #d5e2cc}.route-line{height:1px;flex:1;max-width:33px;background:linear-gradient(90deg,#ccd9c1,#e5ebde);margin-bottom:20px}.tool-start>.start-button{width:100%;max-width:405px;border-radius:12px;min-height:58px;justify-content:space-between;padding:18px 22px;font-size:14px;box-shadow:0 7px 16px #134e0914,inset 0 1px 0 #ffffff1c}.start-button .icon{transition:transform .2s}.start-button:hover .icon{transform:translateX(3px)}.tool-start>h1,.tool-start>.tool-intro,.tool-start>.tool-route,.tool-start>.start-button{animation:tool-enter .65s both}.tool-start>.tool-intro{animation-delay:.06s}.tool-start>.tool-route{animation-delay:.12s}.tool-start>.start-button{animation-delay:.18s}footer{border:0;max-width:480px;padding:18px 25px 30px;color:#8b9485;font-size:9px}.wizard{margin-top:20px}.wizard-heading h1{margin:0 0 14px}.progress-track{margin-bottom:30px}.stepbar{text-transform:uppercase;font-size:9px}.wizard-heading{animation:tool-enter .35s both}
@keyframes core-float{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-7px) rotate(-6deg)}}
@keyframes chip-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes aura-breathe{0%,100%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}
@keyframes node-breathe{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
@keyframes glint{0%,70%{transform:translateX(-60%)}95%,100%{transform:translateX(60%)}}
@keyframes tool-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.site-header{min-height:64px;padding:20px 20px 12px}.brand{font-size:20px}.tool-start{padding:0 25px 26px;min-height:0}.discovery-visual{width:270px;height:202px;margin-bottom:3px}.discovery-core{left:100px;top:64px;width:70px;height:70px;border-radius:21px}.core-face .icon{width:32px;height:32px}.chip-one{left:0;top:38px}.chip-two{right:-2px;bottom:26px}.tool-start h1{font-size:39px;letter-spacing:-1.8px;margin:18px 0 15px}.tool-intro{font-size:13px;line-height:1.8;max-width:310px}.tool-label{font-size:8px;letter-spacing:1.2px}.tool-route{margin:24px 0 19px;padding:14px 10px;gap:10px}.tool-route>span:not(.route-line){font-size:9px}.tool-start>.start-button{min-height:56px}.wizard{margin-top:20px}.wizard-heading h1{font-size:30px}footer{padding:18px 25px 25px}}
@media(max-height:730px) and (max-width:700px){.discovery-visual{height:162px;width:236px}.discovery-core{left:86px;top:48px;width:64px;height:64px;border-radius:18px}.chip-one{top:22px}.chip-two{bottom:18px}.tool-start h1{font-size:35px;margin:16px 0 12px}.tool-route{margin:18px 0 16px}.tool-start{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.discovery-visual *,.tool-start>*,.wizard-heading{animation:none!important;transition:none!important}}
/* The guide is a book: WebGL outside, accessible HTML on its pages. */
body[data-view]{background:#08170f;transition:background-color .4s;color:#d8ddce;min-height:100svh}body[data-view] .site-header{min-height:64px;padding:24px 20px 12px}body[data-view] .brand{font-size:18px;letter-spacing:-1px;color:#c4cfb9;opacity:.72}body[data-view] footer{color:#73836a;max-width:520px}body[data-view] main{min-height:calc(100svh - 130px)}.tome-welcome{max-width:620px;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 16px 20px;overflow:visible}.tome-welcome h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:52px;line-height:1.04;letter-spacing:-1.8px;color:#e5e8d9;position:relative;z-index:2}.tome-welcome h1 em{font-style:italic;color:#a6b896}.tome-stage{position:relative;display:block;width:100%;height:440px;max-width:520px;border:0;padding:0;margin:0;background:transparent;cursor:pointer;isolation:isolate;--book-breath:.5}.tome-stage:disabled{opacity:1;cursor:wait}.tome-stage:focus-visible{outline:1px solid #8a9e70;outline-offset:-20px;border-radius:40%;background:#44663a0a}.tome-glow{position:absolute;inset:12% 8% 9%;background:radial-gradient(ellipse,#345f2d 0%,#254d233b 44%,transparent 70%);filter:blur(18px);opacity:var(--book-breath);transform:scale(calc(.95 + var(--book-breath)*.15));pointer-events:none;z-index:-1}.tome-floor{position:absolute;bottom:26px;left:22%;width:56%;height:24px;border-radius:50%;background:#000;filter:blur(16px);opacity:.28;transform:scaleX(calc(1.15 - var(--book-breath)*.2));pointer-events:none}.tome-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none;z-index:2}.tome-canvas.opening-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:1000}.book-invitation{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.3px;color:#c5ceb9;margin-top:-4px}.book-invitation>span{font-size:18px;color:#8d9e75}.book-note{font-family:Georgia,serif;font-style:italic;color:#65775b;font-size:13px;margin-top:12px}.opening-book{overflow:hidden}.opening-book .tome-welcome h1,.opening-book .book-invitation,.opening-book .book-note,.opening-book .site-header,.opening-book footer{opacity:0;transition:opacity .3s}.opening-book .tome-glow{opacity:.9;transition:opacity 1s}.tome-fallback{position:absolute;left:50%;top:50%;width:218px;height:296px;transform:translate(-50%,-50%) perspective(850px) rotateY(-25deg) rotateZ(-5deg);transform-style:preserve-3d;animation:fallback-hover 6s ease-in-out infinite;pointer-events:none}.fallback-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:29px 17px;background:linear-gradient(125deg,#244f33,#0f2f1e 60%,#193d26);border-radius:5px 10px 10px 5px;border:1px solid #72643d;outline:1px solid #756c4255;outline-offset:-12px;box-shadow:inset 8px 0 8px #07140f,6px 7px 0 #b9a67c,10px 10px 0 #11321e,0 25px 35px #0009;color:#b6a16c}.fallback-brand{font-family:Georgia,serif;font-size:8px;letter-spacing:2px}.fallback-title{font-family:Georgia,serif;line-height:1.9;font-size:9px;letter-spacing:1px;margin-top:27px}.fallback-title>b{font-size:30px;font-weight:400;letter-spacing:0}.fallback-compass{font-family:Georgia,serif;font-size:65px;line-height:1.2;margin-top:14px}.fallback-caption{font:italic 12px Georgia,serif;margin-top:auto}.webgl-ready .tome-fallback{display:none}
body[data-view=pages]{background:radial-gradient(ellipse at 50% 0,#253c26,#08170f 72%)}.book-page{position:relative;max-width:690px;margin:25px auto 58px;min-height:0;padding:35px 48px 40px 57px;color:#35472f;background:linear-gradient(90deg,#ad9c78 0%,#d7c9ab 2%,#eee4cf 6%,#f5eddd 17%,#f7efdf 94%,#eee1c8 100%);border:1px solid #ab9971;border-left:12px solid #25472c;border-radius:4px 10px 10px 4px;box-shadow:3px 2px 0 #cebea1,6px 4px 0 #8f805f,8px 7px 0 #d0bf9c,12px 10px 0 #173c24,0 22px 70px #0006;animation:page-arrive .55s cubic-bezier(.16,1,.3,1) both}.book-page:before{content:'';position:absolute;inset:14px 15px;border:1px solid #b8a47944;pointer-events:none}.page-ornament{font-family:Georgia,serif;text-align:center;color:#9d8859;font-size:21px;margin:0 0 22px}.book-page .stepbar{font-size:8px;letter-spacing:1.2px;color:#8a816c}.book-page .progress-track{margin:12px 0 28px;gap:5px}.book-page .progress-track span{background:#d8ccb2;height:2px}.book-page .progress-track span.filled{background:#78815b}.book-page .wizard-heading h1{font-family:Georgia,serif;font-size:37px;font-weight:400;letter-spacing:-1px;color:#31462c;line-height:1.12}.book-page .wizard-heading p{color:#8a816d;font-size:12px;line-height:1.7}.book-page .field>span{color:#5a604b;font-size:11px}.book-page .field input,.book-page .field select{background:#fffcf547;border-color:#c9bda0;color:#35472f;border-radius:4px;min-height:48px;box-shadow:inset 0 1px 3px #7a633006}.book-page .field input:focus,.book-page .field select:focus{background:#fff9eb;border-color:#7d8e66}.book-page .field small{color:#948872}.book-page .form-grid{gap:18px}.book-page .consent{font-size:11px;color:#7c7765;line-height:1.7}.book-page .form-actions{border-top:1px solid #cfbf9c;padding-top:20px}.book-page .button{border-radius:5px;background:#254c2d}.book-page .text-button{color:#7d785f}.book-page .choice{background:#fffaf055;border-color:#ccbf9f}.book-page .choice.selected{background:#e4e7d1;border-color:#667e4f;box-shadow:inset 0 0 0 1px #667e4f}.book-page .choice small,.book-page .quiet-note,.book-page .existing p{color:#89806b}.book-page .choice-check{border-color:#aaa27f}.book-page .existing{color:#515d42}.book-page .form-error{color:#9b341c}.book-page .check-row input,.book-page .consent input{accent-color:#3a602f}body[data-view=pages] .guide{background:#f5eddd;color:var(--ink);border-left:10px solid #25472c;box-shadow:6px 5px 0 #b7a583,12px 10px 0 #163d22,0 25px 70px #0004;border-radius:4px 10px 10px 4px;padding:42px 35px}body[data-view=pages] .guide-heading h1{font-family:Georgia,serif;font-weight:400}body[data-view=pages] .guide .recommendation{background:#fffaf0}body[data-view=pages] .guide .module-demo{background:#e5e7d6}
@keyframes fallback-hover{0%,100%{transform:translate(-50%,-50%) perspective(850px) rotateY(-25deg) rotateZ(-5deg)}50%{transform:translate(-50%,-53%) perspective(850px) rotateY(-20deg) rotateZ(-3deg)}}
@keyframes page-arrive{from{opacity:0;transform:scale(.975) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:700px){body[data-view] .site-header{min-height:57px;padding:21px 18px 9px}.tome-welcome{padding:25px 12px 26px}.tome-welcome h1{font-size:40px;line-height:1.08;letter-spacing:-1px}.tome-stage{height:390px;max-width:440px;margin:-1px 0 -3px}.book-note{font-size:12px}.book-page{margin:20px 19px 38px 12px;padding:26px 25px 30px 29px;border-left-width:8px;border-radius:3px 7px 7px 3px}.book-page:before{inset:10px}.page-ornament{margin-bottom:18px;font-size:18px}.book-page .wizard-heading h1{font-size:31px;line-height:1.15}.book-page .wizard-heading p{font-size:11px}.book-page .field>span{font-size:11px}.book-page .consent{font-size:11px}.book-page .form-grid{gap:17px}.book-page .choice{padding:16px 12px;gap:11px}.book-page .choice strong{font-size:12px}.book-page .choice>.icon{width:18px;height:18px}.book-page .form-actions .button{min-height:48px;padding:13px 16px;font-size:12px}body[data-view=pages] .guide{margin:22px 18px 40px 10px;padding:25px 17px;border-left-width:7px}.tome-fallback{width:197px;height:270px}body[data-view] footer{max-width:440px;padding:16px 25px 24px}}
@media(max-height:740px) and (max-width:700px){.tome-welcome{padding-top:12px}.tome-welcome h1{font-size:35px}.tome-stage{height:330px}.book-note{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.tome-fallback,.book-page{animation:none!important}.opening-book *{transition:none!important}}
.tome-glow{z-index:0;inset:8% -2% 5%;background:radial-gradient(ellipse,#346735b3 0%,#244f2b5c 36%,#163c2024 57%,transparent 72%);filter:blur(16px)}
@media print{body[data-view=pages]{background:white;color:#153f15}body[data-view=pages] .guide{border:0;box-shadow:none;padding:0;margin:0}.book-page{box-shadow:none}}
/* Cover-led opening: only the invitation, book, and privacy remain. */
body[data-view=tome]{background:#020705}body[data-view=tome] .site-header{display:none}body[data-view=tome] main{min-height:calc(100svh - 60px)}body[data-view=tome] .tome-welcome{min-height:calc(100svh - 60px);justify-content:center;padding:30px 16px 20px}.tome-welcome h1{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:400;letter-spacing:.55px;line-height:1.5;color:#a4af9b;margin:0 0 16px}.tome-stage{height:clamp(390px,58svh,550px);max-width:570px}.tome-glow{background:radial-gradient(ellipse,#1e5429cc 0%,#163a2255 39%,#102d1b22 57%,transparent 72%);inset:4% -8%;filter:blur(22px)}body[data-view] footer{justify-content:center;padding:15px 25px 25px;min-height:60px}.fallback-title{margin-top:24px}.fallback-brand{margin-top:15px}.fallback-compass{margin-top:28px}
@media(max-width:700px){body[data-view=tome] .tome-welcome{padding:25px 8px 10px}.tome-welcome h1{font-size:12px;letter-spacing:.4px;margin-bottom:12px}.tome-stage{height:clamp(350px,58svh,490px);max-width:470px}.tome-glow{inset:4% -5%}.fallback-title{margin-top:25px}}
@media(max-height:740px) and (max-width:700px){.tome-stage{height:350px}.tome-welcome h1{font-size:12px;margin-bottom:4px}}
/* Dark from first paint, with the aura contained within the book's stage. */
html.guide-root{background:#020705;min-height:100%;overflow-x:clip;overscroll-behavior-x:none}
html.guide-root body{background-color:#020705;overflow-x:clip;width:100%;min-height:100svh;transition:none}
body[data-view=tome] .tome-welcome{overflow:clip;padding:22px 8px 12px}
body[data-view=tome] .tome-stage{height:clamp(440px,72svh,720px);max-width:640px;overflow:clip}
body[data-view=tome] .tome-glow{inset:7% 4%;filter:blur(19px)}
.tome-fallback{visibility:hidden;animation:none}
.webgl-unavailable .tome-fallback{visibility:visible}
.tome-canvas,.tome-canvas.opening-canvas{position:fixed;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.tome-canvas.scene-ready{opacity:1}
@media(max-width:700px){body[data-view=tome] .tome-stage{height:clamp(380px,72svh,720px);max-width:560px}body[data-view=tome] .tome-welcome h1{margin-bottom:8px}}
@media(max-height:650px){body[data-view=tome] .tome-stage{height:72svh;min-height:260px}body[data-view=tome] .tome-welcome{padding-top:12px;padding-bottom:6px}}
/* Celestial loading seal: inline vectors, no additional asset request. */
.loading-seal{position:fixed;left:50%;top:48%;width:104px;height:104px;transform:translate(-50%,-50%);z-index:5;pointer-events:none;opacity:1;transition:opacity .25s}
.loading-seal svg{display:block;width:100%;height:100%}
.seal-track{stroke:#5f82533b;stroke-width:1}
.seal-charge{stroke:#b6c989;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:302;stroke-dashoffset:302;transform:rotate(-90deg);transform-origin:60px 60px;animation:seal-energy 2s ease-in-out infinite}
.seal-orbits{stroke:#98b379;stroke-width:.85;opacity:.65}
.seal-orbits path{fill:#9faf6f;stroke:none}.seal-moon{fill:#c3c98f}
@keyframes seal-energy{0%{stroke-dashoffset:302;opacity:.35}70%{stroke-dashoffset:25;opacity:1}100%{stroke-dashoffset:0;opacity:.35}}
.entrance-ready .loading-seal{opacity:0}
body:not(.entrance-ready) .tome-canvas.scene-ready{opacity:0}
.tome-canvas.scene-ready{transition:opacity .35s ease-out}
.galaxy{position:fixed;inset:0;display:block;overflow:hidden;z-index:0;pointer-events:none;opacity:0;transition:opacity .65s ease-out}
.entrance-ready .galaxy{opacity:1}
.galaxy-cloud{position:absolute;inset:2% -18%;display:block;background:radial-gradient(ellipse at 31% 42%,#27674380,transparent 38%),radial-gradient(ellipse at 70% 61%,#286c4560,transparent 34%),radial-gradient(ellipse at 45% 58%,#154e3480,transparent 50%);filter:blur(22px);opacity:calc(.5 + var(--book-breath,.5)*.5);transform:rotate(calc(-16deg + var(--book-breath,.5)*14deg)) scale(1.05)}
.galaxy-stars{position:absolute;inset:0;width:100%;height:100%;opacity:.58}
body[data-view=tome] .tome-glow{background:radial-gradient(ellipse,#387b423d 0%,#27683a38 40%,transparent 70%);filter:blur(16px);inset:2% -1%}
.opening-book .galaxy{opacity:0;transition:opacity 1.2s}
@media(prefers-reduced-motion:reduce){.seal-charge{animation:none;stroke-dashoffset:80}.galaxy,.tome-canvas.scene-ready,.loading-seal{transition:none}}
.galaxy-cloud{background:radial-gradient(ellipse at 22% 40%,#357a538c,transparent 38%),radial-gradient(ellipse at 80% 62%,#2b79518c,transparent 37%),radial-gradient(ellipse at 46% 54%,#164c3580,transparent 57%);opacity:calc(.62 + var(--book-breath,.5)*.35)}
.galaxy-cloud:after{content:'';position:absolute;left:4%;right:4%;top:24%;height:50%;border-radius:50%;background:radial-gradient(ellipse,transparent 42%,#5f9d7440 49%,#31704d45 55%,transparent 65%);transform:rotate(-30deg);filter:blur(11px)}
/* Preparation advances the seal at real milestones; the orbit remains fluid. */
.seal-charge{animation:none;stroke-width:2.4;stroke:#d0d9a2;stroke-dashoffset:calc(302 * (1 - var(--load-progress,0)));transition:stroke-dashoffset .15s linear;opacity:1}
.seal-motion{position:absolute;inset:8%;border:1px solid transparent;border-top-color:#bbd598;border-right-color:#70916366;border-radius:50%;animation:seal-orbit 1.15s linear infinite;will-change:transform}
@keyframes seal-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.seal-motion{animation:none}.seal-charge{transition:none}}
/* Layered wisps and dark dust lanes give the nebula depth with only CSS. */
.galaxy-cloud{inset:-8% -20%;filter:blur(16px);background:radial-gradient(ellipse at 24% 33%,#6b9b7780 0,transparent 24%),radial-gradient(ellipse at 78% 61%,#438b7280 0,transparent 29%),radial-gradient(ellipse at 30% 72%,#23684799 0,transparent 35%),radial-gradient(ellipse at 70% 30%,#183a3c80 0,transparent 37%);opacity:calc(.65 + var(--book-breath,.5)*.3);transform:rotate(calc(-12deg + var(--book-breath,.5)*9deg)) scale(1.05)}
.galaxy-cloud:before{content:'';position:absolute;inset:10% 9%;border-radius:50%;background:radial-gradient(ellipse at 32% 40%,transparent 18%,#a1b58a55 24%,#51855d66 28%,transparent 37%),radial-gradient(ellipse at 68% 68%,transparent 15%,#5a9c8470 24%,#35795750 30%,transparent 44%);transform:rotate(-32deg) scaleX(.8);filter:blur(9px)}
.galaxy-cloud:after{inset:12% 15%;height:auto;border-radius:50%;background:radial-gradient(ellipse at 45% 38%,#010805dd 8%,transparent 33%),radial-gradient(ellipse at 52% 64%,#020907c9 5%,transparent 27%),radial-gradient(ellipse,transparent 40%,#55907550 49%,transparent 59%);transform:rotate(-31deg);filter:blur(9px)}
.galaxy-stars{opacity:.78}
@media(prefers-reduced-motion:reduce){.galaxy-cloud{transform:rotate(-8deg) scale(1.05)}}
.nebula-wisps{position:absolute;inset:-4% -15%;width:130%;height:108%;object-fit:fill;opacity:calc(.48 + var(--book-breath,.5)*.25);mix-blend-mode:screen;transform:rotate(calc(-12deg + var(--book-breath,.5)*6deg));pointer-events:none}
/* The cover is a single stationary viewport; chapter pages retain their scroll. */
html.guide-root:has(body[data-view=tome]){height:100%;overflow:hidden;overscroll-behavior:none}
body[data-view=tome]{position:fixed;inset:0;height:100dvh;min-height:0!important;overflow:hidden!important;overscroll-behavior:none;touch-action:none}
body[data-view=tome] main{height:calc(100dvh - 48px);min-height:0;overflow:hidden}
body[data-view=tome] .tome-welcome{height:100%;min-height:0;padding:14px 8px 0}
body[data-view=tome] .tome-stage{height:min(72svh,calc(100dvh - 125px));min-height:0;flex-shrink:1}
body[data-view=tome] footer{position:absolute;bottom:0;left:0;right:0;height:48px;min-height:0;padding:14px 20px}
.galaxy-cloud{opacity:calc(.34 + var(--book-breath,.5)*.18)}
.nebula-wisps{opacity:calc(.26 + var(--book-breath,.5)*.12)}
.galaxy-stars{opacity:.86}
/* Nearly black space, with narrow filaments instead of a broad wash of mist. */
.galaxy-cloud{opacity:.075}
.nebula-wisps{opacity:calc(.32 + var(--book-breath,.5)*.08)}
body[data-view=tome] .tome-glow{opacity:.18}
