@font-face{font-family:"IBM Plex Sans";font-style:normal;font-display:swap;font-weight:100 700;src:url("/site/assets/plex-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-display:swap;font-weight:100 700;src:url("/site/assets/plex-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+02DC,U+02DD,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader Display";font-style:normal;font-display:swap;font-weight:400;src:url("/site/assets/newsreader-display.woff2") format("woff2")}
:root{color-scheme:light;--paper:#f2f0ec;--raised:#f9f7f3;--inset:#e9e5df;--ink:#292d2d;--soft:#626864;--accent:#79644d;--line:#d3cec5;--error:#a33a32;--inverse:#f4f0e9;--serif:"Newsreader Display",Georgia,serif;--sans:"IBM Plex Sans",Arial,sans-serif;font-family:var(--sans);font-weight:400;font-synthesis:none;background:var(--paper);color:var(--ink);scroll-behavior:smooth;scroll-padding-top:110px}
:root[data-theme=dark]{color-scheme:dark;--paper:#191b1b;--raised:#202323;--inset:#252827;--ink:#ece8df;--soft:#b0b2aa;--accent:#bca88b;--line:#3a3f3c;--error:#f0a499;--inverse:#202323}
*{box-sizing:border-box}body{margin:0;background:var(--paper);transition:background .35s,color .35s}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,a,input,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--paper)}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin:0}strong{font-weight:500}.page-shell{max-width:1380px;margin:0 auto;padding:0 clamp(24px,5vw,76px)}.accent{color:var(--accent)}.eyebrow,.section-number{font-size:10px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:var(--accent)}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-200%);padding:12px 18px;background:var(--ink);color:var(--paper)}.skip-link:focus{transform:none}
/* A quiet, useful toolbar. */
.masthead{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line);transition:background .35s,border-color .35s}.header-inner{max-width:1380px;margin:auto;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:30px;height:91px}.brand{display:inline-flex;align-items:center;gap:12px;flex:none}.brand img{object-fit:contain;width:43px;height:43px;filter:none}.brand>span{font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:.24em;padding-top:3px}.brand .brand-dark{display:none}[data-theme=dark] .brand .brand-light{display:none}[data-theme=dark] .brand .brand-dark{display:block}.navigation{display:flex;align-items:center;gap:28px;margin-left:auto}.navigation a{font-size:12px;line-height:44px;color:var(--soft);position:relative;white-space:nowrap}.navigation a:after{content:"";position:absolute;bottom:6px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}.navigation a:hover{color:var(--ink)}.navigation a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:17px}.theme-toggle{border:0;background:none;color:var(--soft);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px}.theme-toggle span{font-size:11px}.theme-toggle .icon{width:18px;height:18px}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}.theme-toggle:hover{color:var(--accent)}.header-install{font-size:12px;line-height:42px;border-bottom:1px solid var(--ink);white-space:nowrap}.header-install span{margin-left:14px;font-size:17px}.menu-toggle,.navigation .mobile-install-link{display:none}
/* Arrival and the installation panel. */
.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.85fr);gap:clamp(50px,7vw,110px);align-items:center;min-height:540px;padding:66px 0 68px}.hero-copy{min-width:0}.hero-copy>.eyebrow{display:flex;align-items:center;gap:14px}.little-line{width:30px;height:1px;background:var(--accent)}h1{font-family:var(--serif);font-size:clamp(44px,4.25vw,59px);font-weight:400;line-height:1.13;letter-spacing:-.025em;margin:27px 0 23px}.title-line{display:block;animation:title-arrive 1.1s cubic-bezier(.2,.7,.2,1) both}.title-line:nth-child(2){animation-delay:.13s}.hero-motto{font-size:17px;font-weight:500;line-height:1.6;margin-bottom:13px;animation-delay:.17s}.hero-description{font-size:14px;line-height:1.85;color:var(--soft);max-width:430px;animation-delay:.2s}.quiet-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;margin-top:27px;min-height:44px;border-bottom:1px solid var(--line)}.quiet-link .icon{width:19px;transition:transform .25s}.quiet-link:hover .icon{transform:translateX(5px)}.hero-signature{display:flex;align-items:center;gap:11px;color:var(--accent);font-size:11px;margin-top:32px}.hero-signature .icon{width:18px;height:18px}.hero-arrival{animation:arrive 1.05s cubic-bezier(.2,.7,.2,1) both}.installation.hero-arrival{animation-delay:.22s}
.installation{border-left:1px solid var(--line);padding:9px 0 9px clamp(28px,3vw,45px);scroll-margin-top:130px;min-width:0}.panel-eyebrow{font-size:9px;margin-bottom:27px}.installation h2{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.16;letter-spacing:-.02em;margin-bottom:18px}.panel-copy{font-size:13px;line-height:1.7;color:var(--soft);margin-bottom:24px;max-width:310px}label{display:block;font-size:11px;font-weight:500;margin-bottom:8px}.password-field{display:flex;align-items:stretch;border:1px solid var(--line);background:var(--raised);border-radius:3px}.password-field:focus-within{border-color:var(--accent)}.password-field input{background:none;border:0;border-radius:3px;min-width:0;width:100%;color:var(--ink);padding:12px 13px;font-size:16px;line-height:24px}.password-field input:focus-visible{outline:0}.password-toggle{flex:none;width:46px;background:none;border:0;display:grid;place-items:center;color:var(--soft)}.password-toggle svg{width:20px;height:20px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:14px 16px;margin-top:10px;background:var(--ink);border:1px solid var(--ink);border-radius:3px;color:var(--inverse);font-size:12px;font-weight:500;min-height:48px;transition:background .2s,transform .2s}.primary-button svg{width:20px;height:20px;transition:transform .2s}.primary-button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--paper)}.primary-button:hover svg{transform:translateX(4px)}.platform-signatures{display:flex;gap:21px;margin-top:23px;color:var(--soft)}.platform-signatures>span{display:inline-flex;align-items:center;gap:7px;font-size:10px}.platform-signatures .icon{width:17px;height:17px}.small-note{font-size:10px;line-height:1.65;color:var(--soft);margin-top:12px}.availability-note{font-size:12px;color:var(--soft);border-left:2px solid var(--accent);padding-left:12px;margin-bottom:20px}.message{font-size:12px;line-height:1.55;overflow-wrap:anywhere;margin-top:13px}.message:empty{display:none}.error{color:var(--error)}.unlocked-indicator{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--accent);margin:0 0 16px}.platform-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.platform-button{display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding:17px 13px;background:var(--raised);border:1px solid var(--line);border-radius:3px;color:var(--ink);text-align:left;transition:border-color .2s,transform .2s}.platform-button:hover,.platform-button[aria-expanded=true]{border-color:var(--accent);transform:translateY(-2px)}.platform-name{display:flex;align-items:center;gap:8px;font-size:15px}.platform-name .icon{width:20px;height:20px}.platform-action{font-size:10px;color:var(--accent)}.platform-action>span{font-size:15px;margin-left:7px}.instructions{margin-top:22px;padding-top:19px;border-top:1px solid var(--line);animation:arrive .3s both}.instructions h3{font-size:15px;font-weight:500;line-height:1.4;margin-bottom:10px}.instructions p,.instructions li{font-size:12px;color:var(--soft);line-height:1.7}.instructions p{margin-bottom:10px}.instructions ol{padding-left:18px;margin:0}.instructions li+li{margin-top:8px}.text-button{border:0;border-bottom:1px solid var(--line);background:none;color:var(--soft);text-align:left;font-size:10px;padding:8px 0;min-height:36px;margin-top:19px}.principles-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;font-size:11px;color:var(--soft)}.principles-strip b{font-weight:400;font-size:9px;color:var(--accent);margin-right:14px}.principles-strip>a{display:flex;align-items:center;gap:11px;font-size:10px}.scroll-line{height:22px;width:1px;background:var(--line);position:relative;overflow:hidden}.scroll-line:after{content:"";width:1px;height:10px;background:var(--accent);position:absolute;animation:scroll-tick 2s ease-in-out 3}
/* Spacious editorial sections, with sticky marginal notes. */
.section-grid{display:grid;grid-template-columns:1fr 2.5fr;gap:clamp(40px,7vw,100px);padding:86px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}.section-label{align-self:start;position:sticky;top:135px}.section-label p{font-family:var(--serif);font-size:20px;line-height:1.45;letter-spacing:-.025em;color:var(--soft);margin-top:25px}.section-title{font-family:var(--serif);font-size:clamp(30px,2.8vw,39px);font-weight:400;line-height:1.16;letter-spacing:-.02em}.section-title .accent{font-style:normal}.about-text{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.about-text p{font-size:14px;line-height:1.85;color:var(--soft)}.about-lines{margin-top:40px}.about-lines>div{display:grid;grid-template-columns:28px 1fr 1.15fr;align-items:baseline;gap:18px;border-top:1px solid var(--line);padding:20px 0}.about-lines>div>span{font-size:10px;color:var(--accent)}.about-lines h3{font-size:14px;font-weight:500;line-height:1.5}.about-lines p{font-size:12px;color:var(--soft);line-height:1.65}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-aside{font-size:11px;color:var(--soft)}.models-section{padding:80px 0 70px;border-bottom:1px solid var(--line);scroll-margin-top:90px}.models-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;margin-top:30px}.models-intro>p{max-width:365px;font-size:15px;line-height:1.85;color:var(--soft)}.models-intro strong{color:var(--ink)}.model-workbench{margin-top:32px;display:grid;grid-template-columns:1fr 2.5fr;background:var(--raised);border:1px solid var(--line)}.model-tabs{padding:35px 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:10px}.model-tabs button{border:0;border-bottom:1px solid var(--line);background:none;display:flex;align-items:center;gap:20px;padding:22px 0;color:var(--soft);text-align:left;font-family:var(--serif);font-size:25px;transition:color .25s}.model-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--accent)}.model-index{font-family:var(--sans);font-size:10px;color:var(--accent);width:15px}.tab-indicator{font-family:var(--sans);margin-left:auto;font-size:20px;color:var(--accent);opacity:0;transform:translate(-5px,5px);transition:opacity .3s,transform .3s}.model-tabs button[aria-selected=true] .tab-indicator{opacity:1;transform:none}.model-panel{padding:34px;display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:center;min-width:0;animation:arrive .5s both}.model-orbit{color:var(--accent);min-width:0}.model-orbit svg{width:100%;max-width:170px;display:block;margin:auto;fill:none;stroke:currentColor;stroke-width:.8}.model-orbit .orbit-outer{stroke-dasharray:1 5;opacity:.6}.model-orbit .orbit-inner{stroke-width:1.2}.orbit-dot{fill:currentColor}.model-orbit svg{animation:orbit-arrive 1.6s cubic-bezier(.2,.7,.2,1) both}.model-description .eyebrow{display:block;font-size:9px;padding-right:65px;min-height:27px}.model-description h3{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.2;letter-spacing:-.02em;margin:15px 0}.model-description>p{font-size:13px;line-height:1.85;color:var(--soft)}.model-uses{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;font-size:10px;color:var(--accent)}.model-uses>span+span{border-left:1px solid var(--line);padding-left:12px}.section-footnote{font-size:11px;line-height:1.7;color:var(--soft);margin-top:20px;max-width:690px}
/* Data flows are explained through a small, interactive diagram. */
.storage-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-top:35px}.storage-tabs button{position:relative;border:0;border-bottom:2px solid transparent;background:none;font-size:12px;line-height:1.5;padding:15px 0;color:var(--soft)}.storage-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--ink)}.storage-map{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center;margin:40px 0 30px;min-height:140px}.map-node{display:flex;align-items:center;flex-direction:column;gap:14px;transition:opacity .6s,transform .6s;color:var(--ink)}.map-node .icon{width:38px;height:38px;stroke-width:.9;color:var(--accent)}.map-node>span{font-size:12px;text-align:center}.map-node small{font-size:8px;letter-spacing:.1em;color:var(--soft);margin-top:-8px}.map-connection{height:1px;position:relative;background:var(--line)}.map-connection>i{position:absolute;left:0;top:-2px;width:5px;height:5px;background:var(--accent);border-radius:50%;opacity:0}.storage-map[data-mode=local] .map-cloud,.storage-map[data-mode=local] .map-phone{opacity:.3;transform:translateY(5px)}.storage-map:not([data-mode=local]) .map-connection>i{animation:flow 2s ease-in-out 2}.storage-map[data-mode=office] .map-cloud{color:var(--accent);transform:translateY(-4px)}.storage-copy{min-height:114px;border-top:1px solid var(--line);padding-top:23px}.storage-copy>div{animation:arrive .4s both}.storage-copy h3{font-family:var(--serif);font-size:23px;font-weight:400;letter-spacing:-.025em;margin-bottom:10px}.storage-copy p{font-size:13px;line-height:1.85;color:var(--soft);max-width:610px}
/* Privacy is the visual anchor. */
.privacy-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,100px);margin:70px 0 0;padding:54px clamp(32px,5vw,70px);background:#292e2c;color:#eeebe4;scroll-margin-top:110px;--privacy-line:#505651;--privacy-soft:#b9bdb4;--privacy-accent:#c5b296}[data-theme=dark] .privacy-section{background:#232725;border:1px solid var(--line)}.privacy-statement .section-number{color:var(--editorial-detail)}.privacy-seal{display:block;width:88px;height:95px;margin:26px 0;color:var(--privacy-accent);stroke:currentColor;stroke-width:1.2}.privacy-seal .seal-trace{stroke-dasharray:650;stroke-dashoffset:0}.is-visible .seal-trace{animation:seal-draw 1.8s ease both}.privacy-statement h2{font-family:var(--serif);font-size:clamp(32px,3vw,42px);font-weight:400;line-height:1.12;letter-spacing:-.025em}.privacy-statement h2 span{color:var(--privacy-accent)}.privacy-statement>p{font-size:14px;line-height:1.85;color:var(--privacy-soft);max-width:355px;margin-top:25px}.privacy-details{padding-top:5px;min-width:0}.privacy-intro{display:flex;align-items:center;gap:17px;margin-bottom:37px}.privacy-intro>.icon{width:32px;height:32px;stroke-width:1;color:var(--privacy-accent)}.privacy-intro>span{font-family:var(--serif);font-size:20px;line-height:1.35;letter-spacing:-.025em}.privacy-details details{border-top:1px solid var(--privacy-line)}.privacy-details details:last-of-type{border-bottom:1px solid var(--privacy-line)}.privacy-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:13px;font-weight:400;line-height:1.5}.privacy-details summary::-webkit-details-marker{display:none}.privacy-details summary>span{width:12px;height:12px;position:relative;flex:none}.privacy-details summary>span:before,.privacy-details summary>span:after{content:"";position:absolute;width:12px;height:1px;left:0;top:6px;background:var(--privacy-accent)}.privacy-details summary>span:after{transform:rotate(90deg);transition:transform .25s}.privacy-details details[open] summary>span:after{transform:rotate(0)}.detail-body{padding:0 24px 21px 0;animation:arrive .35s both}.detail-body p{font-size:12px;line-height:1.8;color:var(--privacy-soft)}.privacy-fineprint{font-size:10px;line-height:1.8;color:var(--privacy-soft);margin-top:25px}.privacy-details :focus-visible{outline-color:var(--privacy-accent)}
.closing{padding:74px 0;display:flex;align-items:center;justify-content:space-between;gap:40px}.closing h2{font-family:var(--serif);font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.12;letter-spacing:-.025em;margin-top:20px}.closing-link{display:flex;align-items:center;gap:50px;font-size:16px;border-bottom:1px solid var(--accent);padding:18px 0}.closing-link>.icon{width:29px;height:29px;transition:transform .3s}.closing-link:hover>.icon{transform:translateX(7px)}.closing-action>span{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:19px;color:var(--soft);font-size:11px}.closing-action>span>.icon{width:17px;height:17px}.separator{padding:0 5px;color:var(--line)}.footer{padding-top:30px;padding-bottom:30px}.footer-top{padding-top:30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer .brand>span{font-size:16px}.footer .brand img{width:34px;height:34px}.maker{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--soft)}.maker img{width:73px;height:auto;object-fit:contain;filter:brightness(.3) saturate(.2)}[data-theme=dark] .maker img{filter:brightness(1.7) grayscale(1)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--soft);font-size:10px;margin-top:30px;padding-bottom:5px}.footer-bottom nav{display:flex;gap:25px}.footer a:hover{color:var(--accent)}
/* Package choices and contact remain editorial rather than pricing cards. */
.hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:27px}.hero-links .quiet-link{margin-top:21px}.interest-link{color:var(--ink);border-color:var(--accent)}.explore-link{color:var(--soft);border-bottom-color:transparent}.windows-download{margin-top:23px;padding-top:17px;border-top:1px solid var(--line)}.windows-placeholder{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;background:transparent;color:var(--soft);border:1px solid var(--line);border-radius:3px;padding:12px;font-size:11px;opacity:1;cursor:not-allowed}.windows-placeholder:disabled{opacity:1;cursor:not-allowed}.windows-placeholder .icon{width:18px;height:18px}.placeholder-arrow{margin-left:auto}.windows-download p{font-size:10px;color:var(--soft);margin-top:9px;line-height:1.5}
.packages-section{padding:84px 0 45px;scroll-margin-top:100px}.packages-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;margin-top:30px}.packages-heading>p{font-size:14px;line-height:1.85;color:var(--soft);max-width:420px}.package-options{margin-top:38px}.package-options article{display:grid;grid-template-columns:35px 1fr auto;align-items:baseline;gap:22px;border-top:1px solid var(--line);padding:25px 0}.package-options article:last-child{border-bottom:1px solid var(--line)}.package-number{font-size:10px;color:var(--accent)}.package-options h3{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.025em}.package-options p{font-size:13px;color:var(--soft);line-height:1.8;margin-top:9px;max-width:590px}.package-note{font-size:10px;color:var(--accent);white-space:nowrap}.onboarding{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:39px}.onboarding-copy h3{font-family:var(--serif);font-size:25px;line-height:1.35;font-weight:400;letter-spacing:-.025em;max-width:340px}.onboarding-copy p{font-size:13px;color:var(--soft);line-height:1.85;margin-top:17px;max-width:420px}.onboarding-steps{list-style:none;padding:0;margin:0}.onboarding-steps li{display:flex;gap:21px;padding:0 0 20px}.onboarding-steps li>span{font-size:10px;color:var(--accent);padding-top:3px}.onboarding-steps strong{font-size:13px;font-weight:500}.onboarding-steps p{font-size:12px;color:var(--soft);line-height:1.8;margin-top:3px}.contact-band{display:flex;justify-content:space-between;align-items:center;gap:35px;border-top:1px solid var(--line);padding:31px 0 0;margin-top:27px}.contact-band h3{font-family:var(--serif);font-size:26px;line-height:1.35;font-weight:400;letter-spacing:-.025em}.contact-band p{font-size:12px;color:var(--soft);line-height:1.8;margin-top:11px}.contact-band p a{border-bottom:1px solid var(--line)}.contact-button{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--inverse);padding:16px 20px;min-height:52px;font-size:13px;white-space:nowrap;transition:background .2s;border-radius:3px}.contact-button:hover{background:var(--accent);color:var(--paper)}.contact-button .icon{width:21px;height:21px}
.features-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:37px;margin-bottom:19px;scroll-margin-top:115px}.features-heading h3{font-size:14px;font-weight:500}.features-heading>p{font-size:10px;color:var(--soft)}.features-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}.features-list details{border-top:1px solid var(--line)}.features-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;min-height:58px;list-style:none;cursor:pointer;font-size:13px;line-height:1.6}.features-list summary::-webkit-details-marker{display:none}.features-list summary>span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--accent);vertical-align:middle;margin-right:10px}.features-list summary i{width:10px;height:10px;position:relative;flex:none}.features-list summary i:before,.features-list summary i:after{content:"";position:absolute;top:5px;left:0;width:10px;height:1px;background:var(--accent);transition:transform .2s}.features-list summary i:after{transform:rotate(90deg)}.features-list details[open] summary i:after{transform:rotate(0)}.features-list details>p{font-size:12px;line-height:1.8;color:var(--soft);padding:0 18px 19px 13px;animation:arrive .3s both}.language-switch{position:relative;flex:none}.language-switch>button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:46px;min-height:44px;padding:8px 4px;background:none;border:0;color:var(--soft);font-size:10px;letter-spacing:.07em}.language-switch>button svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1;transition:transform .2s}.language-switch>button[aria-expanded=true] svg{transform:rotate(180deg)}.language-options{position:absolute;top:49px;right:0;min-width:164px;padding:6px;background:var(--raised);border:1px solid var(--line);box-shadow:0 10px 30px #00000012;z-index:30}.language-options>button{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;min-height:44px;border:0;background:none;color:var(--soft);font-size:12px;text-align:left;padding:10px}.language-options>button>span{font-size:9px;letter-spacing:.08em}.language-options>button:hover,.language-options>button[aria-pressed=true]{color:var(--ink);background:var(--inset)}.preview-lock{margin:0}.preview-lock button{border:0;background:none;font-size:10px;color:var(--soft);padding:10px 0;min-height:36px}.preview-lock button:hover{color:var(--accent)}
/* Progressive enhancement: content remains present without JavaScript. */
.will-reveal{opacity:0;transform:translateY(25px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.will-reveal.is-visible{opacity:1;transform:none}.section-label.will-reveal{transform:none}.about-lines>div:nth-child(2){transition-delay:.08s}.about-lines>div:nth-child(3){transition-delay:.16s}
@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes title-arrive{from{opacity:0;transform:translateY(25px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes scroll-tick{0%{transform:translateY(-10px)}100%{transform:translateY(24px)}}@keyframes orbit-arrive{from{transform:rotate(-28deg) scale(.92);opacity:.2}to{transform:rotate(0) scale(1);opacity:1}}@keyframes seal-draw{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}@keyframes flow{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
@media(min-width:1500px){.hero{min-height:580px;padding-top:80px;padding-bottom:80px}h1{font-size:62px}}
@media(max-width:1150px){.header-inner{gap:20px}.navigation{gap:20px}.header-actions{gap:12px}.theme-toggle span{display:none}.hero{gap:50px;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr)}.model-panel{padding:30px;gap:24px}.model-tabs{padding:25px}.model-description h3{font-size:26px}.models-intro{gap:50px}.section-grid{grid-template-columns:1fr 2.8fr;gap:40px}}
@media(max-width:959px){.header-inner{height:80px}.header-actions{margin-left:auto}.navigation{display:none;position:absolute;top:79px;left:0;right:0;background:var(--paper);padding:20px clamp(24px,5vw,76px) 26px;border-bottom:1px solid var(--line);margin:0;flex-direction:column;align-items:stretch;gap:3px}.navigation.is-open{display:flex;animation:arrive .25s both}.navigation a{font-size:15px;border-bottom:1px solid var(--line);line-height:47px}.navigation a:after{display:none}.navigation .mobile-install-link{display:block}.menu-toggle{display:flex;width:44px;height:44px;border:0;background:none;color:var(--ink);padding:12px;flex-direction:column;justify-content:center;gap:6px}.menu-toggle>span{display:block;width:20px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{min-height:520px;gap:35px;padding:56px 0}.hero-description{font-size:14px}.hero-description br{display:none}.installation{padding-left:25px}.installation h2{font-size:25px}h1{font-size:clamp(36px,4.8vw,46px)}.hero-signature{margin-top:30px}.principles-strip{font-size:10px}.principles-strip b{margin-right:8px}.principles-strip>a{display:none}.section-grid{padding:80px 0;grid-template-columns:1fr 3fr;gap:30px}.section-label p{font-size:17px}.section-title{font-size:32px}.about-text{gap:22px}.about-lines>div{grid-template-columns:20px 1fr;gap:10px}.about-lines p{grid-column:2}.models-section{padding:75px 0}.model-workbench{grid-template-columns:1fr}.model-tabs{flex-direction:row;padding:0 30px;border-right:0;border-bottom:1px solid var(--line);gap:40px}.model-tabs button{min-width:150px;border-bottom:2px solid transparent;margin-bottom:-1px;padding:20px 0;font-size:24px}.model-panel{grid-template-columns:.7fr 1.3fr;gap:35px;padding:30px 40px}.models-intro{gap:35px}.models-intro>p{font-size:14px}.privacy-section{gap:35px;padding:42px 34px}.privacy-statement h2{font-size:36px}.privacy-statement>p{font-size:13px}.privacy-seal{width:85px;height:92px}.closing{padding:75px 0}}
@media(max-width:680px){:root{scroll-padding-top:90px}.page-shell,.header-inner{padding-left:24px;padding-right:24px}.header-inner{height:74px;gap:10px}.brand img{width:35px;height:35px}.brand{gap:9px}.brand>span{font-size:16px;letter-spacing:.2em}.header-actions{gap:3px}.header-install{display:none}.theme-toggle{width:44px;padding:12px}.navigation{top:73px;padding:16px 24px 22px}.hero{display:block;min-height:0;padding:37px 0 30px}.hero-copy>.eyebrow{font-size:9px;gap:10px}.little-line{width:22px}h1{font-size:clamp(34px,8vw,48px);margin:22px 0 20px;line-height:1.14;letter-spacing:-.025em}.hero-motto{font-size:15px;margin-bottom:11px}.hero-description{font-size:13px;line-height:1.8;max-width:370px}.quiet-link{font-size:11px;margin-top:15px}.hero-signature{margin-top:21px;font-size:10px}.installation{border-left:0;border-top:1px solid var(--line);padding:28px 0 0;margin-top:34px;scroll-margin-top:98px}.panel-eyebrow{margin-bottom:18px}.installation h2{font-size:25px}.installation h2 br{display:none}.panel-copy{max-width:100%;font-size:13px;margin-bottom:20px}.platform-signatures{margin-top:19px}.small-note{font-size:10px}.platform-button{padding:17px 16px;flex-direction:row;align-items:center;gap:10px;min-height:68px}.platform-name{font-size:14px;gap:6px}.platform-name .icon{width:19px;height:19px}.platform-action{font-size:9px}.platform-action>span{margin-left:0;font-size:13px}.principles-strip{display:grid;grid-template-columns:1fr;gap:13px;padding:23px 0;font-size:11px}.principles-strip b{display:inline-block;min-width:25px}.principles-strip>span{display:flex;gap:5px}.section-grid{display:block;padding:60px 0;scroll-margin-top:75px}.section-label{position:static;margin-bottom:27px}.section-label p{display:none}.section-title{font-size:clamp(28px,6.3vw,35px);line-height:1.18}.section-number{font-size:9px}.about-text{display:block;margin-top:23px}.about-text p{font-size:14px;line-height:1.8}.about-text p+p{margin-top:15px}.about-lines{margin-top:28px}.about-lines>div{padding:17px 0}.about-lines h3{font-size:14px}.about-lines p{font-size:12px}.section-aside{font-size:10px}.models-section{padding:60px 0;scroll-margin-top:80px}.models-intro{display:block;margin-top:26px}.models-intro>p{margin-top:22px;max-width:100%;font-size:14px}.model-workbench{margin-top:28px}.model-tabs{padding:0 22px;gap:26px}.model-tabs button{flex:1;min-width:0;gap:12px;font-size:23px;padding:18px 0}.model-index{font-size:9px}.model-panel{display:block;position:relative;padding:28px 23px}.model-orbit{position:absolute;right:23px;top:22px;opacity:.65}.model-orbit svg{width:58px;height:58px}.model-description h3{font-size:25px;margin-top:28px;max-width:230px}.model-description>p{font-size:13px}.model-description h3 br{display:none}.model-description .eyebrow{display:block;font-size:9px;padding-right:65px;min-height:27px}.section-footnote{font-size:10px;margin-top:17px}.storage-tabs{gap:20px;margin-top:23px}.storage-tabs button{font-size:11px;padding:13px 0;white-space:nowrap}.storage-map{grid-template-columns:1fr 14px 1fr 14px 1fr;margin:28px 0 24px;min-height:122px}.map-node{gap:13px}.map-node .icon{width:31px;height:31px}.map-node>span{font-size:10px}.map-node small{font-size:6.5px;letter-spacing:.05em}.storage-copy{min-height:152px}.storage-copy h3{font-size:23px}.storage-copy p{font-size:13px}.privacy-section{display:block;margin:55px -24px 0;padding:39px 24px 43px;scroll-margin-top:74px}[data-theme=dark] .privacy-section{border-left:0;border-right:0}.privacy-statement{position:relative}.privacy-seal{position:absolute;right:0;top:26px;width:68px;height:74px;margin:0;opacity:.6}.privacy-statement h2{font-size:32px;margin-top:27px;max-width:230px}.privacy-statement>p{font-size:13px;line-height:1.85;max-width:100%;margin-top:20px}.privacy-details{margin-top:32px;padding-top:0}.privacy-intro{display:none}.privacy-details summary{font-size:13px;padding:19px 0}.detail-body p{font-size:12px}.privacy-fineprint{font-size:10px}.closing{display:block;padding:60px 0 45px}.closing h2{font-size:30px}.closing .eyebrow{font-size:9px}.closing-action{margin-top:28px}.closing-link{font-size:15px;justify-content:space-between}.closing-action>span{justify-content:flex-start}.footer{padding-top:0;padding-bottom:28px}.footer-top{padding-top:27px}.footer-bottom{flex-wrap:wrap;gap:22px;font-size:10px;margin-top:23px}.footer-bottom>span:first-child{width:100%}.footer-bottom nav{gap:19px}.footer-bottom>span:last-child{margin-left:auto}.maker img{width:64px}.will-reveal{transform:translateY(18px)}.section-label.will-reveal{transform:none}}
@media(max-width:360px){.page-shell,.header-inner{padding-left:20px;padding-right:20px}.privacy-section{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}h1{font-size:32px}.platform-button{flex-direction:column;align-items:flex-start}.storage-tabs{gap:15px}.storage-tabs button{font-size:11px}.privacy-statement h2{font-size:30px}.footer-bottom nav{gap:14px}.header-actions{gap:0}}

@media(max-width:959px){.packages-heading,.onboarding{gap:35px}.packages-section{padding-top:70px}.contact-band h3{font-size:24px}.package-options article{gap:15px}.package-options p{max-width:430px}}
@media(max-width:680px){.hero-links{gap:23px}.hero-links .quiet-link{margin-top:14px}.windows-download{margin-top:21px}.packages-section{padding:57px 0 30px;scroll-margin-top:85px}.packages-heading{display:block;margin-top:25px}.packages-heading>p{margin-top:22px;font-size:14px}.package-options{margin-top:29px}.package-options article{grid-template-columns:22px 1fr;gap:12px;padding:22px 0}.package-options h3{font-size:23px}.package-options p{font-size:13px}.package-note{grid-column:2;font-size:9px}.onboarding{display:block;margin-top:30px}.onboarding-copy h3{font-size:25px}.onboarding-copy p{margin-top:15px}.onboarding-steps{margin-top:27px}.contact-band{display:block;margin-top:10px;padding-top:27px}.contact-band h3{font-size:25px}.contact-band p{font-size:12px;max-width:280px}.contact-button{margin-top:24px}.footer-bottom nav{gap:16px}.footer-bottom>span:last-child{margin-left:0}}
@media(max-width:1150px){.navigation{gap:17px}.header-actions{gap:9px}}
@media(max-width:680px){.header-actions{gap:0}.features-heading{display:block;margin-top:29px}.features-heading>p{margin-top:9px}.features-list{grid-template-columns:1fr}.features-list summary{font-size:13px;min-height:55px}.features-list details>p{font-size:12px}.language-switch>button{min-width:43px}.language-options{right:-70px}.footer-bottom{gap:14px 24px}.preview-lock{margin-left:auto}.footer-bottom nav{flex-wrap:wrap}.features-heading{scroll-margin-top:90px}}
@media(max-width:360px){.header-inner .brand img{width:29px;height:29px}.header-inner .brand{gap:7px}.header-inner .brand>span{font-size:14px;letter-spacing:.17em}.header-inner{gap:5px}.language-switch>button{min-width:39px}}
@media(max-width:680px){.platform-button{flex-direction:column;align-items:flex-start;gap:13px;min-height:90px}.platform-action{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px}.platform-action>span{font-size:15px}.privacy-statement h2{max-width:calc(100% - 50px)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.privacy-seal .seal-trace{stroke-dashoffset:0}}

/* One measured anchor offset keeps section navigation directly below the toolbar. */
:root{--anchor-offset:112px;scroll-behavior:auto;scroll-padding-top:0}
.section-grid,.models-section,.privacy-section,.packages-section,.installation,.features-heading{scroll-margin-top:var(--anchor-offset)}
.section-label{top:var(--anchor-offset)}
.navigation a[aria-current=location]{color:var(--ink)}
.navigation a[aria-current=location]:after{transform:scaleX(1)}

/* A single action language, from the introduction through the package discussion. */
.hero-links{gap:24px;margin-top:28px;align-items:center}
.action-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:13px 19px;border:1px solid transparent;border-radius:2px;font-family:var(--sans);font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.action-link .icon{width:19px;height:19px;transition:transform .2s}
.action-link:hover .icon{transform:translateX(4px)}
.action-link-primary{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.action-link-primary:hover{background:var(--ink);border-color:var(--ink);color:var(--inverse)}
.action-link-secondary{padding-left:0;padding-right:0;background:transparent;color:var(--soft);gap:12px;border-radius:0}
.action-link-secondary:hover{color:var(--ink);border-bottom-color:var(--accent)}
.explore-arrow{font-size:18px;line-height:1;color:var(--accent);transition:transform .2s}
.action-link-secondary:hover .explore-arrow{transform:translateY(3px)}
.hero-signature{margin-top:25px}
.features-heading{margin-top:43px}
.feature-group+.feature-group{margin-top:30px}
.feature-group h4{font-size:10px;line-height:1.6;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
.features-list summary{font-weight:500;padding-top:19px;padding-bottom:19px}
.features-list details>p{font-size:13px;line-height:1.85;padding-bottom:23px}
.inquiry-invitation{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid var(--line);margin-top:30px;padding:29px 0 0}
.inquiry-invitation h3{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.25;letter-spacing:-.02em}
.inquiry-invitation p{font-size:12px;line-height:1.7;color:var(--soft);margin-top:10px}
.inquiry-invitation .action-link{flex-shrink:0;border-bottom-color:var(--line)}
.footer-bottom nav button{padding:0;border:0;background:none;color:inherit;font:inherit}
.footer-bottom nav button:hover{color:var(--accent)}

/* The enquiry stays in one quiet, accessible window; it does not leave the site. */
.inquiry-is-open{position:fixed;inset-inline:0;top:var(--inquiry-scroll-top);width:100%;overflow:hidden;padding-right:var(--inquiry-scrollbar-gap)}
.inquiry-dialog{width:min(720px,calc(100% - 40px));max-height:calc(100dvh - 48px);margin:auto;padding:30px 38px 34px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);box-shadow:0 32px 110px #00000040;overscroll-behavior:contain;overflow:auto}
.inquiry-dialog::backdrop{background:#080b0bc9;backdrop-filter:blur(5px)}
.inquiry-dialog[open]{animation:arrive .28s ease both}
.inquiry-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.inquiry-close{display:grid;place-items:center;flex:none;width:40px;height:40px;margin:-9px -9px -9px 0;border:0;background:transparent;color:var(--soft)}
.inquiry-close:hover{color:var(--ink);background:var(--inset)}
.inquiry-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3}
.inquiry-dialog .section-title{font-size:35px;line-height:1.15}
.inquiry-lead{font-size:13px;color:var(--soft);line-height:1.75;margin-top:16px;max-width:470px}
.inquiry-preview-note{font-size:11px;line-height:1.65;color:var(--accent);margin-top:15px;padding-left:10px;border-left:1px solid var(--accent)}
.inquiry-form{margin-top:27px}
.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:21px 27px}
.inquiry-field{min-width:0}
.inquiry-field-wide{grid-column:1/-1}
.inquiry-field label{margin-bottom:7px;font-size:11px;line-height:1.5}
.inquiry-field label>span{font-weight:400;font-size:10px;color:var(--soft);margin-left:5px}
.inquiry-field input,.inquiry-field select,.inquiry-field textarea{display:block;width:100%;min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--raised);color:var(--ink);padding:11px 12px;font:inherit;font-size:14px;line-height:1.5;transition:border-color .2s}
.inquiry-field select{min-height:44px;padding-right:24px;text-overflow:ellipsis}
.inquiry-field textarea{resize:vertical;min-height:106px;max-height:280px}
.inquiry-field textarea::placeholder{font-size:12px;color:var(--soft);opacity:.8}
.inquiry-field input:focus-visible,.inquiry-field select:focus-visible,.inquiry-field textarea:focus-visible{outline:1px solid var(--accent);outline-offset:0;border-bottom-color:var(--accent)}
.inquiry-note{font-size:10px;line-height:1.65;color:var(--soft);margin-top:11px}
.inquiry-submit-row{display:flex;align-items:center;gap:20px;margin-top:24px}
.inquiry-submit{flex:none}
.inquiry-local-note{font-size:10px;line-height:1.6;color:var(--soft)}
.inquiry-status{font-size:12px;line-height:1.75;color:var(--accent);margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.inquiry-status:empty{display:none}
@media(max-width:959px){.hero-links{gap:15px;align-items:flex-start;flex-direction:column}.hero-links .action-link-secondary{min-height:40px}.inquiry-invitation{gap:24px}}
@media(max-width:680px){:root{--anchor-offset:94px}.hero-links{flex-direction:row;align-items:center;gap:18px;margin-top:23px}.hero-links .action-link{font-size:11px}.hero-links .action-link-primary{padding:13px 15px;gap:16px}.hero-links .action-link-secondary{gap:9px}.hero-signature{margin-top:22px}.features-heading{margin-top:32px}.features-list details>p{font-size:13px}.inquiry-invitation{display:block;margin-top:19px;padding-top:27px}.inquiry-invitation h3{font-size:25px}.inquiry-invitation .action-link{margin-top:14px}.inquiry-dialog{width:calc(100% - 26px);max-height:calc(100dvh - 28px);padding:23px 23px 26px}.inquiry-dialog .section-title{font-size:30px}.inquiry-lead{font-size:13px}.inquiry-fields{grid-template-columns:1fr;gap:18px}.inquiry-field-wide{grid-column:auto}.inquiry-field input,.inquiry-field select,.inquiry-field textarea{font-size:16px}.inquiry-field textarea::placeholder{font-size:13px}.inquiry-submit-row{display:block;margin-top:21px}.inquiry-submit{width:100%;justify-content:space-between}.inquiry-local-note{display:block;margin-top:11px}.inquiry-dialog-top{margin-bottom:14px}.inquiry-form{margin-top:23px}}
@media(max-width:360px){.hero-links{flex-direction:column;align-items:stretch;gap:4px}.hero-links .action-link-primary{justify-content:space-between}.hero-links .action-link-secondary{justify-content:center}.inquiry-dialog{padding-left:20px;padding-right:20px}.inquiry-dialog .section-title{font-size:28px}}

/* Prose follows the page's editorial rhythm; controls and short labels keep their natural alignment. */
.hero-description,.panel-copy,.about-text p,.features-list details>p,.models-intro>p,.model-description>p,.storage-copy p,.privacy-statement>p,.detail-body p,.privacy-fineprint,.packages-heading>p,.package-options p,.onboarding-copy p,.section-footnote,.instructions p,.instructions li,.inquiry-lead,.inquiry-note,.document-journey p,.processing-modes>p{text-align:justify;text-align-last:start;text-justify:inter-word;hyphens:none;-webkit-hyphens:none;text-wrap:pretty;overflow-wrap:break-word}
.document-journey{margin-top:33px;padding-top:26px;border-top:1px solid var(--line)}
.document-journey>h3,.processing-modes>h3{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.3;letter-spacing:-.02em}
.document-journey>ol{padding:0;margin:18px 0 0;list-style:none}
.document-journey li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:17px;padding:17px 0;border-bottom:1px solid var(--line)}
.document-journey li>span{font-size:10px;color:var(--accent);line-height:1.7;padding-top:2px}
.document-journey li>div{display:grid;grid-template-columns:minmax(120px,.65fr) minmax(0,1.5fr);gap:25px;align-items:baseline}
.document-journey h4{font-size:13px;font-weight:500;line-height:1.6;margin:0}
.document-journey p{font-size:13px;line-height:1.85;color:var(--soft)}
.processing-modes{margin-top:33px;padding-top:28px;border-top:1px solid var(--line)}
.processing-modes>p{font-size:13px;line-height:1.85;color:var(--soft);max-width:760px;margin-top:13px}
.processing-modes>.features-list{margin-top:21px}
@media(max-width:680px){
  :root{--header-height:75px}
  .hero{padding-top:0;padding-bottom:32px}
  .hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:calc(100vh - var(--header-height));min-height:calc(100svh - var(--header-height));padding:clamp(30px,6svh,64px) 0 clamp(30px,5svh,54px)}
  .hero-copy>*{flex-shrink:0;max-width:100%}
  .hero-copy>.hero-description{max-width:370px}
  .hero-copy .hero-links{width:100%;max-width:370px}
  .installation{margin-top:0;padding-top:calc(var(--header-height) + 24px)}
  .document-journey{margin-top:27px;padding-top:23px}
  .document-journey>h3,.processing-modes>h3{font-size:24px}
  .document-journey li{gap:13px;padding:16px 0}
  .document-journey li>div{display:block}
  .document-journey p{margin-top:7px}
  .processing-modes{margin-top:27px;padding-top:25px}
  .processing-modes>.features-list{margin-top:18px}
}

/* A distinct masthead and a restrained editorial opening. */
@font-face{font-family:"ELARIS Editorial";font-style:italic;font-display:block;font-weight:400;src:url("/site/assets/plex-serif-italic.woff2") format("woff2")}
:root{--header-paper:#eae5dc;--header-line:#d2cabe}
:root[data-theme=dark]{--header-paper:#222725;--header-line:#424a44}
.masthead{background:var(--header-paper);border-bottom-color:var(--header-line)}
.hero-copy{position:relative}
.hero-copy h1{line-height:1.1;letter-spacing:-.028em}
.hero-copy .title-line{animation:none}
.hero-motto{font-family:"ELARIS Editorial",Georgia,serif;font-style:italic;font-weight:400;font-size:19px;line-height:1.55;letter-spacing:-.015em;color:var(--ink);margin-bottom:16px}
.hero-description{max-width:410px}
.hero-copy .hero-links{flex-direction:row;align-items:center;gap:26px;margin-top:29px}
.hero-copy .action-link-primary{min-height:47px;padding:12px 18px;gap:19px}
.hero-copy .action-link-secondary{min-height:47px}
.hero-inquiry{margin-top:9px}
.hero-inquiry button{display:inline-flex;align-items:center;gap:10px;min-height:33px;padding:4px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:var(--soft);font-family:var(--sans);font-size:11px;font-weight:400;line-height:1.5;transition:color .2s,border-color .2s}
.hero-inquiry button:hover{color:var(--ink);border-bottom-color:var(--accent)}
.hero-inquiry .icon{width:15px;height:15px}
.hero-signature{margin-top:25px}
.cover-scroll{display:none}

/* The shared reveal system controls entry; delays apply only while entering. */
.hero-copy>.will-reveal{transition-duration:.75s;transition-timing-function:cubic-bezier(.22,.72,.2,1);transition-delay:0s;transform:translateY(16px)}
.hero-copy>.will-reveal.is-visible{transform:none}
.hero-copy>.eyebrow.is-visible{transition-delay:0s}
.hero-copy>h1.is-visible{transition-delay:.06s}
.hero-copy>.hero-motto.is-visible{transition-delay:.1s}
.hero-copy>.hero-description.is-visible{transition-delay:.14s}
.hero-copy>.hero-links.is-visible{transition-delay:.18s}
.hero-copy>.hero-inquiry.is-visible{transition-delay:.22s}
.hero-copy>.hero-signature.is-visible{transition-delay:.26s}
.hero-copy>.cover-scroll.is-visible{transition-delay:.3s}
@media(max-width:959px){
  .navigation{background:var(--header-paper);border-bottom-color:var(--header-line)}
  .hero-copy .hero-links{gap:18px}
  .hero-copy .action-link{font-size:11px}
  .hero-copy .action-link-primary{padding:12px 15px;gap:15px}
}
@media(max-width:680px){
  .hero-copy{padding:clamp(25px,5svh,55px) 0 80px}
  .hero-copy h1{line-height:1.12;margin-top:23px;margin-bottom:21px}
  .hero-motto{font-size:18px;line-height:1.55;margin-bottom:15px}
  .hero-copy>.hero-description{max-width:365px;line-height:1.85}
  .hero-copy .hero-links{gap:20px;margin-top:24px;flex-wrap:nowrap}
  .hero-copy .action-link-primary{padding:12px 14px;gap:14px;justify-content:center}
  .hero-copy .action-link-secondary{gap:9px;justify-content:center}
  .hero-inquiry{margin-top:6px}
  .hero-signature{margin-top:20px}
  .cover-scroll{position:absolute;left:0;right:0;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px;padding:13px 0 0;border-top:1px solid var(--line);color:var(--soft);font-size:9px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
  .cover-scroll [aria-hidden=true]{font-size:20px;line-height:1;letter-spacing:0;color:var(--accent);transition:transform .25s}
  .cover-scroll:hover{color:var(--ink)}
  .cover-scroll:hover [aria-hidden=true]{transform:translateY(3px)}
}
@media(max-width:360px){
  .hero-copy{padding-top:24px;padding-bottom:74px}
  .hero-copy h1{margin-top:21px;margin-bottom:18px}
  .hero-motto{font-size:17px;margin-bottom:12px}
  .hero-copy .hero-links{gap:14px;margin-top:21px;align-items:center}
  .hero-copy .action-link-primary{padding:12px;gap:12px}
  .hero-copy .action-link-secondary{gap:8px}
  .hero-signature{margin-top:17px}
  .cover-scroll{bottom:13px}
}
@media(prefers-reduced-motion:reduce){.hero-copy>.will-reveal{transform:none;transition:none}}

/* Warm neutrals distinguish headings and details from the bronze brand accent. */
:root{--editorial-heading:#3c3c38;--editorial-detail:#526d82;--prose:#5c5d58}
:root[data-theme=dark]{--editorial-heading:#c9ccca;--editorial-detail:#778b9b;--prose:#c0bfba}
:root{--cover-heading:#535754}
:root[data-theme=dark]{--cover-heading:#c9ccca}
.hero-copy .title-line:first-child{color:var(--cover-heading)}
.hero-copy .title-line.accent{color:var(--accent)}
.section-title,.model-description h3,.document-journey>h3,.processing-modes>h3,.package-options h3,.onboarding-copy h3,.inquiry-invitation h3,.installation h2,.storage-copy h3,.document-journey h4{color:var(--editorial-heading)}
.section-title .accent{color:var(--accent)}
.feature-group h4,.models-section .section-aside,.packages-section .section-aside{color:var(--editorial-detail)}
.hero-description,.about-text p,.features-list details>p,.models-intro>p,.model-description>p,.storage-copy p,.packages-heading>p,.package-options p,.onboarding-copy p,.document-journey p,.processing-modes>p{color:var(--prose)}
.privacy-statement h2 span{color:#d2c5b2}

/* The whole content block arrives, then becomes fully sharp and still. */
.will-reveal{opacity:0;transform:translateY(18px);filter:blur(2px);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1),filter .45s ease-out}
.will-reveal.is-visible{opacity:1;transform:none;filter:none}
.hero-copy>.will-reveal{transform:translateY(18px);filter:blur(2px);transition-duration:.65s,.65s,.45s;transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-delay:0s}
.hero-copy>.will-reveal.is-visible{transform:none;filter:none}
.hero-copy>.eyebrow.is-visible{transition-delay:0s}
.hero-copy>h1.is-visible{transition-delay:.03s}
.hero-copy>.hero-motto.is-visible{transition-delay:.06s}
.hero-copy>.hero-description.is-visible{transition-delay:.09s}
.hero-copy>.hero-links.is-visible{transition-delay:.12s}
.hero-copy>.hero-inquiry.is-visible{transition-delay:.15s}
.hero-copy>.hero-signature.is-visible{transition-delay:.18s}

/* Separate cover zones occupy the available height, rather than centering one stack. */
@media(max-width:680px){
  .hero-copy{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(20px,.55fr) auto minmax(12px,.5fr) auto auto minmax(20px,1fr) auto auto minmax(22px,1fr) auto;
    align-items:start;
    align-content:stretch;
    justify-content:stretch;
    gap:0;
    min-height:calc(100vh - var(--header-height));
    min-height:calc(100svh - var(--header-height));
    padding:34px 0 27px;
  }
  .hero-copy>.eyebrow{grid-row:1;margin:0}
  .hero-copy>h1{grid-row:3;align-self:center;margin:0}
  .hero-copy>.hero-motto{grid-row:5;margin:0}
  .hero-copy>.hero-description{grid-row:6;margin:12px 0 0}
  .hero-copy>.hero-links{grid-row:8;margin:0}
  .hero-copy>.hero-inquiry{grid-row:9;margin:4px 0 0}
  .hero-copy>.hero-signature{grid-row:11;align-self:end;margin:0}
  .cover-scroll{display:none}
}
@media(max-width:360px){
  .hero-copy{padding-top:29px;padding-bottom:25px}
  .hero-copy>h1{margin:0}
  .hero-copy>.hero-links{margin:0}
  .hero-copy>.hero-signature{margin:0}
}
@media(prefers-reduced-motion:reduce){.will-reveal,.hero-copy>.will-reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}}

/* A two-line cover title sized to its own column, including narrow screens. */
.hero-copy{container-type:inline-size}
.hero-copy h1{font-size:clamp(23px,8.2cqi,51px)}
:root:lang(sr-Latn) .hero-copy h1{font-size:clamp(21.5px,7.7cqi,48px)}
.hero-copy .title-line{white-space:nowrap}
/* An understated view of the product, within the presentation's existing rhythm. */
.product-preview{margin:34px 0 36px;min-width:0}
.product-preview-frame{overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#202323;box-shadow:0 12px 32px rgb(0 0 0 / .07)}
.product-preview img{display:block;width:100%;height:auto}
.product-preview figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:11px;font-size:10px;line-height:1.5;color:var(--soft)}
.product-preview figcaption>span:first-child{color:var(--accent)}
@media(max-width:680px){.product-preview{margin:28px 0 30px}.product-preview figcaption{font-size:9px;gap:10px}}

/* Office sharing includes both the phone and the other members of the office. */
.endpoint-icons{display:flex;align-items:center;justify-content:center;gap:12px}
.storage-map .office-endpoint{display:none}
.storage-map[data-mode=office] .office-endpoint{display:block;animation:arrive .3s ease both}
.storage-map[data-mode=office] .personal-endpoint-label{display:none}
.storage-map[data-mode=office] .endpoint-icons{gap:8px}
@media(max-width:680px){.storage-map[data-mode=office] .endpoint-icons .icon{width:28px;height:31px}.storage-map[data-mode=office] .map-phone>span{font-size:9px}}
/* Unified device selection, quiet inquiry action and a single framed gallery. */
.platform-signatures{gap:clamp(12px,2vw,21px);flex-wrap:wrap}
.platform-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.platform-button{padding:15px 9px;gap:15px;flex-direction:column;align-items:flex-start;min-width:0;min-height:96px}
.platform-name{font-size:12px;gap:8px;flex-direction:column;align-items:flex-start}
.platform-name .icon{width:18px;height:18px}
.platform-button:disabled{cursor:not-allowed;opacity:.55;transform:none}
.platform-button:disabled:hover{border-color:var(--line)}
.platform-action{font-size:9px}
.hero-copy h1{font-size:clamp(23.5px,8.4cqi,53px)}
:root:lang(sr-Latn) .hero-copy h1{font-size:clamp(21.5px,7.9cqi,49px)}
.hero-copy h1 .title-line:first-child{font-size:9.15cqi}
.hero-copy h1 .title-line:nth-child(2){font-size:.92em}
:root:lang(sr-Latn) .hero-copy h1 .title-line:first-child{font-size:7.85cqi}
:root:lang(sr-Latn) .hero-copy h1 .title-line:nth-child(2){font-size:.87em}
.hero-inquiry{margin-top:29px}
.hero-inquiry button,.inquiry-invitation>button,.footer-bottom button[data-inquiry-open]{border:1px solid var(--line);border-radius:3px;background:color-mix(in srgb,var(--ink) 3%,transparent);color:var(--soft);padding:11px 16px;min-height:42px;transition:background .2s,border-color .2s,color .2s}
.hero-inquiry button:hover,.inquiry-invitation>button:hover,.footer-bottom button[data-inquiry-open]:hover{border-color:var(--accent);color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}
.inquiry-dialog[open],.gallery-dialog[open]{animation:dialog-arrive .32s cubic-bezier(.2,.7,.2,1) both}
.inquiry-dialog[open]::backdrop,.gallery-dialog[open]::backdrop{animation:backdrop-arrive .25s ease both}
#inquiry-title:focus{outline:none}
#inquiry-title,#inquiry-title .accent{color:var(--editorial-heading)}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(9px) scale(.99)}to{opacity:1;transform:none}}
@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
.product-preview-frame{display:block;width:100%;padding:0;position:relative;cursor:zoom-in;aspect-ratio:1.9;isolation:isolate}
.product-preview-frame img{width:100%;height:100%;object-fit:contain}
.preview-expand{position:absolute;right:14px;bottom:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #d5d0c750;background:#191b1bd9;color:#ece9e2;border-radius:3px;transition:background .2s,transform .2s}
.preview-expand svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.product-preview-frame:hover .preview-expand{transform:scale(1.06);background:#303332}
.product-preview .preview-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:17px}
.preview-description strong{display:block;color:var(--accent);font-size:13px;font-weight:500;margin-bottom:5px}
.preview-description p{font-size:12px;line-height:1.6;color:var(--soft);max-width:460px;text-align:left}
.preview-sample-note{margin-top:9px;font-size:9px;color:var(--soft);opacity:.8}
.gallery-controls{display:flex;align-items:center;gap:8px;flex:none;color:var(--soft)}
.gallery-controls button,.gallery-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);font-size:18px;transition:background .2s,border-color .2s}
.gallery-controls button:hover,.gallery-close:hover{background:var(--raised);border-color:var(--accent)}
.gallery-count{font-size:10px;font-variant-numeric:tabular-nums;min-width:42px;text-align:center;white-space:nowrap}
.gallery-is-open{position:fixed;inset-inline:0;top:var(--gallery-scroll-top);width:100%;overflow:hidden;padding-right:var(--gallery-scrollbar-gap)}
.gallery-dialog{width:min(1480px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 40px);padding:19px;margin:auto;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0008}
.gallery-dialog::backdrop{background:#080b0be8;backdrop-filter:blur(6px)}
.gallery-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:16px}
.gallery-top h2{font-family:var(--serif);font-weight:400;font-size:25px;line-height:1.2;color:var(--accent)}
.gallery-tools{display:flex;align-items:center;gap:16px;flex:none}
#gallery-zoom{min-height:40px;padding:6px 0;border:0;background:transparent;color:var(--soft);font-size:11px}
.gallery-close{font-size:24px}
.gallery-stage{height:min(70dvh,760px);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:#202427;touch-action:pan-y pinch-zoom}
.gallery-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.gallery-stage.is-zoomed{display:block;overflow:auto;touch-action:pan-x pan-y pinch-zoom}
.gallery-stage.is-zoomed img{width:max(100%,var(--image-width));max-width:none;max-height:none}
.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:15px}
.gallery-bottom p{font-size:12px;line-height:1.6;color:var(--soft);text-align:left;max-width:780px}
.gallery-image-arrive{animation:backdrop-arrive .22s ease both}
@media(max-width:680px){
  .hero-copy>h1{margin-inline:0;width:100%;max-width:100%}
  .hero-copy>.hero-inquiry{margin:24px 0 0}
  .hero-inquiry button{font-size:11px;padding:10px 15px}
  .hero-copy{grid-template-rows:0 minmax(20px,.55fr) auto minmax(12px,.5fr) auto auto minmax(24px,1.7fr) auto auto 26px auto}
  .platform-button{padding:15px 10px}
  .platform-name{font-size:12px}
  .product-preview .preview-caption{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding-top:14px}
  .preview-description strong{font-size:12px}
  .preview-description p{font-size:11px}
  .preview-caption .gallery-controls{justify-self:end}
  .preview-expand{right:10px;bottom:10px;width:30px;height:30px}
  .gallery-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:13px}
  .gallery-top{align-items:flex-start;gap:10px;padding-bottom:12px}
  .gallery-top h2{font-size:21px;max-width:60%}
  .gallery-tools{flex-direction:column-reverse;gap:8px;align-items:flex-end}
  #gallery-zoom{font-size:10px;min-height:32px}
  .gallery-stage{height:auto;aspect-ratio:1.9}
  .gallery-stage.is-zoomed{height:min(51dvh,440px);aspect-ratio:auto}
  .gallery-bottom{display:block;padding-top:13px}
  .gallery-bottom p{font-size:11px;min-height:36px}
  .gallery-bottom .gallery-controls{justify-content:flex-end;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.inquiry-dialog[open],.gallery-dialog[open],.inquiry-dialog[open]::backdrop,.gallery-dialog[open]::backdrop,.gallery-image-arrive{animation:none!important}}
/* Keep the cover actions towards the bottom on wider screens as well. */
@media(min-width:681px){
  .hero{min-height:calc(100svh - var(--header-height))}
  .hero-copy{display:flex;flex-direction:column;align-self:stretch}
  .hero-copy>h1{margin-top:0}
  .hero-copy>.hero-links{margin-top:auto;padding-top:40px}
}
/* Match the muted blue used by the installed app's usage indicator. */
.eyebrow,.section-number,.section-aside,.feature-group h4,.model-index,.model-uses,
.principles-strip b,.document-journey li>span,.package-number,.package-note,
.onboarding-steps li>span,.platform-action,.unlocked-indicator,.gallery-count,
.map-node .icon{color:var(--editorial-detail)}
.map-connection>i{background:var(--editorial-detail)}

/* Equal access and contact choices, with exploration underneath. */
.hero-copy .hero-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;max-width:420px}
.hero-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.hero-copy .hero-action{width:100%;min-width:0;min-height:48px;padding:12px 14px;gap:12px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:3px;background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--ink);white-space:normal;text-align:center;line-height:1.4}
.hero-copy .hero-action:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}
.hero-action .icon{flex:0 0 16px;width:16px;height:16px}
.hero-copy .hero-explore{align-self:center;min-height:40px;padding:6px 0;gap:10px;font-size:11px}
@media(max-width:680px){
  .hero-copy .hero-links{gap:12px;max-width:370px}
  .hero-action-row{gap:10px}
  .hero-copy .hero-action{padding:11px 10px;gap:8px;font-size:11px}
}
@media(max-width:360px){.hero-action .icon{display:none}}

/* Warm headings and a clearer, quieter cover hierarchy. */
:root,:root[data-theme=dark]{--editorial-heading:var(--accent)}
#privacy-title,#privacy-title span,.features-heading h3{color:var(--accent)}
.hero-motto{color:var(--cover-heading)}
.hero-motto::before{content:"";display:inline-block;width:22px;height:1px;margin-right:12px;vertical-align:middle;background:var(--editorial-detail);opacity:.65}
.hero-copy>.hero-description{hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:pretty}
.hero-copy .hero-links{gap:26px}
.hero-copy .hero-explore{border-bottom:1px solid color-mix(in srgb,var(--accent) 65%,transparent);padding:6px 5px;color:var(--ink)}
.hero-copy .hero-explore:hover{color:var(--accent);border-bottom-color:var(--accent)}
.hero-signature{margin-top:45px}
.installation-interest{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:42px;padding:10px 15px;margin:0 0 27px;border:1px solid var(--line);border-radius:3px;background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--ink);font:500 11px/1.5 var(--sans);transition:background .2s,border-color .2s}
.installation-interest .icon{width:16px;height:16px}
.installation-interest:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}
@media(max-width:680px){.hero-copy{grid-template-rows:0 minmax(20px,.55fr) auto minmax(12px,.5fr) auto auto minmax(24px,1.7fr) auto auto 46px auto}.hero-copy .hero-links{gap:26px}}

/* Muted blue captions and compact gallery heading. */
.document-journey h4,.preview-description strong,#gallery-title{color:var(--editorial-detail)}
#gallery-title{font-size:15px;line-height:1.45}
@media(max-width:680px){#gallery-title{font-size:13px}}

/* Consistent spacing within the introduction; preserve the lower actions. */
.hero-motto{color:var(--editorial-detail)}
@media(min-width:681px){.hero-copy>h1{margin-bottom:28px}.hero-copy>.hero-motto{margin-bottom:0}.hero-copy>.hero-description{margin-top:20px}}
@media(max-width:680px){.hero-copy{grid-template-rows:0 clamp(38px,7svh,60px) auto 28px auto auto minmax(24px,1fr) auto auto 46px auto}.hero-copy>.hero-description{margin-top:20px}}

/* Frame the cover introduction with two quiet rules and one shared alignment. */
:root{--cover-prose:#626966}
:root[data-theme=dark]{--cover-prose:#a2a7a5}
.hero-copy>h1{position:relative;padding-top:26px}
.hero-copy>h1::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(to right,var(--accent) 0 48px,var(--line) 48px 100%)}
.hero-copy h1 .title-line:nth-child(2){font-size:.86em;margin-top:4px}
:root:lang(sr-Latn) .hero-copy h1 .title-line:nth-child(2){font-size:.82em}
.hero-copy>.hero-motto{width:100%;padding-bottom:22px;border-bottom:1px solid var(--line)}
.hero-motto::before{display:none}
.hero-copy>.hero-description{color:var(--cover-prose);margin-top:20px}
@media(min-width:681px){.hero-copy>h1{margin-bottom:22px}}
@media(max-width:680px){.hero-copy{grid-template-rows:0 clamp(24px,4svh,36px) auto 22px auto auto minmax(24px,1fr) auto auto 46px auto}}

.hero-copy .hero-explore{color:var(--editorial-detail)}
.hero-copy .hero-explore:hover{color:color-mix(in srgb,var(--editorial-detail) 70%,var(--ink))}

/* A legal emblem leads the title; the motto belongs to the explanatory copy. */
.hero-emblem{height:48px;width:48px;margin-bottom:24px;color:var(--editorial-detail);font-family:var(--serif);font-size:52px;font-weight:400;line-height:1;opacity:.8}
.hero-copy>h1{padding-top:0;margin-bottom:0}
.hero-copy>h1::before{display:none}
.hero-introduction{margin-top:34px;width:100%;max-width:430px}
.hero-introduction .hero-motto{padding:0;border:0;margin:0 0 14px;color:var(--editorial-detail)}
.hero-introduction .hero-description{margin:0;max-width:none;color:var(--cover-prose);hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;text-wrap:pretty}
.hero-copy>.hero-introduction.is-visible{transition-delay:.09s}
@media(max-width:680px){
  .hero-copy{grid-template-rows:auto 24px auto 32px auto 0 minmax(24px,1fr) auto auto 46px auto}
  .hero-emblem{grid-row:1;width:44px;height:44px;margin:0;font-size:48px}
  .hero-copy>h1{grid-row:3;margin:0}
  .hero-introduction{grid-row:5;margin:0;max-width:365px}
  .hero-introduction .hero-description{line-height:1.85}
}
@media(max-width:360px){.hero-emblem{width:36px;height:36px;font-size:40px}.hero-copy{grid-template-rows:auto 20px auto 28px auto 0 minmax(24px,1fr) auto auto 46px auto}}
/* Keep the brand alone at the top; the paragraph mark sits quietly in the breathing space. */
.hero-emblem{position:absolute;right:0;bottom:205px;margin:0;width:52px;height:64px;font-size:66px;opacity:.2;pointer-events:none}
@media(max-width:680px){
  .hero-copy{grid-template-rows:0 clamp(36px,6svh,52px) auto 36px auto 0 minmax(24px,1fr) auto auto 46px auto}
  .hero-emblem{position:static;grid-row:7;align-self:center;justify-self:end;width:46px;height:58px;font-size:60px;margin:0}
}
@media(max-width:360px){.hero-copy{grid-template-rows:0 42px auto 30px auto 0 minmax(24px,1fr) auto auto 46px auto}.hero-emblem{width:28px;height:34px;font-size:36px}}
.hero-copy>.hero-emblem.is-visible{opacity:.24}

/* Stable type, an inline paragraph mark, and a vertically balanced introduction. */
.hero-copy h1 .title-line:nth-child(2){display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.hero-inline-mark{font-size:.8em;line-height:1;color:var(--cover-heading);opacity:.65;flex:none;letter-spacing:0}
.hero-introduction .hero-motto{display:flex;align-items:baseline;gap:12px}
.hero-introduction .hero-motto::before{content:"";display:block;flex:0 0 20px;width:20px;height:1px;margin:0;align-self:center;background:var(--editorial-detail);opacity:.65}
.hero-copy>.hero-introduction.will-reveal,.hero-copy>.hero-introduction.will-reveal.is-visible{transform:none;filter:none;transition-property:opacity;transition-duration:.45s;transition-delay:0s}
@media(min-width:681px){.hero-introduction{margin-top:auto;margin-bottom:auto}.hero-copy>.hero-links{margin-top:0;padding-top:0}}
@media(max-width:680px){.hero-copy{grid-template-rows:0 clamp(36px,6svh,52px) auto minmax(24px,1fr) auto 0 minmax(24px,1fr) auto auto 46px auto}.hero-introduction{margin:0}}
@media(max-width:360px){.hero-copy{grid-template-rows:0 42px auto minmax(24px,1fr) auto 0 minmax(24px,1fr) auto auto 46px auto}.hero-introduction .hero-motto{gap:10px}.hero-introduction .hero-motto::before{flex-basis:16px;width:16px}}

/* Medium-weight headlines, a roman introduction and compact model labels. */
@font-face{font-family:"Newsreader Display";font-style:normal;font-display:block;font-weight:500;src:url("/site/assets/newsreader-display-medium.woff2") format("woff2")}
.hero-copy h1,.section-title,.installation h2,.privacy-statement h2,.document-journey>h3,.processing-modes>h3,.features-heading h3,.package-options h3,.onboarding-copy h3,.inquiry-invitation h3,.storage-copy h3{font-weight:500}
.hero-inline-mark{font-weight:400}
.hero-copy h1 .title-line:first-child{font-size:9cqi}
:root:lang(sr-Latn) .hero-copy h1 .title-line:first-child{font-size:7.7cqi}
.hero-introduction .hero-description{font-family:var(--sans);font-style:normal;font-weight:400}
.model-tabs button{font-size:21px;white-space:nowrap}
.model-description h3{font-size:20px;font-weight:500;line-height:1.35;max-width:none;margin:12px 0}
.model-description .eyebrow{padding-right:0}
@media(max-width:680px){.model-tabs{gap:20px}.model-tabs button{font-size:20px;gap:9px}.model-description h3{font-size:19px;margin-top:24px}.model-description .eyebrow{padding-right:54px}}

/* Reserve the masthead mark and wordmark before assets load. */
@font-face{font-family:"ELARIS Brand";font-style:normal;font-display:block;font-weight:100 700;src:url("/site/assets/plex-latin.woff2") format("woff2")}
.header-inner .brand{animation:none;transform:none;transition:none}
.header-inner .brand>.brand-symbol{position:relative;display:block;flex:none;width:43px;height:43px;padding:0;letter-spacing:0}
.header-inner .brand-symbol img{position:absolute;inset:0;width:100%;height:100%;animation:none;transform:none;transition:none}
.header-inner .brand>.brand-name{font-family:"ELARIS Brand",Arial,sans-serif;display:block;width:6.1em;line-height:1.25;white-space:nowrap;animation:none;transform:none;transition:none}
.hero-copy h1 .title-line:nth-child(2){justify-content:flex-start;gap:clamp(12px,3cqi,18px)}
.hero-inline-mark{font-size:1.05em}
@media(max-width:680px){.header-inner .brand>.brand-symbol{width:34px;height:34px}}
@media(max-width:360px){.header-inner .brand>.brand-symbol{width:29px;height:29px}}

/* Quiet infrastructure symbols, not certification or endorsement badges. */
.hero-signature{justify-content:space-between;gap:12px;width:100%}
.signature-copy{display:flex;align-items:center;gap:11px;min-width:0}
.signature-copy>span{line-height:1.5}
.infrastructure-marks{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none;color:var(--soft);opacity:.7}
.infrastructure-mark{display:flex;width:19px;height:19px}
.infrastructure-mark svg{width:100%;height:100%}
:root{--cover-muted:color-mix(in srgb,var(--cover-heading) 65%,var(--paper))}
.hero-copy h1 .title-line:first-child,.hero-inline-mark{color:var(--cover-muted);opacity:1}
/* The cover enters once per tab session; it is excluded from scroll reveals. */
[data-cover-enter]{opacity:1;transform:none;filter:none}
:root[data-cover-intro=pending] [data-cover-enter]{opacity:0;animation:cover-safe-show 0s 2s forwards}
:root[data-cover-intro=active] [data-cover-enter]{animation:cover-first-arrival 1.1s cubic-bezier(.22,.68,.25,1) both}
:root[data-cover-intro=active] .hero-introduction{animation-delay:.25s}
:root[data-cover-intro=active] .hero-links{animation-delay:.5s}
:root[data-cover-intro=active] .hero-signature{animation-delay:.72s}
@keyframes cover-first-arrival{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes cover-safe-show{to{opacity:1;transform:none}}
@media(max-width:360px){.hero-signature{gap:8px}.signature-copy{gap:7px}.signature-copy>span{font-size:9px}.infrastructure-marks{gap:8px}.infrastructure-mark{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){:root[data-cover-intro] [data-cover-enter]{opacity:1;animation:none;transform:none}}

/* Quiet subheadings share the cover grey; feature names retain their blue. */
.document-journey>h3,.processing-modes>h3,.onboarding-copy h3,.inquiry-invitation h3,.storage-copy h3,.model-description h3,.features-heading h3{color:var(--cover-muted)}
.features-heading{flex-wrap:wrap;row-gap:8px}
.features-heading h3{font-size:19px;line-height:1.4}
@media(max-width:680px){.features-heading h3{font-size:18px}}

/* Flat paper and an outlined paragraph mark, using the local editorial typeface. */
:root{--package-heading:var(--editorial-detail);--cover-mark-opacity:.27}
:root[data-theme=light]{--cover-muted:#747b77}
:root[data-theme=dark]{--package-heading:var(--editorial-detail);--cover-mark-opacity:.23}
.document-journey>h3,.processing-modes>h3,.onboarding-copy h3,.inquiry-invitation h3,.storage-copy h3,.model-description h3,.features-heading h3{color:var(--accent)}
.package-options h3{color:var(--package-heading)}
.document-journey h4,.feature-group h4,.instructions h3{color:var(--accent)}
.hero-copy{isolation:isolate}
.cover-legal-mark{position:absolute;z-index:-1;pointer-events:none;right:-36px;top:-35px;width:310px;height:auto;max-width:none!important;color:var(--accent);opacity:var(--cover-mark-opacity);fill:none;stroke:currentColor;stroke-width:.9;stroke-linejoin:round;filter:drop-shadow(2px 5px 5px rgb(0 0 0 / .28))}
:root[data-cover-intro=pending] .cover-legal-mark{opacity:0;animation:legal-mark-safe-show 0s 2s forwards}
:root[data-cover-intro=active] .cover-legal-mark{animation:legal-mark-arrive 1.7s ease both}
@keyframes legal-mark-arrive{from{opacity:0}to{opacity:var(--cover-mark-opacity)}}
@keyframes legal-mark-safe-show{to{opacity:var(--cover-mark-opacity)}}
@media(max-width:680px){
  .cover-legal-mark{top:24px;right:-16px;width:215px}
  .installation{border-top:0;padding-top:20px}
}
@media(max-width:360px){.cover-legal-mark{right:-12px;width:190px}}
@media(prefers-reduced-motion:reduce){:root[data-cover-intro] .cover-legal-mark{animation:none;opacity:var(--cover-mark-opacity)}}

/* The installation action uses a restrained brown fill in either theme. */
.installation .primary-button{background:#b29a7c;border-color:#b29a7c;color:#111}
.installation .primary-button:hover:not(:disabled){background:#a58b6b;border-color:#a58b6b;color:#111}
:root[data-theme=dark] .installation .primary-button{background:#b29a7c;border-color:#bca88b;color:#111}
:root[data-theme=dark] .installation .primary-button:hover:not(:disabled){background:#c0ab8d;border-color:#c0ab8d;color:#111}

/* The masthead wordmark is vector lettering: no web-font swap on refresh. */
.header-inner .brand>.brand-name{flex:none}
.brand-lettering{display:block;width:6.1em;height:1.25em;fill:currentColor;animation:none;transition:none;transform:none}
.brand-lettering-mobile,.brand-lettering-small{display:none}
@media(max-width:680px){.brand-lettering-wide{display:none}.brand-lettering-mobile{display:block}}
@media(max-width:360px){.brand-lettering-mobile{display:none}.brand-lettering-small{display:block}}

/* Warm brown subheadings, distinct from the beige section titles. */
:root{--editorial-subheading:#80583f}
:root[data-theme=dark]{--editorial-subheading:#b88d70}
.document-journey>h3,.processing-modes>h3,.onboarding-copy h3,.inquiry-invitation h3,.storage-copy h3,.model-description h3,.features-heading h3,.document-journey h4,.feature-group h4,.instructions h3{color:var(--editorial-subheading)}

/* Reserve scrollbar width before the first paint; preserve matching cloud labels. */
html{scrollbar-gutter:stable}
.storage-map[data-mode=office] .map-cloud>span{color:var(--ink)}

/* Close controls retain the installation section and its keyboard context. */
#unlocked-panel,.instructions{position:relative}
.unlocked-heading{padding-right:42px}
.instructions h3{padding-right:34px}
.installation-close{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;background:transparent;color:var(--soft);font:300 25px/1 var(--sans);cursor:pointer;border-radius:4px}
.installation-close:hover,.installation-close:focus-visible{color:var(--ink);background:var(--wash);border-color:var(--line)}
.instructions>.installation-close{top:10px;right:-8px}

/* Keep the appearance toggle icon-only; retain its accessible label. */
.theme-toggle span{display:none}