:root{color-scheme:dark;--bg:#171f1e;--panel:#25332e;--surface:#1e2824;--text:#f0ede4;--muted:#b1bcb4;--accent:#bdcba6;--ink:#202820;--line:#ffffff25;--footer:#121918;--film:#34463b;--progress:0;--shift:0px;font-family:'Trebuchet MS','Segoe UI',Arial,sans-serif}
:root[data-look=plum]{--bg:#241f27;--panel:#37303b;--surface:#2c2530;--text:#f1e9e3;--muted:#c1b4c3;--accent:#c5b0cc;--ink:#302535;--line:#ffffff25;--footer:#1a171e;--film:#483a4d}
:root[data-look=sand]{color-scheme:light;--bg:#eee9dc;--panel:#ddd9c9;--surface:#e5e0d2;--text:#292f29;--muted:#596354;--accent:#576948;--ink:#f8f2e6;--line:#2a392b30;--footer:#ded9cb;--film:#d5d8c5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--text)}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p{line-height:1.65;margin:0}h1,h2,h3{margin:0;font-weight:500}h2{font-size:clamp(34px,4vw,62px);letter-spacing:-.055em;line-height:1.08;white-space:pre-line}h3{font-size:23px;line-height:1.2;letter-spacing:-.025em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}.wrap{width:80%;max-width:1500px;margin-inline:auto;min-width:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.eyebrow{font:600 10px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:.16em;color:var(--accent);display:flex;gap:10px;align-items:center}.micro{font-size:11px;color:var(--muted)}.muted{color:var(--muted)}.skip{position:fixed;z-index:100;left:16px;top:-90px;background:var(--accent);color:var(--ink);padding:14px}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default;opacity:.35}.site-header{background:var(--footer);position:relative;z-index:10;border-bottom:1px solid var(--line)}.header-inner{min-height:86px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}.brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;font-weight:700;letter-spacing:-.055em;width:max-content;max-width:100%}.brand img{object-fit:contain}.brand-dot{color:var(--accent)}.brand:hover{color:var(--accent)}.looks{display:flex;gap:5px}.look-button{background:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;position:relative}.look-preview{width:24px;height:24px;border-radius:50%;border:1px solid #ffffff55;transition:transform .2s;background:linear-gradient(135deg,#1a2320 50%,#bdcba6 50%)}.look-preview.plum{background:linear-gradient(135deg,#241f27 50%,#c5b0cc 50%)}.look-preview.sand{background:linear-gradient(135deg,#eee9dc 50%,#576948 50%)}.look-button[aria-pressed=true]::after{content:'';position:absolute;inset:5px;border:1px solid var(--accent);border-radius:50%}.look-button:hover .look-preview{transform:scale(1.15)}.header-actions{display:flex;gap:24px;align-items:center;justify-self:end}.language{display:flex;align-items:center;gap:8px;font-size:11px;background:transparent;min-height:44px;padding:0 5px}.language span[data-language]{opacity:.5}.language span.active{opacity:1;color:var(--accent)}.language-divider{height:12px;width:1px;background:var(--muted)}.language:hover{background:var(--line)}.pages-menu{position:relative;font-size:12px}.pages-menu summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}.pages-menu summary::-webkit-details-marker{display:none}.pages-menu summary:hover{color:var(--accent)}.pages-menu nav{position:absolute;top:52px;right:0;min-width:220px;background:var(--footer);border:1px solid var(--line);padding:8px;box-shadow:0 14px 30px #0004}.pages-menu nav a{display:block;padding:14px 12px;border-bottom:1px solid var(--line)}.pages-menu nav a:hover{background:var(--panel);color:var(--accent)}
.hero-chapter{height:125vh;min-height:820px;position:relative}.hero-sticky{position:sticky;top:0;height:calc(100vh - 40px);min-height:650px;max-height:1050px;overflow:clip}.hero-wrap{height:100%;position:relative;display:flex;align-items:center}.hero-words{width:49%;position:relative;z-index:2;padding:20px 0 95px;pointer-events:none}.hero-words a{pointer-events:auto}.hero-words .eyebrow{margin-bottom:30px}.hero-words h1{font-size:clamp(76px,7.7vw,132px);line-height:.98;letter-spacing:-.07em}.hero-words h1 em{letter-spacing:-.06em}.hero-description{max-width:340px;margin-top:25px;font-size:15px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--accent);color:var(--ink);padding:17px 20px;min-height:52px;font-size:13px;font-weight:700;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.12);transform:translateY(-2px)}.button svg{width:20px}.film-link{display:flex;gap:9px;align-items:center;font-size:12px;min-height:44px}.film-link svg{width:20px}.film-link:hover{color:var(--accent)}.hero-words .micro{margin-top:18px}.live-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.dimension-scene{position:absolute;left:35%;right:-11%;top:47%;transform:translateY(-50%);pointer-events:none}.dimension-svg{width:100%;height:auto;display:block;overflow:visible;stroke:none}.scene-caption{position:absolute;right:13%;bottom:7%;display:flex;align-items:center;gap:16px;font:9px monospace;color:var(--muted)}.scene-caption>span:first-child{font-size:21px;color:var(--accent)}.hero-bottom{position:absolute;bottom:34px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:15px}.hero-bottom>a{display:flex;gap:13px;align-items:center;font:10px monospace;letter-spacing:.1em;min-height:44px}.hero-bottom>a:hover{color:var(--accent)}#motion{display:flex;align-items:center;gap:9px;font-size:10px;background:none;min-height:44px;color:var(--muted)}#motion:hover{color:var(--text)}#motion svg{width:16px}.motion-progress{width:80px;height:2px;background:var(--line)}.motion-progress i{display:block;height:100%;background:var(--accent);transform:scaleX(var(--progress));transform-origin:left}
.product-section{background:var(--panel);position:relative;padding:42px 0 55px}.cut-transition{position:absolute;top:-45px;left:0;right:0;height:46px;background:var(--panel);clip-path:polygon(0 100%,100% 0,100% 100%)}.chapter-label{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font:10px monospace;letter-spacing:.08em}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin:32px 0}.section-heading p{color:var(--muted);max-width:350px;font-size:15px;justify-self:end}.planner-shot{margin:0;background:var(--footer);border:1px solid var(--line);transform:perspective(1600px) rotateX(var(--shot-angle,0deg));transform-origin:center top;will-change:transform}.window-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:var(--muted);font:9px monospace;letter-spacing:.1em}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;background:var(--muted);border-radius:50%}.planner-shot picture{display:block;max-height:570px;overflow:hidden}.planner-shot img{width:100%;height:auto}.planner-shot figcaption{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);padding:12px 16px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:35px;scroll-margin-top:35px}.benefit-grid article{border-top:1px solid var(--line);padding-top:19px}.number{font:12px monospace;color:var(--accent);display:block;margin-bottom:14px}.benefit-grid p{color:var(--muted);font-size:13px;margin-top:13px}.ribbon-transition{position:relative;height:105px;background:var(--surface);overflow:clip;isolation:isolate}.ribbon-transition:before{content:'';position:absolute;inset:0;background:var(--panel);clip-path:polygon(0 0,100% 0,100% 40%,0 68%)}.ribbon-band{position:absolute;left:-3%;width:106%;top:22px;transform:rotate(-1.4deg);background:var(--accent);color:var(--ink);padding:17px 0;overflow:hidden}.ribbon-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.ribbon-group{display:flex;align-items:center;gap:40px;padding-right:40px;flex-shrink:0}.ribbon-group span{font-size:clamp(24px,2.8vw,44px);font-weight:800;letter-spacing:-.055em;white-space:nowrap}.ribbon-group svg{width:28px;height:28px;stroke-width:2}@keyframes marquee{to{transform:translateX(-50%)}}.rhythm-section{background:var(--surface);padding:35px 0 68px}.rhythm-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}.rhythm-grid .eyebrow{margin-bottom:22px}.rhythm-grid h2{font-size:clamp(34px,3.6vw,56px)}.rhythm-copy{max-width:360px;justify-self:end}.rhythm-copy p{font-size:15px;color:var(--muted)}.text-link{display:inline-flex;gap:17px;align-items:center;margin-top:15px;min-height:44px;border-bottom:1px solid var(--accent);font-size:12px;color:var(--accent)}.text-link:hover{background:var(--line)}.text-link svg{width:18px}.film-wrap{margin-top:48px}.film-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.film-poster{width:100%;position:relative;display:block;overflow:hidden;text-align:left;background:var(--film);border:1px solid var(--line);padding:40px 5%;min-height:285px;color:var(--text)}.film-poster>div:first-child{position:relative;z-index:1}.film-caption{display:block;font-size:clamp(22px,2.5vw,36px);letter-spacing:-.04em}.film-poster strong{font:italic 400 clamp(40px,5vw,76px)/1.2 Georgia,serif;color:var(--accent)}.film-watch{display:flex;align-items:center;gap:13px;font-size:12px;margin-top:18px}.film-watch small{opacity:.6}.play-circle{width:42px;height:42px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center}.play-circle svg{width:19px}.film-bars{position:absolute;display:flex;gap:13px;right:5%;top:-15%;height:140%;width:38%;transform:rotate(30deg);transition:transform .6s}.film-bars i{width:15%;height:90%;background:var(--accent);opacity:.2}.film-bars i:nth-child(2n){height:65%;margin-top:80px;opacity:.4}.film-poster:hover .film-bars{transform:rotate(23deg) translateX(-12px)}.film-poster:hover .play-circle{background:var(--accent);color:var(--ink)}
.faq-section{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;padding:70px 0}.faq-section .eyebrow{margin-bottom:20px}.faq-section .muted{font-size:14px;margin-top:20px}.faqs details{border-top:1px solid var(--line)}.faqs details:last-child{border-bottom:1px solid var(--line)}.faqs summary{list-style:none;cursor:pointer;font-size:15px;line-height:1.4;padding:20px 35px 20px 0;position:relative}.faqs summary::-webkit-details-marker{display:none}.faqs summary:after{content:'';width:8px;height:8px;border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);position:absolute;right:4px;top:24px;transform:rotate(45deg)}.faqs details[open] summary:after{transform:rotate(225deg);top:28px}.faqs summary:hover{color:var(--accent);background:var(--line)}.faqs details p{color:var(--muted);font-size:13px;padding:0 25px 23px 0}.final-cta{border-top:1px solid var(--line);padding:60px 0;display:grid;grid-template-columns:1fr 280px;gap:35px;align-items:center}.final-cta .eyebrow{margin-bottom:20px}.final-cta h2{font-size:clamp(54px,6vw,86px)}.final-cta p:last-child{font-size:13px;color:var(--muted);margin-top:20px}.orbit-cta{width:245px;height:245px;border:1px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--accent);justify-self:end;transition:background .3s,color .3s,transform .3s}.orbit-symbol{width:105px;height:105px;stroke-width:1.5;transition:transform .4s}.orbit-cta span{font-size:13px}.orbit-cta:hover{background:var(--accent);color:var(--ink);transform:rotate(-5deg)}.orbit-cta:hover .orbit-symbol{transform:translate(4px,-4px)}.discover{padding:30px 0 55px;border-top:1px solid var(--line)}.discover-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.discover h2{font-size:25px}.gallery-controls{display:flex;gap:5px}.gallery-controls button{display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid var(--line)}.gallery-controls button:hover{background:var(--accent);color:var(--ink)}.app-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 75px)/6);gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 12px;scrollbar-width:thin}.app-card{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:14px;padding:18px 10px;min-height:140px;background:var(--surface);border:1px solid var(--line);scroll-snap-align:start}.app-card img{object-fit:contain;width:50px;height:50px;transition:transform .25s}.app-card span{font-size:12px;text-align:center}.app-card:hover{border-color:var(--accent)}.app-card:hover img{transform:translateY(-5px)}
.review-footer{background:var(--footer);padding:44px 0 0}.footer-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:55px}.footer-brand p{font-size:14px;color:var(--muted);margin-top:18px;white-space:pre-line}.review-footer h2{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.footer-sites a,.footer-right a{display:flex;align-items:center;gap:13px;min-height:46px;border-bottom:1px solid var(--line);font-size:12px;position:relative}.footer-sites a svg,.footer-right a svg{width:18px;height:18px}.footer-sites a:hover,.footer-right a:hover{background:var(--line);color:var(--accent)}.jano-legal-links{display:grid;gap:0}.footer-right .linkedin{margin-top:8px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0;margin-top:32px;font-size:10px;color:var(--muted)}.footer-bottom a{min-height:44px;display:flex;align-items:center}.footer-bottom a:hover{color:var(--text)}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:16px;width:min(960px,94vw);max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dialog-heading strong{font-size:13px}#closeFilm{background:transparent;width:44px;height:44px;display:grid;place-items:center}#closeFilm:hover{background:var(--line)}dialog video{display:block;width:100%;max-height:70vh}#videoError{padding:12px;color:var(--muted)}
:root{--step-0:#708078;--step-1:#83938a;--step-2:#97a89a;--step-3:#b1c3af;--step-4:#c8d6ba;--step-5:#dcE6cf;--step-side:#14221d;--step-front:#37483e}
:root[data-look=plum]{--step-0:#726375;--step-1:#8c7990;--step-2:#a390a8;--step-3:#b5a5bd;--step-4:#c7b7cd;--step-5:#e1d2e6;--step-side:#251c2b;--step-front:#493a50}
:root[data-look=sand]{--step-0:#687261;--step-1:#7e8772;--step-2:#959d84;--step-3:#abb298;--step-4:#c2c7ab;--step-5:#d4d9bd;--step-side:#394337;--step-front:#65745a}
.jr-access{background:var(--footer)!important;border-color:var(--line)!important}.jr-access button{background:var(--footer)!important;color:var(--muted)!important;border-color:var(--line)!important}.jr-access button:hover{color:var(--text)!important;border-color:var(--accent)!important}
[data-motion=paused] .ribbon-track{animation-play-state:paused}
[data-motion=paused] *,[data-motion=paused] *::before,[data-motion=paused] *::after{transition:none!important}
@media(min-width:1800px){.hero-chapter{min-height:1000px}.hero-sticky{height:1000px}.hero-words h1{font-size:140px}}
@media(max-width:1000px){.wrap{width:86%}.header-actions{gap:12px}.hero-words h1{font-size:85px}.hero-words{width:55%}.dimension-scene{left:38%;right:-20%}.section-heading,.rhythm-grid,.faq-section{gap:30px}.benefit-grid{gap:22px}.footer-grid{gap:30px}.app-gallery{grid-auto-columns:calc((100% - 45px)/4)}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header-inner{grid-template-columns:1fr auto;gap:0;min-height:112px;padding:9px 0}.brand{font-size:19px;gap:8px}.brand img{width:34px;height:34px}.looks{grid-row:2;grid-column:1/-1;justify-self:center}.header-actions{grid-column:2;grid-row:1;gap:12px}.pages-menu summary{font-size:11px;gap:7px}.pages-menu summary svg{width:19px}.language{font-size:10px}.hero-chapter{height:auto;min-height:0}.hero-sticky{position:relative;min-height:0;height:auto;max-height:none}.hero-wrap{display:block;padding-top:38px;padding-bottom:90px}.hero-words{width:100%;padding:0}.hero-words .eyebrow{font-size:9px;margin-bottom:22px}.hero-words h1{font-size:clamp(62px,13vw,94px);line-height:.98}.hero-description{font-size:14px;margin-top:20px;max-width:340px}.hero-actions{gap:19px;margin-top:20px}.button{font-size:12px;padding:15px 17px;gap:15px}.film-link{font-size:11px}.hero-words .micro{font-size:10px;margin-top:12px}.dimension-scene{position:relative;left:auto;right:auto;top:auto;transform:none;width:108%;margin:-4px -4% -20px}.scene-caption{font-size:7px;right:9%;bottom:8%;gap:10px}.scene-caption>span:first-child{font-size:16px}.hero-bottom{bottom:27px;padding-top:8px}.hero-bottom>a{font-size:8px;letter-spacing:0;gap:5px}.hero-bottom>a svg{width:18px}.motion-progress{display:none}#motion{font-size:8px;gap:4px}#motion svg{width:13px}.cut-transition{top:-20px;height:21px}.product-section{padding:25px 0 30px}.chapter-label{font-size:8px}.section-heading{grid-template-columns:1fr;gap:17px;margin:24px 0}.section-heading h2{font-size:35px}.section-heading p{justify-self:start;font-size:13px;max-width:400px}.window-bar{height:30px;font-size:7px;padding:0 9px;letter-spacing:0}.window-bar>span:last-child{display:none}.planner-shot picture{max-height:490px}.planner-shot figcaption{font-size:8px;padding:10px;gap:12px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px;margin-top:25px}.benefit-grid article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.benefit-grid article:last-child .number{grid-column:1/-1}.benefit-grid article:last-child p{margin-top:0}.benefit-grid h3{font-size:19px}.benefit-grid p{font-size:12px;line-height:1.55}.number{font-size:10px;margin-bottom:10px}.ribbon-transition{height:82px}.ribbon-band{padding:13px 0;top:18px;transform:rotate(-2deg)}.ribbon-group{gap:25px;padding-right:25px}.ribbon-group span{font-size:26px}.ribbon-group svg{width:22px;height:22px}.rhythm-section{padding:22px 0 35px}.rhythm-grid{grid-template-columns:1fr;gap:19px}.rhythm-grid h2{font-size:36px}.rhythm-grid .eyebrow{margin-bottom:15px}.rhythm-copy{max-width:none;justify-self:start}.rhythm-copy p{font-size:13px}.text-link{font-size:12px}.film-wrap{margin-top:27px}.film-title .eyebrow{font-size:8px}.film-title .micro{font-size:9px}.film-poster{min-height:205px;padding:28px 6%}.film-caption{font-size:21px}.film-poster strong{font-size:43px}.film-bars{right:-10%;width:50%;gap:7px;opacity:.6}.film-watch{font-size:11px;gap:10px}.film-watch small{font-size:9px}.film-watch .play-circle{width:35px;height:35px}.faq-section{grid-template-columns:1fr;gap:25px;padding:40px 0}.faq-section h2{font-size:37px}.faq-section .eyebrow{margin-bottom:14px}.faq-section .muted{margin-top:12px;font-size:12px}.faqs summary{font-size:14px;padding-block:18px}.faqs details p{font-size:12px}.final-cta{padding:35px 0;grid-template-columns:1fr;gap:25px}.final-cta h2{font-size:55px}.final-cta .eyebrow{font-size:9px;margin-bottom:15px}.final-cta p:last-child{font-size:12px}.orbit-cta{width:150px;height:150px;justify-self:end;margin-top:-5px}.orbit-symbol{width:65px;height:65px}.orbit-cta span{font-size:11px}.discover{padding:25px 0 35px}.discover h2{font-size:23px}.discover-heading{gap:10px}.gallery-controls button{width:40px;height:44px}.app-gallery{grid-auto-columns:calc((100% - 14px)/2);gap:14px}.app-card{min-height:124px;padding:14px 8px}.app-card img{width:48px;height:48px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px}.footer-brand p{margin:0;font-size:11px}.review-footer{padding-top:30px}.footer-sites a,.footer-right a{font-size:11px;gap:8px;min-height:48px}.footer-sites a svg{width:16px;height:16px}.footer-bottom{font-size:9px;gap:10px;padding-block:12px}.footer-bottom a{white-space:nowrap}.review-footer h2{font-size:9px}.footer-sites a span{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-chapter{height:auto;min-height:0}.hero-sticky{position:relative}.planner-shot{transform:none!important}.ribbon-track{transform:none!important}}
/* Second review: stable header controls, interactive calendar, informative hover. */
.header-inner{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr)}.looks{justify-content:center;overflow:visible}.look-button{overflow:visible}.look-button[aria-pressed=true]::after{display:none}.look-preview{width:24px;height:24px;border:0;box-shadow:0 0 0 1px var(--muted)}.look-button[aria-pressed=true] .look-preview{box-shadow:0 0 0 4px var(--footer),0 0 0 6px var(--accent)}.look-button:hover .look-preview{transform:none;filter:brightness(1.15)}
.header-actions{width:180px;justify-content:space-between;gap:16px}.language{width:44px;height:44px;min-width:44px;border:1px solid var(--line);border-radius:50%;padding:0;display:grid;place-items:center;font:600 11px/1 'Segoe UI',sans-serif;color:var(--text)}.language:hover{border-color:var(--accent);background:var(--panel)}.pages-menu,.pages-menu summary{width:112px;flex-shrink:0}.pages-menu summary{justify-content:space-between}.pages-menu summary>span{white-space:nowrap}
.dimension-scene{left:45%;right:-4%;top:47%;pointer-events:auto;z-index:3}.dimension-scene>.scene-caption{display:none}.calendar-scene{position:relative;isolation:isolate;perspective:1400px}.calendar-eyebrow{font:10px/1.5 monospace;letter-spacing:.13em;color:var(--muted);text-align:center;margin-bottom:26px}.calendar-deck{height:420px;position:relative;transform:rotateX(calc((1 - var(--deck-scroll,0))*7deg));transform-style:preserve-3d;touch-action:pan-y}.day-tile{position:absolute;width:250px;height:344px;left:calc(50% - 125px);top:26px;transform:translateX(calc(var(--slot,0)*57px)) translateY(calc(var(--distance,0)*20px)) rotate(calc(var(--slot,0)*7deg)) scale(calc(1 - var(--distance,0)*.09));transform-origin:center 80%;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--panel));background:var(--panel);color:var(--text);padding:21px;box-shadow:0 16px 35px #0003;transition:transform .7s cubic-bezier(.2,.8,.2,1),background .4s,opacity .4s;opacity:calc(1 - var(--distance,0)*.17);will-change:transform;overflow:hidden;border-radius:10px}.day-tile.is-active{background:var(--accent);color:var(--ink);box-shadow:0 24px 60px #0004}.tile-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600}.tile-dot{width:8px;height:8px;background:currentColor;border-radius:50%;opacity:.5}.tile-number{font-size:65px;line-height:1.15;letter-spacing:-.075em;margin:13px 0 17px}.tile-number>span{font:10px monospace;letter-spacing:0;margin-left:12px;opacity:.6}.calendar-blocks{display:grid;gap:7px}.calendar-block{display:flex;align-items:center;gap:11px;min-height:34px;background:color-mix(in srgb,currentColor 8%,transparent);border-left:2px solid currentColor;padding:6px 8px}.calendar-block time{font:9px monospace;opacity:.65}.calendar-block>span{font-size:10px;line-height:1.3}.block-1{opacity:.76}.tile-footer{display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:.09em;margin-top:20px;opacity:.65}.tile-footer svg{width:17px;height:17px}.calendar-days{display:flex;justify-content:center;gap:4px;position:relative;z-index:15;margin-top:9px}.calendar-days button{min-width:44px;height:44px;border-radius:50%;background:transparent;color:var(--muted);font:10px monospace;border:1px solid transparent}.calendar-days button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--panel)}.calendar-days button:hover{color:var(--text);background:var(--panel)}.calendar-hint{text-align:center;font-size:10px;color:var(--muted);margin-top:15px}.hero-words{z-index:4}.hero-words h1{font-size:clamp(72px,7.3vw,126px)}
.pattern-transition{height:92px;position:relative;overflow:hidden;background:var(--bg);--pattern-scale:.8;--pattern-turn:0deg}.pattern-transition::before{content:'';position:absolute;inset:0;background:var(--surface);clip-path:polygon(0 0,100% 0,100% 20%,0 85%)}.pattern-grid{position:absolute;inset:-7px -25px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,1fr);gap:8px;transform:rotate(-2deg)}.pattern-grid span{width:42px;height:42px;align-self:center;justify-self:center;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:50%;transform:scale(var(--pattern-scale)) rotate(var(--pattern-turn))}.pattern-grid span:nth-child(3n){border-radius:5%;background:var(--accent);opacity:.32}.pattern-grid span:nth-child(2n){background:var(--bg);border-color:var(--accent)}
:root{--surface:#304137}:root[data-look=plum]{--surface:#46364a}:root[data-look=sand]{--surface:#d4cdbb}
.orbit-cta{position:relative;isolation:isolate;background:var(--panel);border:0;width:250px;height:250px;gap:12px;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:background .35s,color .35s,transform .3s}.orbit-ring{position:absolute;inset:-13px;border:1px solid var(--accent);border-radius:50%;opacity:.6;transform:rotate(var(--orbit-turn,0deg));transition:opacity .3s}.orbit-ring::before,.orbit-ring::after{content:'';position:absolute;width:14px;height:14px;top:-7px;left:calc(50% - 7px);background:var(--accent);border-radius:50%}.orbit-ring::after{top:auto;bottom:-7px;width:8px;height:8px;left:calc(50% - 4px)}.orbit-symbol{width:94px;height:94px;fill:currentColor;stroke:none;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.orbit-cta>span:last-child{font-size:14px;font-weight:600}.orbit-cta:hover,.orbit-cta:focus-visible{background:var(--accent);color:var(--ink);transform:translate(var(--pointer-x,0px),var(--pointer-y,0px)) scale(1.035)}.orbit-cta:hover .orbit-symbol,.orbit-cta:focus-visible .orbit-symbol{transform:translate(5px,-5px) rotate(5deg)}.orbit-cta:hover .orbit-ring{opacity:1}
.app-card{position:relative;min-height:170px;gap:12px;overflow:hidden}.app-card .app-name{font-weight:600;transition:transform .25s}.app-card .app-info{position:absolute;left:12px;right:12px;bottom:15px;font-size:10px;line-height:1.45;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;text-align:center;color:var(--muted)}.app-card:hover img,.app-card:focus-visible img{transform:translateY(-22px) scale(.78)}.app-card:hover .app-name,.app-card:focus-visible .app-name{transform:translateY(-24px)}.app-card:hover .app-info,.app-card:focus-visible .app-info{opacity:1;transform:translateY(0)}
.footer-grid{align-items:start}.review-footer .footer-sites,.review-footer .footer-right{align-self:start;margin:0;padding:0;min-width:0}.review-footer .footer-sites h2,.review-footer .footer-right h2{height:18px;line-height:18px;margin:0 0 14px;padding:0}.review-footer .jano-legal-links{display:grid!important;margin:0!important;padding:0!important;border:0;gap:0!important}.review-footer .jano-legal-links a{padding:0;gap:13px;min-height:46px}.review-footer .jano-legal-links svg{width:18px;height:18px}.author-link{position:relative}.author-tooltip{position:absolute;bottom:calc(100% + 2px);left:0;white-space:nowrap;background:var(--text);color:var(--bg);padding:8px 12px;border-radius:4px;opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .2s,transform .2s}.author-link:hover .author-tooltip,.author-link:focus-visible .author-tooltip{opacity:1;transform:translateY(0)}.author-link:hover{color:var(--accent)!important}
@media(max-width:1000px){.dimension-scene{left:45%;right:-4%}.day-tile{width:220px;left:calc(50% - 110px);padding:18px;transform:translateX(calc(var(--slot,0)*41px)) translateY(calc(var(--distance,0)*20px)) rotate(calc(var(--slot,0)*7deg)) scale(calc(1 - var(--distance,0)*.1))}.calendar-days{gap:0}.calendar-days button{min-width:40px;width:40px}.hero-words h1{font-size:80px}.calendar-hint{font-size:9px}}
@media(max-width:700px){.header-inner{grid-template-columns:1fr auto}.header-actions{width:160px;gap:8px}.pages-menu,.pages-menu summary{width:104px}.language{width:40px;height:40px;min-width:40px;min-height:40px}.hero-words h1{font-size:clamp(62px,13vw,94px)}.dimension-scene{position:relative;left:auto;right:auto;top:auto;transform:none;width:100%;margin:45px 0 10px}.calendar-eyebrow{font-size:8px;margin-bottom:8px}.calendar-deck{height:330px}.day-tile{width:200px;height:284px;left:calc(50% - 100px);padding:16px;top:10px;transform:translateX(calc(var(--slot,0)*30px)) translateY(calc(var(--distance,0)*12px)) rotate(calc(var(--slot,0)*6deg)) scale(calc(1 - var(--distance,0)*.12))}.tile-top{font-size:12px}.tile-number{font-size:48px;margin:10px 0 12px}.calendar-block{min-height:29px;padding:5px 6px;gap:7px}.calendar-block time{font-size:8px}.calendar-block>span{font-size:9px}.tile-footer{margin-top:14px}.calendar-days{margin-top:0;gap:0;justify-content:space-between}.calendar-days button{min-width:38px;width:38px;height:44px;font-size:9px}.calendar-hint{display:none}.hero-wrap{padding-bottom:80px}.pattern-transition{height:72px}.pattern-grid{grid-template-columns:repeat(8,1fr);gap:0;inset:-12px -20px}.pattern-grid span{width:28px;height:28px}.pattern-grid span:nth-child(n+17){display:none}.orbit-cta{width:164px;height:164px;margin:8px 13px 12px 0}.orbit-symbol{width:64px;height:64px}.orbit-cta>span:last-child{font-size:12px}.orbit-ring{inset:-10px}.app-card{min-height:186px;justify-content:flex-start;padding-top:16px;gap:8px}.app-card .app-info{position:static;opacity:1;transform:none!important;font-size:11px;line-height:1.4}.app-card img,.app-card:hover img,.app-card:focus-visible img{width:44px;height:44px;transform:none}.app-card .app-name,.app-card:hover .app-name,.app-card:focus-visible .app-name{transform:none}.review-footer .jano-legal-links a{min-height:48px;gap:8px}.review-footer .jano-legal-links svg{width:16px;height:16px}}
@media(hover:none){.app-card .app-info{position:static;opacity:1;transform:none}.app-card{min-height:180px}.app-card:hover img,.app-card:hover .app-name{transform:none}.calendar-hint{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.calendar-deck,.day-tile,.orbit-cta,.orbit-symbol,.orbit-ring{transition:none!important}.pattern-grid span{transform:none}.orbit-cta:hover{transform:none}}


.final-cta{grid-template-columns:minmax(0,1fr) 250px}.final-cta>div{min-width:0}@media(max-width:1000px){.final-cta h2{font-size:clamp(44px,5.6vw,64px)}}@media(max-width:700px){.final-cta{grid-template-columns:minmax(0,1fr)}.final-cta h2{font-size:clamp(43px,13.4vw,55px)}}

/* The rotating ring's invisible square must not expand the page. */
.final-cta{overflow:clip;padding-right:24px}@media(max-width:700px){.final-cta{padding-right:0}.orbit-cta{margin-right:25px}}

/* Review: rounded surfaces follow the 44px header controls. */
:root{--control-radius:22px}
.hero-actions .button{border-radius:var(--control-radius)}
.app-card{border-radius:var(--control-radius)}
.review-footer .footer-sites a,.review-footer .footer-right a{border-radius:var(--control-radius);padding-inline:12px}

/* A density gradient joins the exact section colors; no straight cut beneath it. */
.pattern-transition{height:224px;background:var(--surface);margin-block:-1px;--pattern-drift:0px}
.pattern-transition::before{display:none}
.pattern-halftone{display:block;position:absolute;left:-80px;top:0;width:calc(100% + 160px);height:224px;max-width:none;fill:var(--bg);stroke:none;transform:translateX(var(--pattern-drift));mask-image:linear-gradient(to bottom,transparent 0,#000 28px,#000 100%)}
.pattern-halftone circle,.pattern-halftone path{fill:var(--bg);stroke:none}
@media(max-width:700px){.pattern-transition{height:134px}.pattern-halftone{transform:translateX(var(--pattern-drift)) scaleY(.6);transform-origin:top left}}
@media(prefers-reduced-motion:reduce){.pattern-halftone{transform:none}@media(max-width:700px){.pattern-halftone{transform:scaleY(.6)}}}

/* Pattern 06: triangular shutters, adapted from muster-prototypen/patterns.js. */
.pattern-transition{height:224px;background:linear-gradient(to bottom,var(--surface) 0%,var(--surface) 8%,var(--bg) 92%,var(--bg) 100%)}
.pattern-shutters{position:absolute;inset:0;width:100%;height:100%;stroke:none;fill:var(--accent);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 70%,transparent)}
.pattern-shutters polygon{stroke:var(--accent);stroke-width:.65;stroke-linejoin:round}
.button{clip-path:none;border-radius:var(--control-radius)}
.rhythm-button{margin-top:20px}
.gallery-controls button,.pages-menu nav,.pages-menu nav a,#closeFilm{border-radius:var(--control-radius)}
@media(max-width:700px){.pattern-transition{height:144px}}

/* Interlocking geometry alone changes the section color, with opaque fills. */
.pattern-transition{height:252px;background:var(--surface)}
.pattern-tessellation{position:absolute;inset:0;width:100%;height:100%;fill:var(--bg);stroke:var(--bg);stroke-width:.5;mask:none}
.hero-product{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.hero-product strong{font-size:clamp(30px,3.3vw,49px);font-weight:900;letter-spacing:-.055em;line-height:1}
.hero-product img{width:68px;height:68px;object-fit:contain}
.brand img,.hero-product img{filter:grayscale(1) sepia(.35) saturate(.7);opacity:.95}
:root[data-look=plum] .brand img,:root[data-look=plum] .hero-product img{filter:grayscale(1) sepia(.35) hue-rotate(225deg) saturate(.8)}
:root[data-look=sand] .brand img,:root[data-look=sand] .hero-product img{filter:grayscale(1) sepia(.5) saturate(.8) brightness(.7)}
@media(max-width:700px){.pattern-transition{height:180px}.hero-product{gap:13px;margin-bottom:25px}.hero-product img{width:54px;height:54px}.hero-product strong{font-size:34px}.hero-words h1{font-size:clamp(58px,12vw,84px)}}