/* Shared marketing navigation, reliable media presentation and isolated invoice preview. */
:root{--studio-header-height:78px}.site-header{position:sticky;top:0;z-index:50;height:78px;padding-inline:32px;gap:24px;backdrop-filter:blur(18px)}html{scroll-padding-top:calc(var(--studio-header-height) + 28px)}[id]{scroll-margin-top:calc(var(--studio-header-height) + 26px)}.site-header .nav{gap:23px}.site-header .nav a{min-height:44px;display:inline-flex;align-items:center}.site-header .header-actions{gap:20px}.service-menu{position:relative}.service-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:12px;color:#e7d8b6}.service-menu>summary::-webkit-details-marker{display:none}.service-menu>summary:after{content:'⌄';font-size:15px}.service-menu[open]>summary:after{content:'⌃'}.service-menu-list{position:absolute;top:48px;left:-18px;width:295px;display:grid;background:#141921;border:1px solid #ffffff24;box-shadow:0 16px 45px #0008;border-radius:10px;padding:12px;z-index:60}.site-header .service-menu-list a{white-space:normal;padding:8px 12px;border-radius:6px;min-height:46px}.site-header .service-menu-list a:hover,.service-menu-list a[aria-current=page]{background:#d1b78515;color:var(--gold-light)}.page-service-switch{display:flex;flex-wrap:wrap;gap:7px 12px;padding-block:18px;border-bottom:1px solid var(--line);align-items:center}.page-service-switch span{color:#999eaa;font-size:11px;margin-right:6px}.page-service-switch a{font-size:12px;color:var(--gold-light);border:1px solid var(--line);border-radius:999px;min-height:38px;padding:7px 14px;display:inline-flex;align-items:center}.page-service-switch a:hover,.page-service-switch a[aria-current=page]{background:#d1b78518;border-color:#d1b78570}.section-navigation{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding:24px 0 40px;border-top:1px solid var(--line)}.section-navigation a{font-size:13px;color:var(--gold-light);min-height:44px;display:inline-flex;align-items:center}.back-top{border:0;background:transparent;color:var(--muted);font-size:12px;min-height:44px;padding:8px 0}.nav .nav-current{color:var(--gold-light)}.service-hero .breadcrumb{margin-bottom:22px}.form-preview-note{border-left:2px solid var(--gold);padding:12px 16px;font-size:12px;line-height:1.8;color:#c7bfad;background:#d1b7850b;margin-bottom:20px}.form-preview-note a{color:var(--gold-light);text-decoration:underline}.hero{min-height:min(800px,calc(100svh - var(--studio-header-height)));}.hero-content{position:relative;z-index:3}.hero-film .hero-poster{z-index:0;opacity:1}.hero-film video[data-studio-video]{z-index:1;opacity:0;transition:opacity .25s}.hero-film.has-frame video.ready{opacity:1}.hero-film .hero-veil{z-index:2}.hero-play-prompt{border:1px solid #d1b78560;background:#0d1119dd;color:var(--gold-light);border-radius:4px;padding:10px 16px;min-height:44px;font-size:12px;margin-top:14px}.hero-play-prompt[hidden]{display:none}.media-frame{position:relative;background:#121820;border-radius:8px;overflow:hidden;aspect-ratio:16/9;isolation:isolate}.media-frame>img.media-poster{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:0}.media-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent;z-index:1;opacity:0;transition:opacity .2s}.media-frame.has-frame>video{opacity:1}.media-frame.has-frame>.media-poster{visibility:hidden}.media-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-top:14px}.media-controls button{border:1px solid #d1b78560;background:#121821;color:var(--gold-light);border-radius:5px;min-height:44px;padding:9px 18px;font-size:12px}.media-controls a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;color:var(--gold-light)}.media-status{font-size:12px;color:var(--gold-light);margin:8px 0}.media-status:empty{display:none}.detail-video{max-height:none}.demo-mini .media-frame{margin-top:24px}.comparison-screen{aspect-ratio:1.35;background:#0b1118}.comparison-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.comparison-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;transition:opacity .2s}.comparison-screen.has-frame:not(.is-static) video.ready{opacity:1}.comparison-screen:after{z-index:2;background:linear-gradient(90deg,#090e16cc,#090e1630 85%),linear-gradient(0deg,#090e1699,transparent 60%)}.comparison-copy{z-index:3}.comparison-badge{z-index:3;font-size:9px;letter-spacing:.09em;background:#0b1018b0}.comparison-copy>span{font-size:9px}.comparison-copy>strong{max-width:9ch}.comparison-screen.is-static video{opacity:0!important;pointer-events:none}.story-video-wrap{margin-top:32px}.story-video-wrap>p{font-size:12px;line-height:1.8}.story-video-wrap .media-frame{min-height:0}.story-section{align-items:start}.story-steps{margin-top:30px}.demo-document-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}#demo-panel{scroll-margin-top:calc(var(--studio-header-height) + 25px);min-height:320px}#demo-panel:focus{outline:none}.demo-full-link{display:inline-flex;align-items:center;min-height:44px;color:var(--gold-light);font-size:12px;margin-top:20px}.demo .sample-document h3{margin:20px 0 8px}.demo .sample-total span{overflow-wrap:anywhere}.demo .sample-lines input{min-width:60px}.sample-subtitle{line-height:1.75}.demo-disclaimer{line-height:1.7}.invoice-dialog{color:#162335;border:1px solid #d1b78570;border-radius:12px;background:#0c111a;padding:0;width:min(850px,calc(100% - 32px));max-width:850px;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0009}.invoice-dialog::backdrop{background:#020713ce;backdrop-filter:blur(5px)}body.invoice-open{overflow:hidden}.invoice-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;position:sticky;top:0;background:#0c111a;z-index:1}.invoice-dialog-toolbar h2{font-size:21px;color:#f7f4ed;letter-spacing:-.02em;margin:0}.invoice-dialog-toolbar button{font-size:12px;padding:10px 16px;border:1px solid #ffffff35;background:#182130;color:#f7f4ed;border-radius:4px;min-height:44px;white-space:nowrap}.invoice-dialog-footer{padding:18px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.invoice-dialog-footer p{font-size:12px;line-height:1.7;margin:0;flex:1;min-width:200px}.invoice-paper{margin:0 24px;padding:42px;background:#fff;border-radius:3px;color:#162335;font-family:Arial,Helvetica,sans-serif;line-height:1.5}.invoice-paper p{color:#5a6674}.invoice-paper-heading{display:flex;justify-content:space-between;gap:20px}.invoice-brand{font-size:15px;font-weight:700;letter-spacing:.02em}.invoice-paper-heading p{font-size:11px;margin:8px 0}.invoice-paper-heading>div:last-child{text-align:right;display:flex;flex-direction:column}.invoice-paper-heading strong{font-size:30px;letter-spacing:.05em;font-weight:600}.invoice-paper-heading>div:last-child span{font-size:12px}.invoice-ribbon{border-block:1px solid #c5b58a;padding:10px 0;margin:30px 0 26px;color:#746138;font-size:11px;font-weight:700;letter-spacing:.12em}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:32px}.invoice-parties span,.invoice-parties strong{display:block}.invoice-parties span{font-size:11px;color:#657181;margin-bottom:7px}.invoice-parties strong{font-size:15px}.invoice-parties p{font-size:11px;margin:5px 0}.invoice-table-wrap{overflow:auto}.invoice-line-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:12px}.invoice-line-table th{text-align:left;background:#eef1f3;padding:12px 10px;color:#233449;font-weight:700}.invoice-line-table td{padding:18px 10px;border-bottom:1px solid #d8dde2;vertical-align:top}.invoice-line-table th:not(:first-child),.invoice-line-table td:not(:first-child){text-align:right;white-space:nowrap}.invoice-sums{max-width:330px;margin:24px 0 32px auto}.invoice-sums>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:12px;color:#4b596c}.invoice-sums .invoice-grand-total{border-top:2px solid #24384d;font-size:19px;color:#152940;margin-top:10px;padding-top:17px}.invoice-sums strong{color:#152940}.invoice-note{font-size:11px;line-height:1.8;border-top:1px solid #d8dde2;padding-top:18px;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-dedicated .demo-shell{margin-top:32px}.demo-dedicated .demo-top{margin-bottom:20px}
@media(min-width:1101px){.site-header .menu-toggle{display:none}.site-header .nav{display:flex!important}}
@media(max-width:1100px){.site-header{height:74px;padding-inline:24px}.site-header .nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 74px);overflow:auto;flex-direction:column;align-items:stretch;gap:0;padding:16px 24px 24px;margin:0;background:#0d121b;border-bottom:1px solid #ffffff28}.site-header .nav.is-open{display:flex}.site-header .nav>a{padding:9px 0;font-size:14px}.site-header .header-actions{margin-left:auto}.site-header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;background:transparent;border:1px solid var(--line);border-radius:4px}.service-menu>summary{font-size:14px}.service-menu-list{position:static;width:auto;box-shadow:none;margin:4px 0 12px}.site-header .service-menu-list a{font-size:13px}.page-service-switch{gap:7px}.page-service-switch span{width:100%}}
@media(max-width:680px){.site-header{height:70px;padding-inline:18px;gap:12px}.site-header .wordmark{font-size:17px}.site-header .header-actions{gap:9px}.site-header .workspace-link{font-size:10px}.site-header .header-actions>.button{display:none}.site-header .nav{padding-inline:20px;max-height:calc(100dvh - 70px)}html{scroll-padding-top:96px}.hero{min-height:640px;min-height:calc(100svh - 70px)}.hero-content{padding-top:60px;padding-bottom:110px}.page-service-switch{padding-block:16px}.page-service-switch a{font-size:11px;padding:6px 11px}.comparison-copy>strong{font-size:38px;max-width:9ch;margin-top:24px}.comparison-screen{aspect-ratio:1.12}.comparison-badge{font-size:8px;right:12px;bottom:12px}.media-controls{gap:6px 16px}.media-controls button,.media-controls a{font-size:11px}.hero-play-prompt{font-size:11px;margin-top:12px}.demo-document-actions{align-items:stretch}.demo-document-actions>.button{width:100%;font-size:12px}.demo-document-actions>.mini-button{min-height:44px!important;font-size:11px!important}#demo-panel{min-height:340px}.invoice-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:8px}.invoice-dialog-toolbar{padding:14px;gap:10px}.invoice-dialog-toolbar h2{font-size:16px}.invoice-dialog-toolbar button{font-size:10px;padding:8px 10px}.invoice-paper{margin:0 10px;padding:24px 16px}.invoice-paper-heading{gap:14px}.invoice-brand{font-size:12px}.invoice-paper-heading strong{font-size:21px}.invoice-paper-heading p{font-size:10px}.invoice-parties{gap:18px}.invoice-parties strong{font-size:13px}.invoice-line-table{font-size:10px}.invoice-line-table th,.invoice-line-table td{padding:10px 5px}.invoice-line-table td:first-child{white-space:normal}.invoice-sums{margin-top:20px;max-width:none}.invoice-sums .invoice-grand-total{font-size:18px}.invoice-dialog-footer{padding:16px 14px;gap:14px}.invoice-dialog-footer p{font-size:11px}.section-navigation{gap:8px}.section-navigation a{font-size:12px}.service-hero .hero-actions a{max-width:100%}.form-preview-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-film video[data-user-play=true]{display:block!important}.media-frame>video,.comparison-screen video,.hero-film video[data-studio-video]{transition:none}}
@media print{body.invoice-open>*:not(#invoice-preview){display:none!important}body.invoice-open{overflow:visible;background:white}#invoice-preview[open]{display:block;position:static;width:100%;max-width:none;max-height:none;height:auto;overflow:visible;border:0;box-shadow:none;background:white;margin:0;padding:0}#invoice-preview::backdrop{display:none}.invoice-dialog-toolbar,.invoice-dialog-footer{display:none!important}.invoice-paper{margin:0;padding:12mm;border:0}.invoice-line-table th{background:#eef1f3!important;print-color-adjust:exact}.invoice-ribbon{print-color-adjust:exact}@page{size:A4;margin:12mm}}
