:root{--ease-out:cubic-bezier(.23,1,.32,1);--muted:#465348;--accent-text:#526d55;--motion-line:#cbd5c6}
.hero h1 span,.blog-heading h1 span,.access-story h1 span{color:var(--accent-text)}
.hero h1{animation:hero-arrive .6s var(--ease-out) both}
@keyframes hero-arrive{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.nav-trigger{position:relative;min-height:44px;padding-inline:12px;border-radius:7px;transition:background-color 150ms ease,color 150ms ease}
.nav-trigger:after{content:'';position:absolute;left:12px;right:12px;bottom:6px;height:1px;background:var(--moss);transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--ease-out)}
.nav-trigger[aria-expanded=true]{background:#edf1e9}.nav-trigger[aria-expanded=true]:after{transform:scaleX(1)}
.site-header nav>a{position:relative;min-height:44px;display:flex;align-items:center}
.site-header nav>a:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:6px;background:var(--moss);transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--ease-out)}
.site-header nav>a:hover,.nav-trigger:hover,.mega-menu a:hover strong{color:var(--ink)}
.mega-menu{transform-origin:18% 0;padding:28px;gap:26px;box-shadow:0 16px 50px #2035281f}
.mega-menu a{padding:12px;border-radius:8px;transition:background-color 150ms ease}
.mega-menu a:hover,.mega-menu a:focus-visible{background:#edf1e9}
.mega-menu strong svg{width:17px;height:17px;transition:transform 180ms var(--ease-out)}
.nav-group:has(.content-menu){position:relative}
.content-menu{left:50%;right:auto;top:calc(100% + 22px);margin-left:-205px;width:410px;display:grid;grid-template-columns:1fr;gap:4px;transform-origin:50% 0}
.content-menu:before{content:'';position:absolute;left:0;right:0;top:-24px;height:24px}
.button{transition:background-color 150ms ease,transform 160ms var(--ease-out)}
.button:active{transform:scale(.975);transition-duration:90ms}.button svg{transition:transform 180ms var(--ease-out)}
.keyboard-input .button,.keyboard-input .button svg,.keyboard-input .nav-trigger:after,.keyboard-input .site-header nav>a:after{transition:none}.keyboard-input .button:active{transform:none}
.demo-tabs button{min-height:44px;min-width:60px;padding-bottom:10px}.doc-line>span,.method-list li>span{color:var(--moss)}
.cinema-caption{display:flex;align-items:center;gap:24px;padding:22px 0;font-size:12px;line-height:1.5;position:relative}
.cinema-caption strong{font-weight:550}.cinema-hint{margin-left:auto;color:var(--muted);font-size:11px}.cinema-progress{width:90px;height:2px;display:block;background:#c6d2c0;overflow:hidden}.cinema-progress>span{display:block;width:100%;height:100%;background:var(--moss);transform:scaleX(.08);transform-origin:left}
.document-preview{animation:none}.cinema-track .document-preview{transform-origin:50% 70%}.cinema-track .demo-layout{perspective:1400px}
.motion-story .cinema-track{height:235svh;position:relative}.motion-story .cinema-stage{position:sticky;top:108px;height:calc(100svh - 138px);max-height:760px;min-height:570px;display:flex;flex-direction:column}
.motion-story .demo-layout{flex:1;align-items:center;min-height:0}.motion-story .demo-source{padding:12px 0 20px}.motion-story .document-preview{width:100%;max-width:520px;justify-self:center;min-height:480px;padding-top:28px}.motion-story .sample-input{min-height:175px}.motion-story .cinema-caption{padding:16px 0 20px;border-top:1px solid #d2dacf}.motion-story .demo-topline{padding-bottom:12px}
.how-sample{background:white;border-radius:12px;padding:24px;max-width:360px;margin-top:38px;border:1px solid var(--line)}.how-sample-head{display:flex;justify-content:space-between;gap:20px;font-size:10px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}.how-sample h3{font-size:22px;margin-bottom:16px}.how-sample p{font-size:13px;line-height:1.75;min-height:75px;margin:0}.how-sample-mark{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:10px;color:var(--muted)}.how-sample-mark svg{width:15px;height:15px}.method-trigger{border:0;background:none;text-align:left;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer;padding:3px 0;min-height:44px}.method-trigger[aria-pressed=true]{color:var(--moss);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.security-section{background:#edf1e9;padding:95px 0}.security-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}.security-layout h2{font-size:46px;line-height:1.1;margin-bottom:25px}.security-layout>div>p{font-size:17px;max-width:420px}.security-details{display:grid;gap:23px}.security-details>div{border-bottom:1px solid #cbd5c6;padding-bottom:20px}.security-details h3{font-size:20px;line-height:1.3;margin-bottom:9px}.security-details p{font-size:14px;line-height:1.8;margin:0}.security-note{font-size:12px;margin-top:20px}
.pricing-section{padding:100px 0}.pricing-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:42px}.pricing-heading h2{font-size:46px;margin:0}.pricing-heading p{max-width:400px;font-size:16px;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.price-card{padding:30px 28px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;position:relative}.price-card.featured{border-color:var(--moss);background:#f1f4ee}.price-card h3{font-size:26px;margin:0 0 10px}.price-card .plan-purpose{font-size:14px;line-height:1.65;min-height:48px;margin-bottom:28px}.plan-price{display:flex;align-items:baseline;gap:6px;color:var(--ink);margin:0}.plan-price strong{font-size:44px;font-weight:550;letter-spacing:-.04em;line-height:1.3}.plan-price>span{font-size:12px}.plan-allowance{color:var(--ink);font-size:15px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-top:14px}.price-card ul{padding:0;list-style:none;margin:2px 0 27px;display:grid;gap:11px;font-size:13px}.price-card li{display:flex;gap:10px}.price-card li svg{width:16px;height:16px;margin-top:3px}.price-card .button{margin-top:auto;width:100%;font-size:13px}.plan-note{font-size:12px;line-height:1.8;max-width:870px;margin-top:25px}.proposed-price{font-size:10px;color:var(--muted);margin-top:8px}.pricing-section .proposal-link{display:inline-flex;font-size:12px;text-decoration:underline;margin-top:10px}.price-card .plan-name-note{font-size:10px;font-weight:550;color:var(--muted);min-height:16px;margin-bottom:13px}
.footer-main>div a{display:flex;min-height:28px;align-items:center}input::placeholder{color:var(--muted);opacity:1}
@media(hover:hover) and (pointer:fine){.nav-trigger:hover{background:#edf1e9}.site-header nav>a:hover:after{transform:scaleX(1)}.button:hover>svg,.mega-menu a:hover strong svg{transform:translateX(3px)}}
@media(hover:none),(pointer:coarse){.article-card:hover .cover-sheet{transform:rotate(-6deg) translateY(38px)}}
@media(max-width:1100px){.site-header nav{gap:18px}.header-inner{gap:28px}.security-layout{gap:50px}.security-layout h2,.pricing-heading h2{font-size:39px}.price-card{padding:24px 22px}.motion-story .demo-layout{gap:30px}.motion-story .document-preview{padding:24px}.content-menu{right:auto}}
@media(max-width:800px){.nav-trigger{padding:13px 0;border-radius:0}.nav-trigger:after,.site-header nav>a:after{display:none}.nav-trigger[aria-expanded=true]{background:transparent}.mega-menu{padding:14px 0;box-shadow:none;gap:15px}.mega-menu a{padding:10px 8px}.content-menu{width:auto;margin-left:0}.cinema-caption{flex-wrap:wrap;gap:10px}.cinema-hint{display:none}.cinema-progress{margin-left:auto}.security-layout{grid-template-columns:1fr;gap:35px}.security-section{padding:65px 0}.security-layout h2{font-size:37px}.security-layout>div>p{max-width:600px}.pricing-section{padding:70px 0}.pricing-heading{display:block}.pricing-heading h2{font-size:38px;margin-bottom:22px}.pricing-heading p{max-width:600px}.pricing-grid{gap:15px}.price-card{padding:25px 20px}.price-card h3{font-size:23px}.plan-price strong{font-size:35px}.plan-allowance{font-size:13px}.price-card ul{font-size:12px}.price-card .plan-purpose{font-size:13px;min-height:70px}.how-sample{padding:20px}.how-sample h3{font-size:19px}.footer-main>div a{min-height:44px}}
@media(max-width:560px){.hero h1{font-size:clamp(37px,10.8vw,46px)}.cinema-caption{font-size:11px;padding-top:24px}.cinema-progress{width:65px}.how-sample{max-width:100%;margin-top:27px}.how-sample p{min-height:0}.security-layout h2{font-size:35px}.security-layout>div>p{font-size:15px}.security-details h3{font-size:19px}.pricing-grid{grid-template-columns:1fr;gap:20px}.pricing-heading h2{font-size:36px}.price-card{padding:28px}.plan-price strong{font-size:42px}.price-card .plan-purpose{min-height:0;margin-bottom:20px;font-size:14px}.price-card ul{font-size:14px}.plan-allowance{font-size:15px}.price-card .button{font-size:14px}.cinema-track .document-preview{transform:none!important}.demo-tabs{gap:20px}}
@media(prefers-reduced-motion:reduce){.hero h1{opacity:1;transform:none}.cinema-track .document-preview{transform:none!important}.cinema-progress>span{transform:scaleX(1)!important}.button,.nav-trigger,.mega-menu a{transition:background-color 120ms ease-out,color 120ms ease-out!important}.button:active,.button:hover>svg,.mega-menu a:hover strong svg{transform:none}.motion-story .cinema-track{height:auto}.motion-story .cinema-stage{position:static;height:auto;min-height:0;max-height:none}}