/* Shared visual identity; application and account layouts remain in site.css. */
:root { --paper:#f5f3ee; --ink:#252824; --muted:#656960; --line:#d9dad2; --navy:#202824; --navy-2:#27322b; --lime:#ed9c67; --cyan:#8aad97; --radius:12px; --container:min(1180px,calc(100% - 64px)); }
body { font-family:"Segoe UI",system-ui,sans-serif; background:var(--paper); }
[hidden] { display:none !important; }
html { scroll-padding-top:94px; }
.site-header { color:var(--ink); background:rgba(245,243,238,.97); border-color:var(--line); backdrop-filter:blur(12px); }
.brand { letter-spacing:-.04em; }
.brand-mark { background:#ce532b; color:#fff; border-radius:7px; box-shadow:none; }
.main-nav a { color:#555c54; }
.main-nav a:hover { color:#a83917; }
.button { border-radius:7px; box-shadow:none; font-size:14px; min-height:48px; padding:12px 21px; line-height:1.4; }
.button:hover { transform:translateY(-1px); }
.button-primary { background:#c64d27; color:#fff; box-shadow:none; }
.button-primary:hover { background:#a93f1e; box-shadow:none; }
.button-ghost { border-color:#b9c0b7; }
.button:disabled { cursor:default; opacity:.6; transform:none; }
.status-dot { background:#496e53; box-shadow:0 0 0 4px #496e5312; flex-shrink:0; }
:focus-visible { outline:3px solid #bf542d; outline-offset:4px; }
em { font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.overline { font:600 11px/1.6 "Segoe UI",sans-serif; letter-spacing:.15em; text-transform:uppercase; color:#686e63; margin:0 0 22px; }
.landing-hero { padding:28px 0 0; }
.hero-caption { display:flex; gap:12px; align-items:center; font-size:12px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.edition { margin-left:auto; color:var(--muted); }
.landing-intro { display:grid; grid-template-columns:1.6fr 1fr; gap:65px; padding:62px 0 60px; align-items:end; }
.landing-intro h1 { font-size:clamp(50px,5.3vw,76px); font-weight:600; letter-spacing:-.055em; line-height:1.04; margin:0; }
.landing-intro h1 em { color:#b74725; letter-spacing:-.055em; }
.intro-side { max-width:420px; padding-bottom:6px; }
.intro-side > p:first-child { font-size:18px; line-height:1.7; color:#545e53; margin:0 0 28px; }
.quiet-link { display:inline-block; color:#434f43; border-bottom:1px solid #b5bdb0; padding-bottom:3px; font-size:14px; font-weight:600; }
.intro-side .quiet-link { display:table; margin-top:18px; }
.intro-side .intro-note { font-size:11px; color:#6a7166; margin-top:22px; }
.workbench { color:#ecf1e9; background:#222d27; border:1px solid #34473b; border-radius:12px; box-shadow:0 24px 44px -32px #1b271da0; overflow:hidden; scroll-margin-top:100px; }
.workbench-bar { display:flex; align-items:center; gap:22px; padding:14px 24px; border-bottom:1px solid #3a473e; color:#c7d1c9; font-size:12px; }
.demo-brand { font-weight:800; letter-spacing:-.1em; color:#eeb08a; }
.demo-local { margin-left:auto; font-size:11px; color:#bbd8c1; }
.workbench-body { display:grid; grid-template-columns:250px minmax(0,1fr); }
.demo-sidebar { padding:30px 24px; border-right:1px solid #3a473e; }
.demo-sidebar > small { font-size:9px; color:#a6b4a9; letter-spacing:.1em; }
.demo-file { display:flex; gap:12px; padding:15px 12px; margin:20px -10px; border:1px solid #566447; background:#334233; border-radius:6px; }
.demo-file > span { color:#eeb08a; }
.demo-file strong,.demo-file small { display:block; font-size:11px; }
.demo-file small { color:#aebdab; margin-top:3px; }
.demo-sidebar p { margin:34px 0 25px; color:#a6b4a9; font-size:13px; }
.demo-formats { color:#a6b4a9; font:11px/2 Consolas,monospace; }
.demo-work { padding:22px 30px 16px; min-width:0; }
.demo-toolbar { display:flex; gap:10px; border-bottom:1px solid #475148; padding-bottom:16px; }
.demo-toolbar button { background:transparent; color:#bccabc; border:1px solid transparent; border-radius:5px; padding:9px 15px; cursor:pointer; font-size:12px; }
.demo-toolbar button[aria-pressed=true] { color:#ffca9d; border-color:#9d795a; background:#463d31; }
.demo-scene { min-height:265px; padding:26px 6px 18px; }
.demo-scene h2 { font-size:25px; line-height:1.25; font-weight:500; letter-spacing:-.03em; margin:12px 0; }
.demo-scene > p { max-width:570px; font-size:14px; color:#b9c7bb; margin:10px 0 20px; }
.file-symbol { color:#f1bc92; font-size:24px; }
.demo-next { min-height:40px; padding:9px 16px; background:#eab288; color:#292e25; border:0; }
.demo-footnote { font-size:10px; line-height:1.6; color:#afbdaf; border-top:1px solid #475148; padding-top:13px; }
.sample-wave { display:flex; gap:5px; align-items:center; height:32px; margin-bottom:15px; }
.sample-wave i { flex:1; height:70%; background:#bcaa88; border-radius:2px; }
.sample-wave i:nth-child(3n) { height:32%; }.sample-wave i:nth-child(4n) { height:100%; }.sample-wave i:nth-child(2n) { height:50%; }
.sample-line { display:grid; grid-template-columns:48px 1fr; gap:10px; padding:8px 10px; font-size:13px; }
.sample-line time { color:#c3ae90; font:11px/2 Consolas,monospace; }
.sample-line p { margin:0; }.sample-line b { display:block; font-size:10px; color:#b1c7b5; margin-bottom:3px; }
.highlighted { background:#334437; border-left:2px solid #e9ac7c; margin-bottom:14px; }
.landing-facts { display:grid; grid-template-columns:repeat(3,1fr); padding:27px 0 38px; gap:24px; border-bottom:1px solid var(--line); font-size:12px; color:#636b5e; }
.landing-facts b { color:#2f3a2f; margin-right:6px; font-weight:600; }
.editorial-section { padding:94px 0; }
.editorial-section h2,.landing-close h2 { font-size:clamp(34px,4vw,54px); font-weight:550; line-height:1.12; letter-spacing:-.045em; margin:0 0 25px; }
.editorial-section h3 { font-size:20px; letter-spacing:-.025em; font-weight:600; line-height:1.3; }
.feature-editorial,.activation-layout { display:grid; grid-template-columns:1fr 1.1fr; gap:100px; }
.section-lead { color:var(--muted); max-width:440px; font-size:16px; line-height:1.8; }
.benefit-list article { display:grid; grid-template-columns:30px 1fr; gap:20px; padding:25px 0; border-top:1px solid var(--line); }
.benefit-list article > span { color:#9c593c; font:11px/2 Consolas,monospace; }
.benefit-list h3 { margin:0 0 10px; }.benefit-list p { margin:0; color:var(--muted); font-size:14px; }
.scenario-band { padding:50px 0; background:#e8e9e0; }
.scenario-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
.scenario-grid article + article { border-left:1px solid #c6cbbc; padding-left:30px; }
.scenario-grid span { font-size:12px; color:#636e59; }
.scenario-grid h3 { font-size:24px; line-height:1.2; font-weight:500; letter-spacing:-.035em; }
.scenario-grid p { font-size:14px; color:#596452; margin:0; }
.section-top { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:40px; }
.section-top .quiet-link { flex-shrink:0; margin-bottom:28px; }
.journey { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; padding:0; list-style:none; margin:0; }
.journey li { border-top:1px solid #aeb7a4; padding-top:22px; }.journey span { font:12px Consolas,monospace; color:#8b634a; }
.journey h3 { margin:24px 0 12px; }.journey p { font-size:14px; color:var(--muted); }
.pricing-editorial { background:#edeee6; }
.price-card { border-radius:10px; box-shadow:none; background:#f9faf5; padding:28px; }
.price-card.featured { transform:none; background:#29362d; border-color:#29362d; box-shadow:none; }
.price-card.featured > p,.price-card.featured li { color:#d7e0d2; }
.price-card .plan { color:#506847; }.price-card.featured .plan { color:#f1bc92; }
.price-card .price { font-size:42px; font-weight:550; }.price-card .button { margin-top:auto; }
.price-card ul { min-height:175px; }.price-card li { color:#475443; font-size:14px; }.price-card li::before { color:#608655; }
.price-card.is-recommended { outline:2px solid #af512a; outline-offset:5px; }
.availability-note { display:flex; align-items:center; gap:14px; font-size:13px; margin:0 0 28px; }
.plan-picker { display:flex; flex-wrap:wrap; gap:16px 24px; padding:20px 0; border:0; border-top:1px solid #cbd0c1; margin:0 0 28px; }
.plan-picker legend { padding:0 15px 0 0; font-size:13px; font-weight:600; }.plan-picker label { font-size:13px; cursor:pointer; padding:8px 0; }
.plan-picker input { accent-color:#ab4524; }.plan-picker p { flex-basis:100%; margin:0; font-size:13px; color:#535f4d; }
.pricing-footnote { font-size:12px; color:#606c56; max-width:750px; margin:24px 0 0; }
.activation-list { margin:0; padding-left:22px; }.activation-list li { padding:4px 0 20px 18px; border-bottom:1px solid var(--line); margin-bottom:20px; }.activation-list li::marker { color:#9c593c; }
.activation-list p { color:var(--muted); font-size:14px; }
.faq-editorial { border-top:1px solid var(--line); }.faq-list details { background:transparent; border-radius:0; border:0; border-bottom:1px solid var(--line); padding:20px 0; }.faq-list summary { padding-right:32px; }.faq-list p { font-size:14px; }
.landing-close { background:#e8cab2; padding:85px 0; }.landing-close h2 { font-size:clamp(36px,5vw,65px); }.landing-close p:last-child { font-size:12px; color:#614e40; margin-top:22px; }
.site-footer { background:#232d26; }.site-footer .brand-mark { background:#cd653f; }
.download-hero,.help-hero { background:#27332b; }.download-hero .kicker,.help-hero .kicker { color:#f1bc92; }
.download-hero p,.help-hero p { color:#c4d0c0; }.download-card.featured { border-color:#b47d58; }
.requirements-grid article { background:#e7e9df; }.release-pending { box-shadow:none; }
.download-steps { margin-top:55px; }.download-steps h2 { font-size:30px; }.download-steps .journey { margin-top:30px; }
.legal-content { overflow-wrap:anywhere; }
.account-hero { background:#27332b; }
.account-intro .kicker,.account-panel .kicker { color:#ad572e; }
.account-intro .kicker { color:#f1bc92; }
.account-intro p { color:#c4d0c0; }
.account-panel { border-radius:12px; box-shadow:0 24px 50px -30px #101b14; }
.account-icon { background:#f4e6d9; color:#9a4625; border-radius:8px; }
.release-badge { color:#596849; background:#edf0e5; border-color:#cbd2c0; }
.workbench :focus-visible { outline-color:#f1bc92; }
@media(max-width:980px) {
 .main-nav { background:var(--paper); border-bottom:1px solid var(--line); }.nav-toggle span:not(.sr-only) { background:var(--ink); }.nav-toggle { border-color:var(--line); }
 .landing-intro { gap:30px; }.feature-editorial,.activation-layout { gap:45px; }.demo-sidebar { padding:24px 18px; }.workbench-body { grid-template-columns:210px minmax(0,1fr); }
 .journey { grid-template-columns:repeat(2,1fr); }.section-top { align-items:start; }.section-top .section-lead { max-width:330px; }
}
@media(max-width:720px) {
 :root { --container:calc(100% - 36px); }
 .edition { display:none; }.hero-caption { font-size:10px; }.landing-intro { grid-template-columns:1fr; padding:36px 0; gap:24px; }
 .landing-intro h1 { font-size:clamp(40px,10.7vw,70px); }.intro-side { max-width:100%; }.intro-side > p:first-child { font-size:16px; }.overline { font-size:10px; margin-bottom:16px; }
 .workbench-body { grid-template-columns:1fr; }.demo-sidebar { display:none; }.workbench-bar { padding:13px; gap:12px; font-size:10px; }.demo-local { font-size:9px; }
 .demo-work { padding:14px; }.demo-toolbar { gap:4px; }.demo-toolbar button { flex:1; padding:10px 4px; font-size:11px; }.demo-scene { min-height:330px; }.demo-scene h2 { font-size:23px; }
 .landing-facts { grid-template-columns:1fr; gap:13px; padding:23px 0; }.landing-facts b { display:inline-block; min-width:130px; }
 .editorial-section { padding:58px 0; }.feature-editorial,.activation-layout,.scenario-grid { grid-template-columns:1fr; gap:28px; }
 .section-top { display:block; }.section-top .section-lead { max-width:none; }.section-top .quiet-link { margin-bottom:0; }
 .scenario-grid article + article { border-left:0; border-top:1px solid #c6cbbc; padding:22px 0 0; }.scenario-grid h3 { margin:10px 0; }
 .journey { gap:18px; }.journey h3 { font-size:17px; }.journey p { font-size:13px; }
 .plan-picker { gap:2px; flex-direction:column; }.availability-note { align-items:start; }.availability-note .status-dot { margin-top:7px; }
 .price-card { padding:25px; }.landing-close { padding:55px 0; }.landing-close .button { max-width:100%; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }
