:root{
  --bg:#FBFAF8;--bg2:#F3F1EC;--card:#FFFFFF;--line:#E8E5DE;--line2:#D5D0C6;
  --text:#1F1E1C;--soft:#6B6760;--faint:#9C978E;--ink:#1F1E1C;--on-ink:#FFFFFF;
  --accent:#E5484D;--maya:#E09B3D;--jordan:#4F7DF3;--wide:#BDB8AE;--ok:#1E7A4C;--ok-bg:#E7F4EC;
  --shadow:0 1px 2px rgba(31,30,28,.06),0 12px 40px -12px rgba(31,30,28,.18);
  --radius:14px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#141312;--bg2:#1B1A18;--card:#211F1E;--line:#302E2B;--line2:#46433F;
    --text:#ECEAE5;--soft:#A9A59D;--faint:#7E7A73;--ink:#ECEAE5;--on-ink:#141312;
    --accent:#FF6369;--wide:#6E6A63;--ok:#6FD39A;--ok-bg:#17311F;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 18px 50px -14px rgba(0,0,0,.7);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#141312;--bg2:#1B1A18;--card:#211F1E;--line:#302E2B;--line2:#46433F;
  --text:#ECEAE5;--soft:#A9A59D;--faint:#7E7A73;--ink:#ECEAE5;--on-ink:#141312;
  --accent:#FF6369;--wide:#6E6A63;--ok:#6FD39A;--ok-bg:#17311F;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 18px 50px -14px rgba(0,0,0,.7);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img,svg{display:block;max-width:100%}
h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;margin:0;letter-spacing:-.022em}
h1{font-size:clamp(40px,6.4vw,72px);line-height:1.02;font-weight:700;letter-spacing:-.04em}
h2{font-size:clamp(30px,4vw,46px);line-height:1.08;font-weight:700;letter-spacing:-.032em}
h3{font-size:19px;line-height:1.3;font-weight:650}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
section{padding:88px 0}
.center{text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--soft);background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 12px}
.eyebrow b{color:var(--text);font-weight:600}
.lead{color:var(--soft);font-size:19px;max-width:640px;margin-top:14px}
.center .lead,.lead.center{margin-left:auto;margin-right:auto}
.muted{color:var(--soft)}.faint{color:var(--faint)}
.small{font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease;cursor:pointer;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--ink);color:var(--on-ink)}
.btn-primary:hover{background:var(--soft)}
.btn-ghost{background:var(--card);border-color:var(--line2);color:var(--text)}
.btn-ghost:hover{background:var(--bg2)}
.btn-lg{height:54px;padding:0 26px;font-size:17px;border-radius:14px}
.btn svg{width:18px;height:18px}
.micro{font-size:14px;color:var(--faint);margin-top:14px}
.micro span+span::before{content:"\00b7";margin:0 8px;color:var(--line2)}
header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
header.scrolled{border-bottom-color:var(--line)}
.nav{display:flex;align-items:center;height:64px;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;text-decoration:none;letter-spacing:-.01em}
.brand img{width:28px;height:28px;border-radius:7px}
.nav nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:15px}
.nav nav a{text-decoration:none;color:var(--soft)}
.nav nav a:hover{color:var(--text)}
.nav .btn{height:38px;padding:0 14px;font-size:15px;border-radius:10px;color:var(--on-ink)}
@media (max-width:760px){.nav nav a:not(.btn){display:none}}
.hero{padding:64px 0 40px;text-align:center}
.hero h1{max-width:900px;margin:22px auto 0}
.hero .lead{font-size:20px;max-width:680px;margin:20px auto 0}
.hero .cta{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.rotate{display:inline-grid;vertical-align:bottom}
.rotate span{grid-area:1/1;opacity:0;transform:translateY(.35em);animation:rot 9s infinite}
.rotate span:nth-child(1){animation-delay:0s}.rotate span:nth-child(2){animation-delay:3s}.rotate span:nth-child(3){animation-delay:6s}
@keyframes rot{0%{opacity:0;transform:translateY(.35em)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-.35em)}}
.rotate .fcp{color:var(--text)}
.hl{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--accent) 22%,transparent) 62%)}
.stage{margin:54px auto 0;max-width:1080px;position:relative}
.stage::before{content:"";position:absolute;inset:-40px -60px auto;height:70%;background:radial-gradient(60% 60% at 50% 40%,color-mix(in srgb,var(--maya) 16%,transparent),transparent 70%),radial-gradient(40% 50% at 80% 30%,color-mix(in srgb,var(--jordan) 14%,transparent),transparent 70%);filter:blur(10px);z-index:-1}
.app{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;text-align:left;font-size:13px}
.app-bar{height:36px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--bg2)}
.app-bar i{width:11px;height:11px;border-radius:50%;background:#FF5F57}.app-bar i:nth-child(2){background:#FEBC2E}.app-bar i:nth-child(3){background:#28C840}
.app-bar span{margin:0 auto;font-size:12px;color:var(--faint);font-weight:600;padding-right:48px}
.app-body{display:grid;grid-template-columns:176px 1fr}
.app-side{background:var(--bg2);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:4px}
.app-side .ep{font-size:10px;letter-spacing:.08em;color:var(--faint);font-weight:700;margin:4px 6px 4px}
.app-side .epname{background:var(--card);border:1px solid var(--line);border-radius:7px;padding:6px 8px;font-weight:600;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-side .item{display:flex;justify-content:space-between;padding:7px 8px;border-radius:7px;font-weight:600}
.app-side .item em{font-style:normal;color:var(--faint);font-weight:500}
.app-side .item.on{background:var(--card);border:1px solid var(--line)}
.app-main{padding:18px 20px 16px;min-width:0}
.app-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.app-title{font-size:19px;font-weight:700;letter-spacing:-.02em}
.app-sub{color:var(--soft);font-size:12px;margin-top:2px}
.split{display:inline-flex;height:30px;border-radius:8px;overflow:hidden;background:var(--ink);color:var(--on-ink);font-weight:600;font-size:12px;flex-shrink:0}
.split span{display:flex;align-items:center;padding:0 12px}
.split b{width:28px;border-left:1px solid color-mix(in srgb,var(--on-ink) 25%,transparent);display:flex;align-items:center;justify-content:center}
.split b::after{content:"";width:6px;height:6px;border:solid var(--on-ink);border-width:0 1.6px 1.6px 0;transform:translateY(-2px) rotate(45deg)}
.monitor{display:grid;grid-template-columns:1fr 148px;gap:12px;margin-top:14px}
.program{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#1d1b22}
.program svg,.angle svg{position:absolute;inset:0;width:100%;height:100%}
.program .shot{opacity:0}
.program .shot.a{animation:camA 12s infinite}.program .shot.b{animation:camB 12s infinite}.program .shot.w{animation:camW 12s infinite}
.program .tag{position:absolute;left:10px;top:10px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;backdrop-filter:blur(6px)}
.program .tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#FF4D4F;box-shadow:0 0 0 3px rgba(255,77,79,.25)}
.angles{display:grid;grid-template-rows:repeat(3,1fr);gap:8px}
.angle{position:relative;border-radius:8px;overflow:hidden;background:#1d1b22;aspect-ratio:16/9}
.angle::after{content:"";position:absolute;inset:0;border-radius:8px;border:2px solid var(--accent);opacity:0}
.angle.a::after{animation:camA 12s infinite}.angle.b::after{animation:camB 12s infinite}.angle.w::after{animation:camW 12s infinite}
.angle small{position:absolute;left:6px;bottom:5px;color:#fff;font-size:10px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.6)}
@keyframes camA{0%,15.99%{opacity:1}16%,32.99%{opacity:0}33%,51.99%{opacity:1}52%,78.99%{opacity:0}79%,100%{opacity:1}}
@keyframes camB{0%,15.99%{opacity:0}16%,26.99%{opacity:1}27%,57.99%{opacity:0}58%,78.99%{opacity:1}79%,100%{opacity:0}}
@keyframes camW{0%,26.99%{opacity:0}27%,32.99%{opacity:1}33%,51.99%{opacity:0}52%,57.99%{opacity:1}58%,100%{opacity:0}}
.lanes{position:relative;margin-top:14px;display:grid;gap:8px}
.lane{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px}
.lane span{font-size:11px;color:var(--faint);text-align:right}
.bars{height:16px;border-radius:5px;background:var(--bg2)}
.bars.speaking{background:linear-gradient(90deg,var(--maya) 0 15%,transparent 15% 16%,var(--jordan) 16% 26.5%,transparent 26.5% 27%,var(--wide) 27% 33%,var(--maya) 33% 44%,var(--jordan) 44% 45%,var(--maya) 45% 51.5%,transparent 51.5% 52%,var(--wide) 52% 58%,var(--jordan) 58% 78.5%,transparent 78.5% 79%,var(--maya) 79% 100%);opacity:.55}
.bars.camera{background:linear-gradient(90deg,var(--maya) 0 16%,var(--jordan) 16% 27%,var(--wide) 27% 33%,var(--maya) 33% 52%,var(--wide) 52% 58%,var(--jordan) 58% 79%,var(--maya) 79% 100%)}
.playhead{position:absolute;top:-4px;bottom:-4px;left:72px;right:0;pointer-events:none}
.playhead::after{content:"";position:absolute;top:0;bottom:0;width:2px;border-radius:2px;background:var(--text);left:0;animation:play 12s linear infinite}
@keyframes play{from{left:0}to{left:calc(100% - 2px)}}
.legend{display:flex;gap:14px;margin-top:10px;padding-left:72px;font-size:11px;color:var(--soft)}
.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:0}
@media (max-width:820px){.app-body{grid-template-columns:1fr}.app-side{display:none}.monitor{grid-template-columns:1fr}.angles{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.split span{padding:0 8px}}
@media (max-width:520px){.app-head{flex-direction:column}.lane{grid-template-columns:52px 1fr}.playhead{left:62px}.legend{padding-left:0;flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.program .shot.a,.rotate span:first-child{opacity:1;transform:none}.angle.a::after{opacity:1}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-top:34px}
.stat{padding:24px 22px;border-left:1px solid var(--line)}
.stat:first-child{border-left:0}
.stat b{display:block;font-size:34px;letter-spacing:-.03em;line-height:1.1}
.stat span{color:var(--soft);font-size:15px}
@media (max-width:760px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px}
.step .num{width:28px;height:28px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--soft)}
.step p{color:var(--soft);font-size:16px}
.step .mini{margin-top:auto;padding-top:16px}
@media (max-width:900px){.steps{grid-template-columns:1fr}}
.files{display:grid;gap:7px}
.file{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:14px;background:var(--bg)}
.file b{font-weight:600}
.pill{font-size:12px;font-weight:600;border-radius:99px;padding:2px 9px;background:var(--ok-bg);color:var(--ok)}
.pill.gray{background:var(--bg2);color:var(--soft)}
.menu{border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:var(--shadow);padding:6px;font-size:14px;margin-top:8px;max-width:220px}
.menu div{padding:6px 10px 6px 28px;border-radius:6px;position:relative}
.menu .head{color:var(--faint);font-size:12px;padding-left:10px}
.menu .on::before{content:"";position:absolute;left:11px;top:9px;width:5px;height:9px;border:solid var(--text);border-width:0 2px 2px 0;transform:rotate(45deg)}
.menu div:not(.head):hover{background:var(--bg2)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.card .ic{width:36px;height:36px;border-radius:10px;background:var(--bg2);display:grid;place-items:center;margin-bottom:14px}
.card .ic svg{width:20px;height:20px;stroke:var(--text);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.card p{color:var(--soft);font-size:16px;margin-top:6px}
@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.grid{grid-template-columns:1fr}}
.row{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.row.flip{grid-template-columns:1.1fr 1fr}
.row.flip .copy{order:2}
.row .copy ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.row .copy li{padding-left:28px;position:relative;color:var(--soft)}
.row .copy li::before{content:"";position:absolute;left:4px;top:7px;width:6px;height:11px;border:solid var(--ok);border-width:0 2px 2px 0;transform:rotate(45deg)}
.row .copy li b{color:var(--text);font-weight:600}
@media (max-width:900px){.row,.row.flip{grid-template-columns:1fr;gap:32px}.row.flip .copy{order:0}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px;min-width:0}
.checks{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;font-weight:500;padding:4px 2px 14px;border-bottom:1px solid var(--line)}
.checks label{display:flex;align-items:center;gap:7px}
.box{width:16px;height:16px;border-radius:4px;border:1px solid var(--line2);background:var(--card);position:relative;flex-shrink:0}
.box.on{background:var(--ink);border-color:var(--ink)}
.box.on::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--on-ink);border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.wave{height:64px;margin:16px 0 8px;display:flex;align-items:center;gap:2px}
.wave i{flex:1;background:var(--line2);border-radius:2px;min-width:2px}
.wave i.cut{background:color-mix(in srgb,var(--accent) 35%,transparent)}
.cutlist{display:grid;gap:6px;font-size:14px;margin-top:12px}
.cutlist div{display:grid;grid-template-columns:18px 76px 56px 1fr;gap:10px;align-items:center;padding:6px 4px;border-bottom:1px solid var(--line)}
.cutlist div:last-child{border-bottom:0}
.cutlist span{color:var(--soft)}
.moments{display:grid;grid-template-columns:1fr 150px;gap:16px}
.mlist{display:grid;gap:2px;font-size:14px;min-width:0}
.mlist div{display:grid;grid-template-columns:24px 1fr 44px;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line)}
.mlist div:last-child{border-bottom:0}
.mlist .r{width:22px;height:22px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--soft)}
.mlist .r.top{background:var(--accent);color:#fff}
.mlist b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlist em{font-style:normal;color:var(--soft);text-align:right}
.phone{position:relative;aspect-ratio:9/16;border-radius:18px;overflow:hidden;border:5px solid #111;background:#1d1b22;align-self:center}
.phone svg{position:absolute;inset:0;width:100%;height:100%}
.phone .cap{position:absolute;left:8%;right:8%;bottom:14%;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;line-height:1.25;padding:6px 8px;border-radius:6px;text-align:center}
@media (max-width:520px){.moments{grid-template-columns:1fr}.phone{max-width:170px;margin:0 auto}}
.tabs{display:inline-flex;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px;margin-bottom:14px;flex-wrap:wrap}
.tabs button{appearance:none;border:0;background:transparent;color:var(--soft);font:inherit;font-size:14px;font-weight:600;padding:7px 12px;border-radius:9px;cursor:pointer}
.tabs button[aria-selected="true"]{background:var(--card);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.nle{border-radius:12px;overflow:hidden;border:1px solid #2a2a2e;background:#1e1e21;color:#cfcfd4;font-size:11px}
.nle-top{display:flex;justify-content:space-between;padding:8px 12px;background:#2a2a2e;color:#9a9aa2;font-weight:600}
.nle-tracks{padding:10px 12px 12px;display:grid;gap:6px;position:relative}
.trk{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center}
.trk>span{color:#77777f;font-weight:600}
.clips{position:relative;height:22px}
.clips i{position:absolute;top:0;bottom:0;border-radius:4px;background:var(--c);opacity:1}
.clips i.off{opacity:.22;background:repeating-linear-gradient(135deg,var(--c) 0 4px,transparent 4px 8px)}
.trk.aud .clips{height:30px;background:repeating-linear-gradient(90deg,#3b6e57 0 2px,#2f5a47 2px 3px);border-radius:4px;opacity:.9}
.nle[data-app="fcp"] .clips i{border-radius:5px}
.nle[data-app="fcp"]{--a:#5f7ee8}
.nle[data-app="premiere"]{--a:#9b7fd8}
.nle[data-app="premiere"] .clips i{border-radius:2px}
.nle[data-app="resolve"]{--a:#3c89c9}
.nle[data-app="resolve"] .clips i{border-radius:1px}
.nle .clips i{--c:var(--a)}
.nle-foot{padding:8px 12px;border-top:1px solid #2a2a2e;color:#9a9aa2}
table.matrix{width:100%;border-collapse:collapse;margin-top:28px;font-size:15px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.matrix th,.matrix td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left}
.matrix th{font-size:14px;color:var(--soft);font-weight:600;background:var(--bg2)}
.matrix td:not(:first-child),.matrix th:not(:first-child){text-align:center}
.matrix tr:last-child td{border-bottom:0}
.yes::before{content:"";display:inline-block;width:6px;height:11px;border:solid var(--ok);border-width:0 2px 2px 0;transform:rotate(45deg)}
.no{color:var(--faint)}
.beta{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--soft);background:var(--card);border:1px solid var(--line2);border-radius:5px;padding:1px 5px;margin-left:6px;vertical-align:1px}
@media (max-width:620px){.matrix{font-size:13px}.matrix th,.matrix td{padding:10px 8px}}
.scroll-x{overflow-x:auto}
.band{background:var(--ink);color:var(--on-ink);border-radius:22px;padding:56px 48px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.band p{color:color-mix(in srgb,var(--on-ink) 72%,transparent);font-size:18px;margin-top:14px}
.band ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.band li{display:flex;gap:12px;align-items:flex-start;font-weight:600}
.band li span{color:color-mix(in srgb,var(--on-ink) 65%,transparent);font-weight:400;display:block;font-size:15px}
.band li::before{content:"";flex-shrink:0;margin-top:3px;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--on-ink) 16%,transparent)}
@media (max-width:820px){.band{grid-template-columns:1fr;padding:40px 24px}}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px;align-items:stretch}
.plan{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px;display:flex;flex-direction:column;position:relative}
.plan.best{border:2px solid var(--ink);box-shadow:var(--shadow)}
.plan .tag{position:absolute;top:-12px;left:22px;background:var(--ink);color:var(--on-ink);font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px}
.plan h3{font-size:17px}
.plan .amount{font-size:44px;font-weight:700;letter-spacing:-.04em;margin-top:10px;line-height:1}
.plan .per{color:var(--soft);font-size:15px;margin-top:6px;min-height:22px}
.plan ul{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:8px;font-size:15px;color:var(--soft)}
.plan li{padding-left:22px;position:relative}
.plan li::before{content:"";position:absolute;left:3px;top:6px;width:5px;height:9px;border:solid var(--ok);border-width:0 2px 2px 0;transform:rotate(45deg)}
.plan .btn{margin-top:auto;width:100%}
.plan.found{background:linear-gradient(180deg,color-mix(in srgb,var(--maya) 10%,var(--card)),var(--card) 60%)}
@media (max-width:1000px){.plans{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.plans{grid-template-columns:1fr}}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:22px;color:var(--soft);font-size:14px}
.trust span{display:flex;align-items:center;gap:7px}
.trust svg{width:16px;height:16px;stroke:var(--ok);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.faq{max-width:780px;margin:36px auto 0;display:grid;gap:10px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 20px}
.faq summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:4px;top:24px;width:7px;height:7px;border:solid var(--soft);border-width:0 1.8px 1.8px 0;transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);top:27px}
.faq details p{color:var(--soft);padding:0 0 18px}
.closing{padding:96px 0}
.closing .box2{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:64px 24px;text-align:center;box-shadow:var(--shadow)}
footer{border-top:1px solid var(--line);padding:36px 0 48px;color:var(--soft);font-size:14px}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
.foot h4{margin:0 0 10px;font-size:13px;color:var(--text)}
.foot a{display:block;text-decoration:none;color:var(--soft);padding:3px 0}
.foot a:hover{color:var(--text)}
.foot a.brand{display:flex;color:var(--text)}
.fine{margin-top:28px;font-size:12px;color:var(--faint);line-height:1.6}
@media (max-width:760px){.foot{grid-template-columns:1fr 1fr}}
.page{max-width:760px;margin:0 auto;padding:64px 20px 96px}
.page h1{font-size:clamp(34px,5vw,52px)}
.page h2{font-size:24px;margin-top:40px;letter-spacing:-.02em}
.page p,.page li{color:var(--soft);font-size:17px}
.page p{margin-top:14px}
.page ul,.page ol{padding-left:22px;display:grid;gap:8px;margin-top:14px}
.page code{font:14px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.callout{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;margin-top:26px}
.req{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.req div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.req b{display:block;font-size:15px}.req span{color:var(--soft);font-size:14px}
@media (max-width:620px){.req{grid-template-columns:1fr}}
[hidden]{display:none!important}