@font-face{font-family:'Zen Kaku Gothic New';src:url(fonts/zen-kaku-gothic-new-regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Zen Kaku Gothic New';src:url(fonts/zen-kaku-gothic-new-bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* ---------------------------------------------------------------------------
   Tokens
   Palette: the Orqnote icon (deep petrol + mint/ivory) on a light canvas,
   with the same rounded-card language as the NagiShield sales page.
   --------------------------------------------------------------------------- */
:root{
 --ink:#12313a;
 --ink-soft:#2a4a54;
 --muted:#536b75;
 --petrol:#0d3b47;
 --petrol-dark:#082a33;
 --petrol-2:#155463;
 --mint:#e6f5ee;
 --mint-2:#cdece0;
 --mint-3:#a9dcc8;
 --mint-ink:#2b6d5b;
 --ivory:#fbf8f0;
 --sky:#eef6fd;
 --sky-2:#dcebfa;
 --butter:#fdf4dc;
 --pink:#fceef1;
 --line:#dfe9e5;
 --line-2:#e9eff3;
 --paper:#fff;
 --canvas:#fff;
 --radius:26px;
 --shadow:0 22px 65px #0d3b4710;
 --shadow-soft:0 14px 40px #0d3b470c;
 --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:'Zen Kaku Gothic New',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;word-break:auto-phrase;line-break:strict}
a{color:var(--petrol);text-underline-offset:4px;text-decoration-thickness:1px}
button,input,select,textarea{font:inherit}
button,a,input,summary,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--petrol);outline-offset:4px;border-radius:4px}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
h1,h2,h3,h4{font-weight:700;line-height:1.45;letter-spacing:-.028em;text-wrap:pretty}
img{max-width:100%;height:auto;display:block}
ul,ol{margin:0;padding:0}
.icon{width:22px;height:22px;flex:0 0 auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cine-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.eyebrow{font-size:15px;font-weight:700;color:var(--mint-ink);letter-spacing:.03em;margin-bottom:14px;line-height:1.7}
.lead{color:var(--muted);font-size:16px;line-height:1.95;margin-top:18px;max-width:820px}
.note{font-size:15px;line-height:1.85;color:var(--muted);margin-top:20px}
.dim{color:var(--petrol-2)}
.center{text-align:center}
.skip-link{position:fixed;left:18px;top:-100px;z-index:50;padding:12px 20px;background:#fff;border:2px solid var(--petrol);border-radius:12px;font-weight:700;text-decoration:none}
.skip-link:focus{top:14px}
.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
[hidden]{display:none!important}

/* Header ------------------------------------------------------------------ */
.site-header{background:#fffffff2;border-bottom:1px solid var(--line);position:relative;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}
.brand{display:inline-flex;align-items:center;text-decoration:none;flex:0 0 auto}
.brand img{width:164px;height:48px;object-fit:contain}
.nav nav{display:flex;align-items:center;gap:28px}
.nav nav a{font-size:15px;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap}
.nav nav a:hover{color:var(--petrol-2);text-decoration:underline}
.nav nav .nav-cta{background:var(--petrol);color:#fff;padding:11px 20px;border-radius:99px;box-shadow:0 8px 20px #0d3b4720}
.nav nav .nav-cta:hover{background:var(--petrol-dark);color:#fff;text-decoration:none}

/* Shared bits ------------------------------------------------------------- */
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 24px;border-radius:99px;border:1px solid transparent;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.button .icon{width:18px;height:18px}
.button.primary{background:var(--petrol);color:#fff;box-shadow:0 12px 28px #0d3b4722}
.button.primary:hover{background:var(--petrol-dark);transform:translateY(-1px)}
.button.ghost{background:#fff;border-color:#cfdfda;color:var(--petrol)}
.button.ghost:hover{border-color:var(--petrol);background:#f7fbf9}
.button.full{width:100%}
.button:disabled{background:#dfe7e4;color:#5c6d70;box-shadow:none;cursor:not-allowed}
.section-head{max-width:900px;margin-bottom:32px}
.section-head h2{font-size:clamp(29px,3.25vw,43px);line-height:1.44}
.browser-bar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px 14px 0 0;padding:10px 14px;font-size:14px;color:#5d737b}
.browser-dots{color:#bcd6cb;font-size:12px;letter-spacing:2px}
.browser-name{font-weight:700;color:#4c636c}
.browser-chip{margin-left:auto;background:var(--mint);color:var(--mint-ink);border:1px solid var(--mint-2);border-radius:99px;padding:2px 9px;font-size:13px;font-weight:700}

/* Hero -------------------------------------------------------------------- */
.cine-hero{padding:52px 0 26px;background:
 radial-gradient(900px 420px at 88% 10%,#e7f6ef 0%,#e7f6ef00 62%),
 radial-gradient(700px 380px at 6% 90%,#eaf4fb 0%,#eaf4fb00 65%),#fff}
.hero-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:#3c5c65;background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 13px;margin-bottom:20px}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#2f9f7c;box-shadow:0 0 0 0 #2f9f7c55;animation:pulse 2.8s 2}
@keyframes pulse{0%{box-shadow:0 0 0 0 #2f9f7c55}70%{box-shadow:0 0 0 8px #2f9f7c00}100%{box-shadow:0 0 0 0 #2f9f7c00}}
.cine-hero h1{font-size:clamp(33px,4.05vw,53px);line-height:1.34;letter-spacing:-.04em}
.hero-gradient{color:var(--petrol);background-image:linear-gradient(var(--mint-2),var(--mint-2));background-repeat:no-repeat;background-position:0 88%;background-size:calc(100% - .45em) .18em;padding-bottom:.04em}
.hero-sub{font-size:clamp(19px,1.6vw,23px);font-weight:700;line-height:1.6;margin-top:20px;color:var(--ink)}
.hero-desc{margin-top:14px;color:var(--muted);font-size:16px;line-height:1.95;max-width:560px}
.hero-points{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.hero-points li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 12px 13px}
.hero-points .icon{width:20px;height:20px;color:var(--mint-ink);margin-bottom:5px}
.hero-points b{display:block;font-size:15px;line-height:1.6;color:var(--ink)}
.hero-points span{display:block;font-size:14px;line-height:1.7;color:var(--muted);margin-top:3px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-meta{font-size:14px;color:var(--muted);margin-top:16px;line-height:1.8;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.hero-meta span{position:relative}
.hero-meta span+span:before{content:'・';position:absolute;left:-8px;color:#a9b9bd}
.hero-meta b{color:var(--petrol);background:var(--mint);border-radius:6px;padding:2px 7px;font-size:14px;flex:0 0 auto}

.hero-product{background:linear-gradient(155deg,#e9f7f0 0%,#eef6fd 100%);border:1px solid #d8e9e2;border-radius:32px;padding:15px;box-shadow:var(--shadow);min-width:0}
.hero-screen{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 20px 20px;padding:16px 16px 14px}
.rec-card{background:linear-gradient(135deg,#0f3f4b,#0a2c35);border-radius:18px;padding:14px 16px 12px;color:#eaf7f1;position:relative;overflow:hidden}
.rec-card:after{content:'';position:absolute;inset:auto -30px -60px auto;width:180px;height:180px;background:radial-gradient(circle,#2f9f7c55,transparent 65%);border-radius:50%}
.rec-meta{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#bfe4d6}
.rec-live{display:inline-flex;align-items:center;gap:6px}
.rec-live i{width:7px;height:7px;border-radius:50%;background:#7fe0ba;animation:blink 1.6s 4}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.rec-time{font-family:var(--mono);font-size:14px;color:#dff3ea;margin-left:auto;letter-spacing:.06em}
.wave{display:flex;align-items:center;gap:3px;height:34px;margin-top:9px;position:relative;z-index:1}
.wave i{display:block;flex:1;min-width:2px;border-radius:99px;background:#8fe3c3;height:44%;opacity:.85}
.wave i:nth-child(3n){height:84%}
.wave i:nth-child(4n){height:58%;opacity:.6}
.wave i:nth-child(5n){height:100%}
.wave i:nth-child(6n){height:70%}
.wave i:nth-child(7n){height:40%;opacity:.55}
.wave i:nth-child(8n){height:90%}
.wave-hero i{animation:bar 1.15s ease-in-out 4 alternate}
.wave-hero i:nth-child(2n){animation-delay:.09s}
.wave-hero i:nth-child(3n){animation-delay:.18s}
.wave-hero i:nth-child(4n){animation-delay:.27s}
.wave-hero i:nth-child(5n){animation-delay:.36s}
@keyframes bar{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
.rec-hint{font-size:13px;color:#9dc4b8;margin-top:7px;position:relative;z-index:1}
.editor-card{margin-top:12px;border:1px solid var(--line);border-radius:16px;padding:14px 15px 12px;background:#fff}
.editor-label{font-size:13px;font-weight:700;letter-spacing:.06em;color:#4f656d}
.editor-before{font-size:13px;line-height:1.9;color:#5f7379;margin-top:6px;max-height:3.8em;overflow:hidden}
.strike{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#d3a4ad}
.editor-after{font-size:16px;line-height:1.85;font-weight:700;color:var(--ink);margin-top:8px;letter-spacing:-.01em}
.caret{display:inline-block;width:2px;height:1em;background:var(--mint-ink);vertical-align:-2px;margin-left:2px;animation:caret 1.3s steps(1) infinite}
@keyframes caret{0%,49%{opacity:1}50%,100%{opacity:0}}
.editor-tags{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}
.editor-tags li{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--mint-ink);background:var(--mint);border-radius:99px;padding:3px 8px}
.editor-tags .icon{width:11px;height:11px;stroke-width:2.4}
.hero-flow{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;color:#5d747c;flex-wrap:wrap}
.hero-flow span{display:inline-flex;flex-direction:column;line-height:1.35;background:#f3f9f6;border:1px solid var(--line);border-radius:8px;padding:4px 7px;font-weight:700}
.hero-flow small{font-size:12px;font-weight:400;color:#5c6f76}
.hero-flow .is-done{background:var(--petrol);color:#fff;border-color:var(--petrol)}
.hero-flow .icon{width:12px;height:12px;color:#9fb3aa}
.hero-product figcaption{font-size:13px;line-height:1.7;color:#5d747c;text-align:center;margin-top:10px}
.hero-foot{margin-top:32px}
.compat{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;padding-top:18px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.compat b{color:var(--ink)}

/* Demo -------------------------------------------------------------------- */
.demo{background:linear-gradient(180deg,#eaf6f0 0%,#f7fbf9 100%);border-block:1px solid #e0ece6;padding:64px 0 68px}
.demo-head{max-width:900px;margin-bottom:28px}
.demo-head h2{font-size:clamp(29px,3.35vw,44px);line-height:1.42}
.dc-panel{background:#fff;border:1px solid #cfe2da;border-radius:28px;padding:22px 24px 18px;box-shadow:var(--shadow-soft)}
.dc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:13px;border-bottom:1px solid #e6efeb}
.dc-badge{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#2b6d5b;background:#edf9f3;border:1px solid #cfeadf;border-radius:99px;padding:4px 10px}
.dc-badge i{width:6px;height:6px;border-radius:50%;background:#2f9f7c;animation:blink 1.8s infinite}
.dc[data-playing="false"] .dc-badge i{animation:none}
.dc-file{font-size:14px;color:#5d747c;font-weight:700}
.dc-controls{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.dc-btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--petrol);background:#fff;border:1px solid #cfe0da;border-radius:99px;padding:7px 12px;cursor:pointer}
.dc-btn:hover{background:#f2faf6;border-color:#a9d4c2}
.dc-btn .icon{width:15px;height:15px}
.dc-stages{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 18px}
.dc-stages li{min-width:0}
.dc-stages button{width:100%;display:grid;grid-template-columns:auto 20px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:6px;row-gap:1px;text-align:left;background:#f7fbf9;border:1px solid #e3eeea;border-radius:12px;padding:9px 10px;cursor:pointer;color:#5e757d;font:inherit}
.dc-stages button:hover{border-color:#b9d9ca;background:#f1faf5}
.dc-stages button[aria-current="step"]{background:var(--petrol);border-color:var(--petrol);color:#fff}
.dc-num{grid-row:1/3;font-size:13px;font-weight:700;font-family:var(--mono);opacity:.65;letter-spacing:.04em}
.dc-stages .icon{grid-row:1/3;width:18px;height:18px}
.dc-stages b{font-size:14px;line-height:1.4;font-weight:700}
.dc-stages small{font-size:12px;line-height:1.5;opacity:1;color:#536a72;grid-column:3}
.dc-stages button[aria-current="step"] small{color:#cfe6dd}
.dc-main{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:20px}
.dc-visual{background:linear-gradient(150deg,#0f3f4b,#0a2b34);border-radius:20px;padding:18px 18px 14px;color:#eaf7f1;display:flex;flex-direction:column;justify-content:center;min-height:250px;position:relative;overflow:hidden}
.dc-visual:after{content:'';position:absolute;width:220px;height:220px;right:-70px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,#2f9f7c4d,transparent 68%)}
.dc-orb{width:44px;height:44px;border-radius:14px;background:#ffffff1a;border:1px solid #ffffff2e;display:grid;place-items:center;color:#9fe6c9;position:relative;z-index:1}
.dc-orb .icon{width:22px;height:22px}
.dc-wave{display:flex;align-items:center;gap:3px;height:46px;margin-top:14px;position:relative;z-index:1}
.dc-wave i{flex:1;min-width:2px;border-radius:99px;background:#7fd8b7;height:40%;opacity:.75;transform-origin:center}
.dc-wave i:nth-child(3n){height:78%}
.dc-wave i:nth-child(4n){height:50%}
.dc-wave i:nth-child(5n){height:98%}
.dc-wave i:nth-child(6n){height:64%}
.dc-wave i:nth-child(7n){height:36%;opacity:.55}
.dc-wave i:nth-child(8n){height:86%}
.dc[data-playing="true"] .dc-wave i{animation:bar 1s ease-in-out infinite alternate}
.dc[data-playing="true"] .dc-wave i:nth-child(2n){animation-delay:.08s}
.dc[data-playing="true"] .dc-wave i:nth-child(3n){animation-delay:.16s}
.dc[data-playing="true"] .dc-wave i:nth-child(4n){animation-delay:.24s}
.dc-clock{font-family:var(--mono);font-size:26px;line-height:1.2;letter-spacing:.06em;margin-top:10px;color:#fff;position:relative;z-index:1}
.dc-status{font-size:14px;font-weight:700;color:#9fe6c9;margin-top:2px;position:relative;z-index:1}
.dc-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;position:relative;z-index:1}
.dc-chips span{font-size:12px;font-weight:700;border:1px solid #ffffff24;border-radius:99px;padding:3px 8px;color:#ffffff80;transition:background .3s ease,color .3s ease}
.dc-chips span.is-on{background:#2f9f7c;border-color:#2f9f7c;color:#fff}
.dc-text{min-width:0;padding:6px 4px 0}
.dc-kicker{font-family:var(--mono);font-size:13px;letter-spacing:.12em;font-weight:700;color:var(--mint-ink)}
.dc-text h3{font-size:clamp(19px,1.9vw,24px);line-height:1.5;margin-top:5px;min-height:1.5em}
.dc-transcript{margin-top:12px;min-height:132px}
.dc-raw,.dc-annot,.dc-out{font-size:16px;line-height:1.95;letter-spacing:-.005em}
.dc-said{font-size:16px;line-height:1.95;color:#4b636c;background:#f3faf6;border:1px solid #dcebe4;border-left:3px solid var(--mint-3);border-radius:0 12px 12px 0;padding:11px 14px}
.dc-said:before{content:'話している内容（サンプル）';display:block;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--mint-ink);margin-bottom:3px}
.dc-raw{color:#3d5761}
.dc-raw:after{content:'';display:inline-block;width:2px;height:1em;background:var(--mint-ink);vertical-align:-2px;margin-left:2px;animation:caret 1s steps(1) infinite}
.dc-annot{color:#3d5761}
.dc-annot .fill{color:#9aa9ad;text-decoration:line-through;text-decoration-thickness:1px}
.dc-annot .mistake{color:#9aa9ad;text-decoration:line-through;text-decoration-thickness:1px}
.dc-annot .fix{background:var(--mint);border-radius:4px;padding:0 2px;font-weight:700;color:var(--mint-ink)}
.dc-out{font-weight:700;color:var(--ink)}
.dc-hint{font-size:14px;color:#5a7078;margin-top:10px}
.dc-footnote{font-size:14px;color:#5a7078;border-top:1px solid #e6efeb;margin-top:14px;padding-top:11px}
.dc-static{background:#fff;border:1px solid #cfe2da;border-radius:24px;padding:20px;box-shadow:var(--shadow-soft)}
.dc-static-head{display:flex;align-items:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}
.dc-static-head img{border-radius:9px}
.dc-static-head h3{font-size:16px}
.dc-static-head span{margin-left:auto;font-size:13px;color:var(--muted);background:#f3f8f6;border:1px solid var(--line);border-radius:99px;padding:3px 9px}
.dc-cards{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:11px}
.dc-card{border:1px solid #dce9e3;border-radius:14px;background:#fbfdfc;padding:15px 16px}
.dc-card-top{display:flex;align-items:center;gap:8px;font-size:14px;color:#5c737a}
.dc-card-top span{font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:#52686f}
.dc-card-top b{font-size:16px;color:var(--ink)}
.dc-card-quote{font-size:15px;line-height:1.9;color:#576d75;margin-top:9px}
.dc-card-raw{font-size:15px;line-height:1.9;color:#576e76;margin-top:9px}
.dc-card-annot{font-size:15px;line-height:1.9;color:#576e76;margin-top:9px}
.dc-card-annot .fill,.dc-card-annot .mistake{color:#5f7379;text-decoration:line-through;text-decoration-thickness:1px}
.dc-card-annot .fix{background:var(--mint);border-radius:4px;padding:0 2px;color:var(--mint-ink);font-weight:700}
.dc-card-out{font-size:15px;line-height:1.9;font-weight:700;margin-top:9px}
.dc-card-note{font-size:14px;line-height:1.8;color:#52686f;margin-top:7px}
.dc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.dc-stats>div{background:#fff;border:1px solid #dcebe5;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px}
.dc-stats b{font-size:28px;line-height:1;letter-spacing:-.03em;color:var(--petrol);white-space:nowrap}
.dc-stats b small{font-size:14px;margin-left:1px}
.dc-stats span{font-size:14px;font-weight:700;line-height:1.6;color:#405a63}
.dc-stats span small{display:block;font-size:13px;font-weight:400;color:#5a7078}

/* Why local --------------------------------------------------------------- */
.why-section{padding:70px 0}
.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.flow-card{border-radius:24px;padding:24px 24px 20px;border:1px solid var(--line)}
.flow-cloud{background:linear-gradient(160deg,#f2f8fe,#fbfdff)}
.flow-local{background:linear-gradient(160deg,#e8f8f0,#f8fdfa);border-color:#bfe0d0}
.flow-tag{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.05em;color:#4d6672;background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 10px}
.flow-local .flow-tag{color:#fff;background:var(--petrol);border-color:var(--petrol)}
.flow-card h3{font-size:21px;margin-top:13px;line-height:1.55}
.flow-card>p:last-child{font-size:15px;line-height:1.9;color:var(--muted);margin-top:14px}
.flow-line{list-style:none;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:4px;margin-top:18px}
.flow-line li{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;min-width:0}
.flow-line b{font-size:13px;line-height:1.5;color:#3f5861;font-weight:700}
.flow-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid #dbe6ee;color:#4c6a77}
.flow-icon .icon{width:19px;height:19px}
.flow-local .flow-icon{background:#fff;border-color:#c6e4d6;color:var(--mint-ink)}
.flow-arrow{color:#aebfc4;font-size:16px;line-height:1;padding-bottom:16px}
.comms-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;margin-top:22px;background:var(--ivory);border:1px solid #eee5cf;border-radius:24px;padding:26px 28px}
.comms-copy h3{font-size:22px;line-height:1.55}
.comms-copy>p.comms-lead{font-size:15px;color:#6f6250;margin-top:10px}
.comms-stamp{display:flex;align-items:center;gap:8px;margin-top:18px;padding:11px 13px;background:#eaf9f2;border:1px solid #c9e6d8;border-radius:12px;font-size:14px;font-weight:700;color:#2b6d5b}
.comms-stamp .icon{width:16px;height:16px}
.comms-fine{font-size:14px;color:#6f6350;margin-top:8px}
.comms-list{list-style:none;display:grid;gap:9px}
.comms-list li{background:#fff;border:1px solid #eee6d3;border-radius:12px;padding:10px 13px}
.comms-list b{display:block;font-size:15px;color:var(--petrol)}
.comms-list span{display:block;font-size:14px;line-height:1.8;color:#6b6154;margin-top:2px}
.privacy-note{display:flex;gap:18px;margin-top:18px;background:var(--petrol);color:#eaf7f1;border-radius:24px;padding:26px 28px}
.privacy-icon{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:#ffffff1a;border:1px solid #ffffff26;display:grid;place-items:center;color:#9fe6c9}
.privacy-icon .icon{width:24px;height:24px}
.privacy-note h3{font-size:19px;color:#fff}
.privacy-note p{font-size:15px;line-height:1.95;color:#c6e0d6;margin-top:9px;max-width:920px}

/* Cost -------------------------------------------------------------------- */
.cost-section{padding:70px 0;background:linear-gradient(180deg,#f3f9fd 0%,#fbfdfe 100%);border-block:1px solid #e4eef5}
.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cost-card{background:#fff;border:1px solid #dfe9f0;border-radius:24px;padding:22px 22px 18px}
.cost-card.is-ours{background:linear-gradient(160deg,#e9f9f1,#f7fdfa);border-color:#b7ddcb;box-shadow:0 14px 36px #0d3b470f}
.cost-tag{font-size:13px;font-weight:700;letter-spacing:.04em;color:#5a707b;background:#f4f8fb;border-radius:99px;padding:4px 10px;display:inline-block}
.cost-card.is-ours .cost-tag{background:var(--petrol);color:#fff}
.cost-card h3{font-size:20px;line-height:1.55;margin-top:13px}
.cost-card p:not(.cost-tag):not(.cost-line){font-size:15px;line-height:1.9;color:var(--muted);margin-top:10px}
.cost-line{margin-top:14px;padding-top:11px;border-top:1px solid #e7eef2;font-size:14px;color:#52686f}
.cost-line b{color:var(--petrol)}
.cost-callout{text-align:center;font-size:clamp(18px,2vw,23px);font-weight:700;letter-spacing:-.02em;margin-top:22px;color:var(--ink)}
.cost-breakdown{margin-top:24px;background:#fff;border:1px solid #e0eaf1;border-radius:24px;padding:24px 26px}
.cost-breakdown-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:16px}
.cost-breakdown-head h3{font-size:21px}
.cost-breakdown-head p{font-size:15px;line-height:1.8;color:var(--muted);max-width:520px}
.table-scroll{overflow-x:auto}
.cost-table,.send-table{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}
.cost-table caption,.send-table caption{text-align:left;font-size:14px;color:var(--muted);padding-bottom:8px}
.cost-table th,.cost-table td,.send-table th,.send-table td{border-top:1px solid #e6edf2;padding:11px 12px;text-align:left;vertical-align:top;line-height:1.8}
.cost-table thead th,.send-table thead th{background:#f6fafc;font-size:14px;color:#49606a;border-top:0}
.cost-table tbody th,.send-table tbody th{font-size:15px;width:24%;background:#fcfdfe}
.cost-table td strong,.send-table td strong{color:var(--petrol)}

/* Formatting tabs --------------------------------------------------------- */
.format-section{padding:70px 0}
.tabs{margin-top:6px}
.tablist{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.tab{font-size:15px;font-weight:700;color:#47626b;background:#fff;border:1px solid #dbe6e9;border-radius:99px;padding:9px 16px;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}
.tab:hover{border-color:#a9cdc0;background:#f6fbf9}
.tab[aria-selected="true"]{background:var(--petrol);border-color:var(--petrol);color:#fff}
.tabpanel{outline:none}
.tabpanel:focus-visible{outline-offset:8px}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ba{border-radius:20px;padding:20px 22px;border:1px solid var(--line);min-height:150px}
.ba-raw{background:#f7f9fa;border-color:#e6ecef}
.ba-out{background:linear-gradient(160deg,#eaf9f2,#f8fdfb);border-color:#c3e3d4}
.ba-label{font-size:13px;font-weight:700;letter-spacing:.05em;color:#53696f}
.ba-out .ba-label{color:var(--mint-ink)}
.ba-text{font-size:16px;line-height:1.95;margin-top:9px;color:#3c5761}
.ba-out .ba-text{color:var(--ink);font-weight:700}
.ba-text del{color:#9aa9ad;text-decoration-thickness:1px}
.ba-text mark{background:linear-gradient(180deg,transparent 58%,var(--mint-2) 58%);color:inherit;font-weight:700;padding:0 1px}
.ba-note{font-size:15px;line-height:1.85;color:var(--muted);margin-top:12px;padding-left:2px}

/* Screen context ---------------------------------------------------------- */
.screen-section{padding:70px 0;background:linear-gradient(180deg,#f2faf6,#fbfdfc);border-block:1px solid #e2efe9}
.screen-demo{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.screen-mock{background:#fff;border:1px solid #d9e8e1;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft)}
.screen-bar{display:flex;align-items:center;gap:9px;background:#f7fbf9;border-bottom:1px solid #e4efea;padding:9px 13px;font-size:14px;color:#5f767d}
.screen-body{padding:18px 20px 16px;font-size:15px;line-height:2.05;color:#45606a;background:
 linear-gradient(#fff,#fff) padding-box}
.screen-doc-title{font-weight:700;color:var(--ink);margin-bottom:7px}
.screen-body p{margin-top:2px}
.screen-body mark{background:var(--mint);color:var(--mint-ink);font-weight:700;border-radius:4px;padding:0 3px}
.screen-caption{font-size:13px;color:#5a7078;border-top:1px solid #e9f0ed;padding:8px 20px 11px;background:#fbfdfc}
.screen-result{background:#fff;border:1px solid #d9e8e1;border-radius:20px;padding:20px 22px;box-shadow:var(--shadow-soft)}
.screen-kicker{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--mint-ink);background:var(--mint);border-radius:99px;padding:4px 10px}
.screen-kicker .icon{width:14px;height:14px}
.screen-ba{margin-top:14px}
.screen-label{font-size:13px;font-weight:700;color:#53696f}
.screen-raw{font-size:16px;line-height:1.9;color:#576d75;margin-top:5px}
.screen-out{font-size:16px;line-height:1.9;font-weight:700;margin-top:5px}
.screen-out mark{background:linear-gradient(180deg,transparent 58%,var(--mint-2) 58%);color:inherit;padding:0 1px}
.screen-ba.is-out{margin-top:16px;padding-top:14px;border-top:1px dashed #dbe8e2}
.screen-hint{font-size:14px;line-height:1.8;color:#5a7078;margin-top:14px}
.screen-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.rule{background:#fff;border:1px solid #dcebe4;border-radius:14px;padding:13px 15px}
.rule b{display:block;font-size:15px;line-height:1.6;color:var(--ink)}
.rule span{display:block;font-size:14px;line-height:1.8;color:var(--muted);margin-top:3px}

/* Dictionary -------------------------------------------------------------- */
.dict-section{padding:70px 0}
.dict-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dict-card{background:#fbfdfc;border:1px solid #dfeae5;border-radius:20px;padding:20px 22px}
.dict-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--mint);color:var(--mint-ink)}
.dict-icon .icon{width:19px;height:19px}
.dict-card h3{font-size:18px;margin-top:11px}
.dict-card p:not(.dict-example){font-size:15px;line-height:1.9;color:var(--muted);margin-top:8px}
.dict-example{display:flex;align-items:center;gap:8px;margin-top:11px;font-size:14px;color:#53686f;background:#fff;border:1px solid #e3ece8;border-radius:9px;padding:7px 10px;flex-wrap:wrap}
.dict-example .icon{width:12px;height:12px;color:#a3b4b0}
.dict-example b{color:var(--mint-ink);font-size:14px}

/* Modes ------------------------------------------------------------------- */
.modes-section{padding:70px 0;background:linear-gradient(180deg,#f4f8fd,#fbfdfe);border-block:1px solid #e4edf4}
.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mode-card{background:#fff;border:1px solid #dfe9f0;border-radius:22px;padding:20px 21px}
.mode-card.is-ours{background:linear-gradient(160deg,#eaf9f2,#f9fdfb);border-color:#b9dfcd}
.mode-tag{display:inline-block;font-size:13px;font-weight:700;color:#5b717b;background:#f4f8fb;border-radius:99px;padding:4px 10px}
.mode-card.is-ours .mode-tag{background:var(--petrol);color:#fff}
.mode-card h3{font-size:19px;line-height:1.6;margin-top:12px}
.mode-card ul{list-style:none;margin-top:12px;display:grid;gap:6px}
.mode-card li{position:relative;padding-left:16px;font-size:14px;line-height:1.8;color:#4e656e}
.mode-card li:before{content:'';position:absolute;left:2px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--mint-3)}
.mode-note{font-size:14px;line-height:1.8;color:#52686f;margin-top:12px;padding-top:10px;border-top:1px solid #e4eef2}
.send-table-wrap{margin-top:24px;background:#fff;border:1px solid #e0eaf1;border-radius:22px;padding:22px 24px}
.send-table-wrap h3{font-size:20px;margin-bottom:12px}

/* Usage ------------------------------------------------------------------- */
.usage-section{padding:70px 0}
.usage-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:start}
.usage-steps{list-style:none;display:grid;gap:14px}
.usage-steps li{display:flex;gap:14px;background:#fbfdfc;border:1px solid #e1ece7;border-radius:16px;padding:16px 18px}
.usage-num{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--mint-ink);background:var(--mint);border-radius:8px;padding:4px 7px;height:fit-content;letter-spacing:.04em}
.usage-steps h3{font-size:17px}
.usage-steps p{font-size:15px;line-height:1.85;color:var(--muted);margin-top:5px}
.menu-mock{background:linear-gradient(155deg,#0e3d49,#082a33);border-radius:20px;padding:14px 14px 12px;color:#e9f6f0;box-shadow:var(--shadow)}
.menu-bar{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#cfe6dd;padding:0 4px 8px}
.menu-brand{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#eaf7f1}
.menu-brand .icon{width:16px;height:16px;color:#8fe3c3}
.menu-clock{font-family:var(--mono);font-size:13px;color:#a9c9bf}
.menu-drop{background:#fff;border-radius:12px;padding:8px 6px;color:var(--ink);box-shadow:0 16px 36px #00000030}
.menu-status{font-size:14px;font-weight:700;color:var(--mint-ink);background:var(--mint);border-radius:7px;padding:7px 11px;margin:2px 4px 5px}
.menu-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:1.5;color:#4b626b;padding:6px 11px;border-radius:7px}
.menu-row b{font-size:13px;color:var(--ink);text-align:right;font-weight:700}
.menu-row.is-check{background:#f1faf6}
.menu-row.is-check b{color:var(--mint-ink)}
.menu-caption{font-size:13px;color:#a4c0b7;text-align:center;margin-top:9px}
.usecases{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}
.usecases li{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:#3e5962;background:#f8fbfa;border:1px solid #e2ece8;border-radius:12px;padding:11px 13px}
.usecases .icon{width:17px;height:17px;color:var(--mint-ink)}

/* Comparison -------------------------------------------------------------- */
.compare-section{padding:70px 0;background:linear-gradient(180deg,#fbf8f0 0%,#fdfbf6 100%);border-block:1px solid #f0e8d6}
.compare-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.compare-cards article{background:#fff;border:1px solid #eee5d3;border-radius:20px;padding:19px 20px}
.compare-cards article.is-ours{background:linear-gradient(160deg,#eaf9f2,#f9fdfb);border-color:#b9dfcd}
.compare-tag{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.05em;color:#776a54;background:#fbf5e6;border-radius:99px;padding:3px 9px}
.compare-cards .is-ours .compare-tag{background:var(--petrol);color:#fff}
.compare-cards h3{font-size:17px;line-height:1.6;margin-top:10px}
.compare-cards p{font-size:14px;line-height:1.85;color:#6a6357;margin-top:8px}
.comparison-scroll{overflow-x:auto;border:1px solid #e8dfcc;border-radius:20px;background:#fff}
.comparison-table{width:100%;border-collapse:collapse;min-width:880px;font-size:15px;line-height:1.8;table-layout:fixed}
.comparison-table caption{text-align:left;padding:16px 20px;font-size:14px;font-weight:700;color:#655c4c}
.comparison-table th,.comparison-table td{padding:14px 16px;text-align:left;vertical-align:top;border-top:1px solid #eee7d7;border-right:1px solid #f1ebde;overflow-wrap:anywhere}
.comparison-table th:last-child,.comparison-table td:last-child{border-right:0}
.comparison-table thead th{font-size:16px;background:#fbf7ee}
.comparison-table thead th:first-child{width:19%;font-size:14px}
.comparison-table th small{display:block;font-weight:400;color:#6a5f4c;font-size:13px;margin-top:5px}
.comparison-table tbody th{font-size:15px;background:#fff}
.comparison-table .our-product{background:#edf9f3}
.comparison-table thead .our-product{background:var(--petrol);color:#fff}
.comparison-table thead .our-product small{color:#c9e6da}
.comparison-table td strong{color:var(--petrol)}
.comparison-sources{font-size:14px!important;line-height:1.95;max-width:1060px}

/* Requirements ------------------------------------------------------------ */
.req-section{padding:70px 0}
.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.spec-card{background:var(--ivory);border:1px solid #efe7d6;border-radius:22px;padding:22px 24px}
.spec-card h3{font-size:20px}
.spec-list{margin-top:12px}
.spec-list>div{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:9px 0;border-top:1px solid #f0e9da}
.spec-list>div:first-child{border-top:0}
.spec-list dt{font-size:14px;font-weight:700;color:#7b705d}
.spec-list dd{font-size:15px;line-height:1.8;color:#4e5a5d}
.req-notes{display:grid;gap:11px}
.req-note{background:#fbfdfc;border:1px solid #e2ece8;border-radius:16px;padding:15px 17px}
.req-note h3{display:flex;align-items:center;gap:7px;font-size:16px;color:var(--ink)}
.req-note h3 .icon{width:16px;height:16px;color:var(--mint-ink)}
.req-note p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:6px}
.setup-title{font-size:20px;margin-top:28px}
.setup-steps{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px}
.setup-steps li{background:#fff;border:1px solid #e1ebe7;border-radius:14px;padding:13px 14px}
.setup-steps li>span{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--mint-ink);letter-spacing:.06em}
.setup-steps h4{font-size:15px;margin-top:6px}
.setup-steps p{font-size:14px;line-height:1.75;color:var(--muted);margin-top:4px}

/* Updates ----------------------------------------------------------------- */
.update-section{padding:66px 0;background:linear-gradient(180deg,#fdf7e8,#fdfbf4);border-block:1px solid #f1e8d4}
.update-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.update-grid article{background:#fff;border:1px solid #f0e5cf;border-radius:18px;padding:19px 20px}
.update-tag{font-size:13px;font-weight:700;color:#7b6c50;background:#fbf3e1;border-radius:99px;padding:3px 9px;display:inline-block}
.update-grid h3{font-size:18px;margin-top:10px}
.update-grid p{font-size:15px;line-height:1.85;color:#6a6357;margin-top:7px}
.update-honest{text-align:center;font-weight:700;font-size:16px;color:#5a4f3a;margin-top:20px}

/* Price ------------------------------------------------------------------- */
.price-section{padding:70px 0;background:linear-gradient(180deg,#f1faf5,#fbfdfc);border-block:1px solid #e0eee7}
.price-inner{max-width:940px}
.price-inner>h2{font-size:clamp(28px,3.2vw,41px);line-height:1.45}
.price-lead{max-width:700px}
.price-card{margin-top:24px;background:#fff;border:1px solid #d8e8df;border-radius:28px;padding:30px 28px;box-shadow:var(--shadow-soft);text-align:center}
.price-label{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--mint-ink);background:var(--mint);border-radius:99px;display:inline-block;padding:4px 12px}
.price-pending{font-size:clamp(34px,4.6vw,48px);font-weight:700;line-height:1.3;letter-spacing:-.03em;margin-top:14px;color:var(--petrol)}
.price-hero{margin-top:12px;display:flex;align-items:baseline;justify-content:center;gap:8px;color:var(--petrol)}
.price-currency{font-size:30px;font-weight:700}
.price-digits{font-size:clamp(64px,8vw,92px);font-weight:700;line-height:1;letter-spacing:.01em}
.price-terms{font-size:15px;color:var(--muted);margin-top:10px}
.price-benefits{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:20px auto 18px;max-width:560px;text-align:left;font-size:15px;color:#415a63}
.price-benefits li{position:relative;padding-left:19px;line-height:1.7}
.price-benefits li:before{content:'✓';position:absolute;left:0;color:var(--mint-ink);font-weight:700}
.price-card .button{max-width:360px;margin-inline:auto}
.price-note{font-size:14px;line-height:1.85;color:var(--muted);max-width:620px;margin:14px auto 0;text-align:left}
.price-contact{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:700;margin-top:12px}
.price-contact .icon{width:13px;height:13px}

/* Checkout feedback ------------------------------------------------------- */
.purchase-cta{position:relative}
.purchase-cta .button-spinner{display:none;width:16px;height:16px;flex:none;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%}
.purchase-cta.is-loading{background:var(--petrol-dark);transform:none;cursor:progress;pointer-events:none}
.purchase-cta.is-loading .button-spinner{display:inline-block;animation:checkout-spin .8s linear infinite}
.purchase-cta.is-loading .button-external{display:none}
.purchase-status{max-width:430px;margin:10px auto 0;font-size:14px;line-height:1.75;color:var(--muted)}
.purchase-status.is-active{color:var(--petrol);font-weight:700}
.purchase-status:empty{display:none}
.checkout-progress{position:fixed;top:0;left:0;right:0;z-index:60;height:3px;background:#0d3b471a;overflow:hidden}
.checkout-progress span{display:block;width:38%;height:100%;background:linear-gradient(90deg,var(--petrol),#56c9a5,var(--petrol));animation:checkout-slide 1.1s ease-in-out infinite}
.stripe-trust{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;max-width:430px;margin:16px auto 0;padding:13px 16px;background:#f6f5ff;border:1px solid #e5e1fc;border-radius:14px;text-align:left}
.stripe-logo{display:block;flex:none;width:auto;height:24px;color:#635bff}
.stripe-trust-copy b{display:block;font-size:15px;line-height:1.6;color:#403080}
.stripe-trust-copy span{display:block;margin-top:2px;font-size:14px;line-height:1.65;color:#536064}
@keyframes checkout-spin{to{transform:rotate(360deg)}}
@keyframes checkout-slide{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}
.price-local{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;background:var(--petrol);color:#eaf7f1;border-radius:22px;padding:22px 26px;margin-top:18px}
.price-local .icon{width:24px;height:24px;color:#9fe6c9}
.price-local h3{font-size:18px;color:#fff;margin-top:6px}
.price-local p{font-size:15px;line-height:1.9;color:#c3ddd3;margin-top:7px}
.price-local-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.price-local-badges span{background:#ffffff12;border:1px solid #ffffff24;border-radius:12px;padding:9px 8px;font-size:14px;font-weight:700;text-align:center;line-height:1.5}
.price-local-badges small{display:block;font-size:12px;font-weight:400;color:#a9c9bf;margin-top:2px}

/* Flow -------------------------------------------------------------------- */
.flow-section{padding:60px 0}
.flow-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.flow-steps li{background:#fbfdfc;border:1px solid #e2ece8;border-radius:16px;padding:17px 18px}
.flow-steps li>span{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--mint-ink);letter-spacing:.06em}
.flow-steps h3{font-size:16px;margin-top:7px}
.flow-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:5px}

/* FAQ --------------------------------------------------------------------- */
.faq-section{padding:64px 0 72px;background:linear-gradient(180deg,#f3faf6,#fbfdfc);border-top:1px solid #e2efe9}
.faq-head{margin-bottom:20px}
.faq-list{max-width:900px}
.faq-list details{border:1px solid #ddeae4;border-radius:14px;background:#fff;margin-bottom:10px;padding:0 18px}
.faq-list summary{font-size:16px;font-weight:700;padding:16px 0;cursor:pointer;display:flex;align-items:flex-start;gap:12px;list-style:none;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';margin-left:auto;font-size:20px;font-weight:400;line-height:1;color:var(--mint-ink);flex:0 0 auto;transition:transform .18s ease}
.faq-list details[open] summary:after{content:'−'}
.faq-list details p{font-size:15px;line-height:1.95;color:var(--muted);padding:0 0 16px;border-top:1px dashed #e6efeb;padding-top:13px}
.faq-list details p a{font-weight:700}

/* Closing ----------------------------------------------------------------- */
.closing{background:linear-gradient(150deg,#0f404c 0%,#082a33 70%);color:#eaf7f1;padding:60px 0}
.closing-inner{max-width:760px;text-align:center}
.closing .eyebrow{color:#9fe6c9}
.closing h2{font-size:clamp(29px,3.4vw,44px);line-height:1.45;color:#fff}
.closing p{font-size:16px;line-height:1.95;color:#c3ddd3;margin-top:16px}
.closing-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.closing .button.primary{background:#fff;color:var(--petrol);box-shadow:0 12px 30px #00000030}
.closing .button.primary:hover{background:var(--mint);color:var(--petrol-dark)}
.closing .button.ghost{background:#ffffff12;border-color:#ffffff38;color:#fff}
.closing .button.ghost:hover{background:#ffffff20;border-color:#ffffff66}
.closing-meta{font-size:14px;color:#9fc2b7;margin-top:14px}

/* Footer ------------------------------------------------------------------ */
.site-footer{background:#fff;border-top:1px solid var(--line);padding:34px 0 30px}
.footer-top{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}
.footer-brand{font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--ink);text-decoration:none}
.footer-top p{font-size:15px;color:var(--muted)}
.footer-nav{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.footer-nav a{font-size:14px;color:#4a636c;text-decoration:none}
.footer-nav a:hover{text-decoration:underline}
.fine{font-size:14px;color:#5a7078;margin-top:14px;line-height:1.9}
.fine a{color:inherit}

/* Content pages ----------------------------------------------------------- */
.content{padding:52px 0 72px;width:min(1160px,calc(100% - 64px));margin-inline:auto}
.content>*{max-width:880px}
.content h1{font-size:clamp(27px,3vw,38px);line-height:1.4}
.content .eyebrow{margin-bottom:10px}
.content .notice{margin-top:16px;padding:12px 16px;border-left:3px solid var(--mint-3);background:#f4fbf7;border-radius:0 10px 10px 0;font-size:15px;color:#47615b}
.content h2{font-size:20px;margin-top:30px}
.content h3{font-size:16px;margin-top:22px}
.content p{font-size:16px;line-height:1.95;color:#41575f;margin-top:12px}
.content ul,.content ol{margin-top:10px;padding-left:22px;font-size:16px;line-height:1.95;color:#41575f}
.content li{margin-top:5px}
.content a{font-weight:700}
.legal-list{margin-top:18px}
.legal-list>div{display:grid;grid-template-columns:190px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.legal-list dt{font-size:15px;font-weight:700;color:#5f757d}
.legal-list dd{font-size:15px;line-height:1.9;color:#3f575f}
.legal-list dd p{font-size:15px;margin-top:6px}
.legal-list dd a{font-weight:700}
.form-field{margin-top:16px}
.form-field label{display:block;font-size:15px;font-weight:700;color:#334f58;margin-bottom:6px}
.required{font-size:13px;color:#9c3f52;background:#fceef1;border-radius:5px;padding:2px 6px;margin-left:6px;font-weight:700;vertical-align:1px}
.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #cfdeda;border-radius:10px;padding:11px 12px;font-size:16px;background:#fff;color:var(--ink)}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--petrol);outline-offset:1px;border-color:var(--petrol)}
.form-field textarea{resize:vertical;min-height:140px}
.form-field .note{margin-top:6px;font-size:14px}
.form-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;font-size:14px;line-height:1.8;color:#4c646c}
.consent input{margin-top:4px;width:16px;height:16px;flex:0 0 auto}
.form-status{margin-top:16px;padding:12px 14px;border-radius:10px;background:#ecf9f2;border:1px solid #bfe3d2;font-size:15px;color:#245845}
.form-status.error{background:#fdf0f2;border-color:#f0c9d1;color:#8d2f43}
.contact-card{background:#f8fbfa;border:1px solid #dfeae5;border-radius:18px;padding:22px 24px;margin-top:20px}
.contact-card h2{margin-top:0}
.contact-meta{list-style:none;margin-top:12px;display:grid;gap:6px;font-size:15px;color:#4c646c}
.contact-meta b{color:var(--ink)}
.back-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;margin-top:28px}
.back-link .icon{width:14px;height:14px;transform:rotate(180deg)}

/* Reveal ------------------------------------------------------------------ */
html.js [data-reveal]{opacity:0;transform:translateY(12px)}
html.js [data-reveal].is-in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
@media(prefers-reduced-motion:reduce){
 html.js [data-reveal]{opacity:1;transform:none}
 html{scroll-behavior:auto}
 .pulse-dot,.wave i,.dc-wave i,.rec-live i,.dc-badge i,.caret,.dc-raw:after{animation:none!important}
 .button{transition:none}
 .purchase-cta.is-loading .button-spinner{animation:none}
 .checkout-progress span{animation:none;width:100%}
}

/* ---------------------------------------------------------------------------
   Responsive
   --------------------------------------------------------------------------- */
@media(max-width:1080px){
 .hero-layout{gap:28px}
 .cine-hero h1{font-size:clamp(31px,3.7vw,43px)}
 .hero-points{grid-template-columns:1fr;gap:7px}
 .hero-points li{display:grid;grid-template-columns:22px 1fr;column-gap:8px;padding:9px 11px}
 .hero-points .icon{grid-row:1/3;margin:0;width:18px;height:18px}
 .hero-points b{font-size:14px}
 .hero-points span{font-size:13px;margin-top:1px}
 .dc-main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .screen-rules{grid-template-columns:1fr 1fr}
 .setup-steps{grid-template-columns:repeat(3,1fr)}
 .price-local{grid-template-columns:1fr}
}

@media(max-width:900px){
 .nav nav a:not(.nav-cta){display:none}
 .hero-layout{grid-template-columns:1fr;gap:30px}
 .cine-hero h1{font-size:clamp(34px,6vw,46px)}
 .hero-desc{max-width:640px;font-size:16px}
 .hero-points{grid-template-columns:repeat(3,1fr)}
 .hero-points li{display:block;padding:11px 13px}
 .hero-points .icon{grid-row:auto;width:19px;height:19px;margin:0 0 4px}
 .hero-points b{font-size:14px}
 .hero-points span{font-size:14px;margin-top:2px}
 .hero-product{max-width:720px;margin-inline:auto}
 .hero-actions .button{font-size:16px}
 .nav{min-height:82px}
 .brand img{width:142px;height:42px}
 .dc-stages{grid-template-columns:1fr 1fr}
 .dc-main{grid-template-columns:1fr}
 .dc-visual{min-height:190px}
 .dc-wave{height:38px}
 .flow-grid,.comms-grid,.cost-grid,.screen-demo,.req-grid,.usage-grid{grid-template-columns:1fr}
 .update-grid{grid-template-columns:1fr 1fr}
 .comms-grid{padding:22px}
 .mode-grid,.compare-cards,.update-grid{grid-template-columns:1fr}
 .dict-grid{grid-template-columns:1fr}
 .ba-grid{grid-template-columns:1fr}
 .price-benefits{grid-template-columns:1fr;max-width:420px}
 .usecases{grid-template-columns:1fr 1fr}
 .screen-rules{grid-template-columns:1fr}
 .flow-steps{grid-template-columns:1fr 1fr}
 .dc-stats>div{padding:11px 14px}
 .dc-stats b{font-size:24px}
 .privacy-note{flex-direction:column;gap:12px}
 .price-local-badges{grid-template-columns:1fr 1fr 1fr}
}

@media(max-width:760px){
 .cine-wrap{width:calc(100% - 36px)}
 .content{width:calc(100% - 36px)}
 .cine-hero{padding:32px 0 20px}
 .hero-layout{grid-template-columns:1fr;gap:28px}
 .cine-hero h1{font-size:clamp(32px,8.6vw,44px);line-height:1.36}
 .hero-sub{font-size:18px;margin-top:15px}
 .hero-desc{font-size:15px}
 .hero-actions{gap:10px;margin-top:20px}
 .hero-actions .button{font-size:15px;padding:13px 19px}
 .hero-meta{font-size:14px;gap:4px 8px}
 .hero-points{grid-template-columns:1fr;gap:7px}
 .hero-points li{display:grid;grid-template-columns:22px 1fr;column-gap:8px;padding:9px 11px}
 .hero-points .icon{grid-row:1/3;width:18px;height:18px;margin:0}
 .hero-points b{font-size:14px}
 .hero-points span{font-size:13px;margin-top:1px}
 .hero-product{padding:11px;border-radius:24px}
 .hero-screen{padding:12px}
 .hero-product figcaption{font-size:12px}
 .editor-after{font-size:15px}
 .hero-flow{font-size:12px}
 .hero-foot{margin-top:24px}
 .compat{gap:8px 14px;font-size:14px}
 .compat span{flex:1 0 44%}
 .demo,.why-section,.cost-section,.format-section,.screen-section,.dict-section,.modes-section,.usage-section,.compare-section,.req-section,.update-section,.price-section{padding-block:46px}
 .demo-head h2,.section-head h2,.price-inner>h2{font-size:27px}
 .lead{font-size:16px;margin-top:14px}
 .eyebrow{font-size:14px;margin-bottom:10px}
 .dc-panel{padding:15px 14px 13px;border-radius:20px}
 .dc-controls{margin-left:0;width:100%}
 .dc-btn{font-size:14px;padding:6px 10px}
 .dc-stages{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 14px}
 .dc-stages button{padding:7px 8px;grid-template-columns:auto 18px 1fr}
 .dc-stages b{font-size:14px}
 .dc-stages small{font-size:12px}
 .dc-text h3{font-size:19px}
 .dc-raw,.dc-annot,.dc-out{font-size:16px}
 .dc-transcript{min-height:0}
 .dc-static{padding:16px 14px;border-radius:18px}
 .dc-cards{grid-template-columns:1fr}
 .dc-stats{grid-template-columns:1fr}
 .dc-static-head h3{font-size:16px}
 .dc-static-head span{font-size:12px}
 .dc-card{padding:13px 14px}
 .cost-grid,.mode-grid,.compare-cards,.update-grid{gap:10px}
 .cost-card,.mode-card,.compare-cards article,.update-grid article{padding:17px 18px}
 .cost-breakdown,.send-table-wrap{padding:17px 16px}
 .cost-breakdown-head{display:block}
 .cost-breakdown-head p{margin-top:8px}
 .cost-table,.send-table{min-width:560px}
 .cost-table th,.cost-table td,.send-table th,.send-table td{padding:9px 10px;font-size:14px}
 .tablist{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
 .tab{flex:0 0 auto;font-size:14px;padding:8px 14px}
 .ba{padding:16px 17px;min-height:0}
 .ba-text{font-size:16px}
 .screen-mock{order:2}
 .screen-result{order:1}
 .screen-rules{gap:9px}
 .dict-card{padding:17px 18px}
 .usage-steps li{padding:13px 14px}
 .usecases{grid-template-columns:1fr 1fr;gap:8px}
 .usecases li{font-size:14px;padding:9px 11px}
 .setup-steps{grid-template-columns:1fr 1fr;gap:8px}
 .flow-steps{grid-template-columns:1fr 1fr;gap:9px}
 .flow-steps li{padding:14px}
 .faq-list details{padding:0 14px;margin-bottom:8px}
 .faq-list summary{font-size:16px;padding:14px 0}
 .faq-list details p{font-size:15px}
 .closing{padding:46px 0}
 .closing p{font-size:15px}
 .price-card{padding:22px 18px;border-radius:22px}
 .price-pending{font-size:33px}
 .price-local{padding:18px 18px;border-radius:18px}
 .price-local-badges span{font-size:13px}
 .price-local-badges small{font-size:12px}
 .legal-list>div{grid-template-columns:1fr;gap:3px;padding:12px 0}
 .legal-list dt{font-size:14px}
 .footer-nav{gap:8px 16px}
 .footer-nav a{font-size:14px}
 .footer-top p{font-size:14px}
}

@media(max-width:520px){
 .nav nav{gap:10px}
 .nav nav .nav-cta{padding:9px 14px;font-size:14px}
 .hero-points b{font-size:14px}
 .dc-stats>div{gap:9px}
 .dc-stats b{font-size:22px}
 .usecases{grid-template-columns:1fr}
 .setup-steps{grid-template-columns:1fr}
 .flow-steps{grid-template-columns:1fr}
 .price-local-badges{grid-template-columns:1fr}
 .comparison-table{min-width:820px}
 .stripe-trust{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}
 .stripe-logo{height:21px}
}

/* Comparison table becomes one card per row on small screens. */
@media(max-width:760px){
 .comparison-scroll{overflow:visible;border:0;background:none;border-radius:0}
 .comparison-table{display:block;min-width:0;font-size:15px;border-collapse:separate}
 .comparison-table caption{display:block;padding:0 2px 10px;font-size:14px;line-height:1.7}
 .comparison-table thead{display:none}
 .comparison-table tbody{display:block}
 .comparison-table tr{display:block;margin-bottom:10px;padding:13px 14px;border:1px solid #eadfca;border-radius:14px;background:#fff}
 .comparison-table tbody th{display:block;padding:0 0 8px;border:0;background:none;font-size:15px;color:#4a4538}
 .comparison-table td{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;padding:8px 0;border:0;border-top:1px dashed #eee5d3;font-size:15px;line-height:1.8;background:none}
 .comparison-table td:before{content:attr(data-label);font-size:14px;font-weight:700;color:#8b7f6b}
 .comparison-table td.our-product{padding:8px 9px;border-radius:7px;background:#edf9f3}
 .comparison-table td.our-product:before{color:var(--petrol)}
 .comparison-sources{font-size:14px!important;padding-top:4px!important}
}

@media(forced-colors:active){
 .dc-panel,.dc-card,.cost-card,.mode-card,.tab,.ba,.faq-list details{border:1px solid CanvasText}
 .dc-visual,.privacy-note,.closing,.price-local{forced-color-adjust:none}
}

/* Progressive enhancement details ----------------------------------------- */
html:not(.js) .tablist{display:none}
html.js .tabpanel{display:none}
html.js .tabpanel.is-active{display:block}
.dc-ico-pause{display:none}
.dc-btn[aria-pressed="true"] .dc-ico-play{display:none}
.dc-btn[aria-pressed="true"] .dc-ico-pause{display:inline-flex}
.dc-listening{display:flex;align-items:center;gap:5px;font-size:14px;color:#5a7078;padding-top:6px}
.dc-listening span{width:5px;height:5px;border-radius:50%;background:#b6cdc4;animation:blink 1.4s infinite}
.dc-listening span:nth-child(2){animation-delay:.18s}
.dc-listening span:nth-child(3){animation-delay:.36s}
.dc-out.is-in{animation:fadeUp .4s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Forms on the content pages */
.content form{max-width:680px}
.content form .button{margin-top:20px}

/* ---------------------------------------------------------------------------
   Sales-page iteration: competitor comparison, long-term cost, launch list.
   --------------------------------------------------------------------------- */
.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 22px}
.reason-grid article{background:#fff;border:1px solid #ece2cd;border-radius:18px;padding:18px 19px}
.reason-grid article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--mint);color:var(--mint-ink)}
.reason-grid article>span .icon{width:19px;height:19px}
.reason-grid h3{font-size:17px;margin-top:10px;line-height:1.55}
.reason-grid p{font-size:15px;line-height:1.85;color:#5d5a50;margin-top:6px}

.comparison-table.compare-products{min-width:1060px;font-size:15px}
.comparison-table.compare-products thead th:first-child{width:15%}
.comparison-table.compare-products thead th{font-size:15px}
.comparison-table.compare-products tbody th{font-size:15px}

.fit-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.fit-compare article{border-radius:18px;padding:18px 20px;border:1px solid}
.fit-yes{background:#eef9f3;border-color:#c9e6d6}
.fit-no{background:#fff}
.fit-compare article.fit-yes{border-color:#c9e6d6}
.fit-compare article.fit-no{border-color:#ece2cd}
.fit-compare h3{display:flex;align-items:center;gap:7px;font-size:17px}
.fit-compare .icon{width:18px;height:18px;color:var(--mint-ink)}
.fit-compare ul{list-style:none;margin-top:10px;display:grid;gap:6px}
.fit-compare li{position:relative;padding-left:16px;font-size:15px;line-height:1.8;color:#4e656e}
.fit-compare li:before{content:'';position:absolute;left:2px;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--mint-3)}
.fit-no li:before{background:#d8b98a}

.fair-note{margin-top:16px;padding:16px 18px;border-left:3px solid #d8c9a8;border-radius:0 12px 12px 0;background:#fffdf6;font-size:15px;line-height:1.9;color:#5b5343}
.fair-note b{display:block;color:#4a4335;margin-bottom:4px;font-size:15px}
.fair-note p{color:#5b5343}

.verify-details{margin-top:18px;border:1px solid #cfe2da;border-radius:14px;background:#fff;padding:0 16px}
.verify-details>summary{font-size:15px;font-weight:700;cursor:pointer;padding:14px 0;list-style:none;display:flex;align-items:center;gap:10px}
.verify-details>summary::-webkit-details-marker{display:none}
.verify-details>summary span{font-size:14px;color:var(--muted);font-weight:400;margin-left:auto}
.verify-details>summary:after{content:'+';color:var(--mint-ink);font-size:19px;line-height:1;margin-left:8px}
.verify-details[open]>summary:after{content:'−'}
.verify-body{padding:0 0 14px;border-top:1px dashed #e0ece6}
.verify-body p{font-size:14px;line-height:1.9;color:var(--muted);padding-top:10px}

.privacy-warning{display:flex;gap:12px;margin-top:14px;padding:14px 16px;border:1px solid #f0d9c4;border-radius:14px;background:#fff8ef}
.privacy-warning-icon{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:#fbe7d2;color:#9a5a2c;display:grid;place-items:center}
.privacy-warning-icon .icon{width:18px;height:18px}
.privacy-warning b{font-size:15px;color:#7a4a2c}
.privacy-warning p{font-size:14px;line-height:1.85;color:#6f5a48;margin-top:4px}
.mode-caution{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:11px 14px;border:1px solid #f0e0c6;border-radius:12px;background:#fffaf0;font-size:14px;line-height:1.8;color:#6f5c40}
.mode-caution .icon{width:16px;height:16px;color:#a17a3e;margin-top:2px}
.req-note.is-warning{background:#fffaf0;border-color:#f0e2c4}
.req-note.is-warning h3 .icon{color:#a17a3e}

.price-inner{max-width:1000px}
.price-compare{margin-top:18px;background:#fff;border:1px solid #d8e8df;border-radius:22px;padding:22px 24px}
.price-compare-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:12px}
.price-compare-head h3{font-size:20px}
.price-compare-head p{font-size:15px;line-height:1.8;color:var(--muted);max-width:520px}
.price-table{width:100%;border-collapse:collapse;font-size:15px;min-width:620px}
.price-table caption{text-align:left;font-size:14px;color:var(--muted);padding-bottom:8px}
.price-table th,.price-table td{border-top:1px solid #e6edf2;padding:10px 12px;text-align:left;vertical-align:top;line-height:1.7}
.price-table thead th{background:#f6fafc;font-size:14px;color:#49606a;border-top:0}
.price-table tbody th{font-size:15px;width:34%;background:#fcfdfe}
.price-table tr.is-ours th,.price-table tr.is-ours td{background:#eef9f3;font-weight:700;color:var(--petrol)}
.price-contact-sub{font-size:14px;color:var(--muted);margin-top:6px}

.notify-band{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:18px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#0f404c,#082a33);color:#eaf7f1}
.notify-band .eyebrow{color:#9fe6c9;margin-bottom:4px}
.notify-band h3{font-size:20px;color:#fff;line-height:1.55}
.notify-band p{font-size:15px;line-height:1.8;color:#c3ddd3;margin-top:5px}
.notify-band a:not(.button){color:#fff}
.notify-band .button{background:#fff;color:var(--petrol);box-shadow:none;white-space:nowrap}
.launch-gate{margin-top:18px;padding:22px 24px;border:1px solid #f0e2c4;border-radius:20px;background:#fffaf0}
.launch-gate h3{font-size:18px}
.launch-gate ul{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;list-style:none}
.launch-gate li{position:relative;padding-left:18px;font-size:15px;line-height:1.8;color:#5f5542}
.launch-gate li:before{content:'✓';position:absolute;left:0;color:#a17a3e;font-weight:700}
.launch-gate p{font-size:14px;line-height:1.8;color:#7a6a50;margin-top:10px}

.notify-card{background:#fff;border:1px solid #dfeae5;border-radius:20px;padding:22px 24px;margin-top:18px;max-width:680px}
.notify-points{list-style:none;display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #e6efeb}
.notify-points li{display:grid;grid-template-columns:22px 1fr;column-gap:8px;align-items:center}
.notify-points .icon{grid-row:1/3;color:var(--mint-ink);width:18px;height:18px}
.notify-points b{font-size:15px}
.notify-points span{font-size:14px;color:var(--muted)}

@media(max-width:900px){
 .reason-grid,.fit-compare{grid-template-columns:1fr}
 .price-compare-head{display:block}
 .price-compare-head p{margin-top:6px;max-width:none}
 .notify-band{grid-template-columns:1fr}
 .notify-band .button{width:100%}
 .launch-gate ul{grid-template-columns:1fr}
}
@media(max-width:760px){
 .reason-grid article,.fit-compare article{padding:16px 17px}
 .comparison-table.compare-products{min-width:0}
 .price-compare{padding:17px 16px}
 .price-table{display:block;min-width:0;border-collapse:separate}
 .price-table caption{display:block;padding:0 2px 8px}
 .price-table thead{display:none}
 .price-table tbody{display:block}
 .price-table tr{display:block;margin-bottom:8px;padding:12px 14px;border:1px solid #dfe9e5;border-radius:12px;background:#fff}
 .price-table tbody th{display:block;width:auto;padding:0 0 7px;border:0;background:none;font-size:15px}
 .price-table td{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;padding:5px 0;border:0;border-top:1px dashed #e6eef2;font-size:15px;background:none}
 .price-table td:before{content:attr(data-label);font-size:14px;font-weight:700;color:#6d8088}
 .price-table tr.is-ours{background:#eef9f3;border-color:#b9dfcd}
 .notify-band{padding:18px 18px}
 .notify-band h3{font-size:18px}
 .launch-gate{padding:18px 18px}
 .notify-card{padding:18px 16px}
 .verify-details{padding:0 13px}
 .privacy-warning{flex-direction:column;gap:8px}
}

.api-note{margin-top:14px;padding:16px 18px;border:1px solid #cfe6dc;border-radius:16px;background:#eef9f3}
.api-note b{display:flex;align-items:center;gap:7px;font-size:15px;color:var(--mint-ink)}
.api-note b .icon{width:17px;height:17px}
.api-note p{font-size:15px;line-height:1.9;color:#4d6560;margin-top:6px}

/* Reading hierarchy: body 16px, supporting copy 15px, notes 14px. */
.note,.price-note,.price-contact-sub,.hero-product figcaption,.dc-footnote,.comparison-sources,.verify-body p{font-size:14px!important;line-height:1.85}
.hero-desc,.lead,.price-benefits li,.faq-list details p,.content p,.content ul,.content ol{font-size:16px}
.hero-points{grid-template-columns:1fr}
.hero-points li{display:grid;grid-template-columns:22px 1fr;column-gap:9px;padding:11px 14px}
.hero-points .icon{grid-row:1/3;margin:3px 0 0}
.hero-points b{font-size:15px}
.hero-points span{font-size:14px}
.button{min-height:52px;font-size:16px}
.hero-actions .button{font-size:16px}
.nav nav .nav-cta{font-size:15px;min-height:46px;display:inline-flex;align-items:center}
.price-card>.button{max-width:440px;min-height:60px;font-size:18px}
.price-benefits{gap:12px 24px;max-width:760px}
.price-note{max-width:760px;margin-inline:auto;text-align:left}
.dc-stages button{min-height:68px}
.dc-stages small{font-size:13px}
.dc-chips span{color:#c4ded6}
@media(max-width:1080px){.nav nav{gap:16px}.nav nav a{font-size:14px}}
@media(max-width:760px){
 .hero-actions{align-items:stretch}.hero-actions .button{flex:1 1 100%}
 .hero-flow{gap:6px}.hero-flow span{padding:6px 8px}
 .dc-stages button{grid-template-columns:18px 1fr;gap:4px 6px;padding:10px 8px}
 .dc-stages .icon{display:none}.dc-stages small{grid-column:2}
 .comparison-table td{grid-template-columns:100px minmax(0,1fr)}
 .comparison-table td:before,.price-table td:before{font-size:13px}
 .price-card{padding:26px 20px}.price-benefits{gap:12px}
 .price-local-badges{grid-template-columns:1fr}
}
.content .release-entry { padding: 24px 0; border-bottom: 1px solid var(--line, #d4e0da); }
.content .release-entry header { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.content .release-entry h2 { font-size: 1.35rem; margin: 0; }
.content .release-entry time { font-size: .9rem; color: var(--muted, #526861); white-space: nowrap; }
.content .release-entry ul { padding-left: 22px; line-height: 1.8; }