/* AKAR MKT — Direction B "Grid". All values come from tokens.css. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + var(--s4))}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);font-weight:var(--w-regular);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,p,figure,ul,ol{margin:0}
h1,h2,h3,p,li{overflow-wrap:break-word}
h2,h3{text-wrap:balance}
ul,ol{padding:0;list-style:none}
a{color:inherit}
img,svg,canvas{display:block;max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:var(--outline) solid var(--focus);outline-offset:var(--outline-offset)}
.on-dark :focus-visible,.site-footer :focus-visible{outline-color:var(--focus-dark)}
.skip{position:absolute;left:var(--s4);top:var(--skip-offset);z-index:50;padding:var(--s3) var(--s4);border-radius:var(--radius-sm);background:var(--navy);color:var(--paper);font-weight:var(--w-semibold)}
.skip:focus{top:var(--s4)}
.container{width:min(var(--container),100% - 2 * var(--gutter));margin-inline:auto}
.mono{font-family:var(--mono);font-size:var(--t-mono);font-weight:var(--w-medium);letter-spacing:var(--tr-mono);text-transform:uppercase}

/* Buttons and links */
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--button);padding:0 var(--s5);border:0;border-radius:var(--radius-sm);font-family:var(--sans);font-size:var(--t-body);font-weight:var(--w-semibold);line-height:1;letter-spacing:var(--tr-small);text-decoration:none;cursor:pointer;transition:background-color var(--motion) var(--ease),box-shadow var(--motion) var(--ease),color var(--motion) var(--ease)}
.button .arrow{font-family:var(--mono);transition:transform var(--motion) var(--ease)}
.button:hover .arrow{transform:translateX(var(--s1))}
.button-primary{background:var(--accent);color:var(--on-accent)}
.button-primary:hover{background:var(--accent-hover)}
.button-dark{background:var(--navy);color:var(--paper)}
.button-dark:hover{background:var(--navy-raised)}
.button-outline{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}
.button-outline:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.button-on-dark{background:var(--clear);color:var(--paper);box-shadow:inset 0 0 0 1px var(--line-dark)}
.button-on-dark:hover{box-shadow:inset 0 0 0 1px var(--on-dark)}
.button:disabled{opacity:.6;cursor:not-allowed}
.text-link{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--touch);color:var(--link);font-weight:var(--w-semibold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:var(--s1)}
.text-link:hover{text-decoration-thickness:var(--bar)}
.on-dark .text-link{color:var(--label-dark)}

/* Brand lockup (official symbol + AKAR wordmark from the AKAR GROUP kit; "MKT" descriptor) */
.brand{display:inline-flex;align-items:center;gap:var(--s3);min-height:var(--touch);text-decoration:none;color:var(--brand-desc)}
.brand-icon{width:var(--icon);height:var(--icon)}
.brand-rule{width:1px;align-self:stretch;margin-block:var(--s2);background:var(--divider)}
.brand-words{display:grid;justify-items:center;gap:var(--s1)}
.brand-word{height:var(--mark-h);width:auto}
.brand-desc{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-brand-desc);font-weight:var(--w-semibold);line-height:1;letter-spacing:var(--tr-brand);padding-left:var(--tr-brand)}
.brand-desc::before,.brand-desc::after{content:"";width:var(--s2);height:1px;background:currentColor}
.site-footer .brand{color:var(--brand-desc-dark)}
.site-footer .brand-rule{background:var(--brand-rule-dark)}

/* Header */
.site-header{position:sticky;top:0;z-index:20;background:var(--header-bg);backdrop-filter:saturate(1.4) blur(var(--blur));-webkit-backdrop-filter:saturate(1.4) blur(var(--blur));border-bottom:1px solid var(--line)}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s5);min-height:var(--header)}
.main-nav{display:flex;gap:var(--s6)}
.nav-link{display:inline-flex;align-items:center;min-height:var(--touch);font-size:var(--t-small);color:var(--ink-2);text-decoration:none}
.nav-link:hover{color:var(--ink)}
.header-actions{display:flex;align-items:center;gap:var(--s3)}
.header-cta{min-height:var(--touch);padding:0 var(--s4);font-size:var(--t-small)}
.menu-toggle{display:none;place-items:center;width:var(--touch);height:var(--touch);padding:0;border:0;border-radius:var(--radius-sm);background:var(--clear);color:var(--ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-strong)}
.menu-icon,.menu-icon::before,.menu-icon::after{display:block;width:var(--s5);height:1px;background:currentColor;transition:transform var(--motion) var(--ease)}
.menu-icon{position:relative}
.menu-icon::before,.menu-icon::after{content:"";position:absolute;left:0}
.menu-icon::before{transform:translateY(calc(-1 * var(--s2)))}
.menu-icon::after{transform:translateY(var(--s2))}
.menu-toggle[aria-expanded=true] .menu-icon{background:var(--clear)}
.menu-toggle[aria-expanded=true] .menu-icon::before{transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-icon::after{transform:rotate(-45deg)}

/* Language switch (header bar on desktop, inside the menu on smaller screens, and in the footer) */
.lang-switch{display:flex;align-items:center}
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--touch);border-radius:var(--radius-sm);font-family:var(--mono);font-size:var(--t-mono);font-weight:var(--w-semibold);letter-spacing:var(--tr-mono);color:var(--ink-3);text-decoration:none}
.lang-switch a:hover{color:var(--ink)}
.lang-switch a[aria-current=true]{color:var(--ink);box-shadow:inset 0 calc(-1 * var(--bar)) 0 var(--accent)}
.lang-in-menu{display:none}
.cta-short{display:none}
.footer-lang{margin-top:var(--s4);margin-left:calc(var(--s3) * -1)}
.footer-lang a{color:var(--on-dark-2)}
.footer-lang a:hover,.footer-lang a[aria-current=true]{color:var(--paper)}
.visually-hidden{position:absolute;width:var(--hair);height:var(--hair);margin:calc(var(--hair) * -1);padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Hero */
.hero{position:relative;overflow:hidden;padding-top:var(--s9)}
.hero-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero .container{position:relative}
.hero-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--s5)}
.tag{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);color:var(--ink-2)}
.tag-dot{width:var(--dot);height:var(--dot);border-radius:50%;background:var(--accent);box-shadow:var(--ring-accent)}
h1{grid-column:1/span 10;margin-top:var(--s5);font-size:var(--t-hero);font-weight:var(--w-bold);line-height:var(--lh-hero);letter-spacing:var(--tr-hero)}
h1 span{color:var(--accent-text)}
.lede{grid-column:1/span 6;margin-top:var(--s6);font-size:var(--t-lead);color:var(--ink-2)}
.cta-col{grid-column:8/span 5;align-self:end;margin-top:var(--s6)}
.ctas{display:flex;flex-wrap:wrap;gap:var(--s3)}
.price-note{margin-top:var(--s4);font-size:var(--t-small);color:var(--ink-2)}
.price-note b{margin-right:var(--s2);font-family:var(--mono);font-weight:var(--w-semibold);color:var(--ink)}

/* Channel strip */
.strip{position:relative;margin-top:var(--s8);padding:var(--s6) var(--s6) var(--s7);border-radius:var(--radius-lg);background:var(--navy);color:var(--paper)}
.strip-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s1) var(--s4);color:var(--label-dark)}
.strip-rule{width:var(--rule-w);height:var(--bar);margin-top:var(--s3);border-radius:var(--radius-xs);background:var(--brand-line)}
.flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5);margin-top:var(--s6);container-type:inline-size}
.flow::before{content:"";position:absolute;left:6%;right:6%;top:calc(var(--node) / 2);height:1px;background:linear-gradient(90deg,var(--clear),var(--label-dark) 12%,var(--label-dark) 88%,var(--clear));opacity:.45}
.flow-signal{position:absolute;left:6%;top:calc(var(--node) / 2 - var(--signal-size) / 2);width:var(--signal-size);height:var(--signal-size);border-radius:50%;background:var(--accent);box-shadow:var(--ring-accent);animation:signal var(--signal) linear infinite}
@keyframes signal{from{transform:translateX(0);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translateX(88cqw);opacity:0}}
.node{position:relative}
.pt{display:grid;place-items:center;width:var(--node);height:var(--node);border-radius:var(--radius);background:var(--navy-raised);box-shadow:inset 0 0 0 1px var(--line-dark);font-family:var(--mono);font-size:var(--t-mono);color:var(--label-dark)}
.node-highlight .pt{background:var(--accent);color:var(--on-accent);box-shadow:var(--ring-accent)}
.node .node-title{margin-top:var(--s4);font-size:var(--t-h4);font-weight:var(--w-semibold);letter-spacing:var(--tr-small)}
.node p{margin-top:var(--s2);font-size:var(--t-small);color:var(--on-dark)}

/* Sections */
.section{padding-block:var(--section)}
.section-alt{background:var(--paper-2)}
.label{display:inline-flex;align-items:center;gap:var(--s2);color:var(--ink-3)}
.label::before{content:"";width:var(--check);height:var(--check);border-radius:var(--radius-xs);background:var(--accent)}
.on-dark .label{color:var(--label-dark)}
h2{margin-top:var(--s4);font-size:var(--t-h2);font-weight:var(--w-bold);line-height:var(--lh-heading);letter-spacing:var(--tr-heading)}
h3{font-size:var(--t-h3);font-weight:var(--w-semibold);line-height:1.25;letter-spacing:var(--tr-small)}
.section-lead{margin-top:var(--s5);font-size:var(--t-lead);color:var(--ink-2);max-width:var(--reading)}
.on-dark .section-lead{color:var(--on-dark)}
.section-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s6);align-items:end;margin-bottom:var(--s7)}
.section-head .section-lead{margin-top:0}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s8);align-items:start}
.sticky{position:sticky;top:calc(var(--header) + var(--s6))}

/* Opportunity */
.principles{border-top:1px solid var(--line)}
.principle{display:grid;grid-template-columns:var(--col-num-sm) minmax(0,1fr);gap:var(--s5);padding-block:var(--s6);border-bottom:1px solid var(--line)}
.principle .mono,.service .mono{color:var(--link);padding-top:var(--s1)}
.principle p,.service p{margin-top:var(--s2);color:var(--ink-2)}

/* How it works (dark) */
.on-dark{background:var(--navy);color:var(--paper)}
.how .container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s5)}
.how-left{grid-column:1/span 5}
.how-right{grid-column:7/span 6}
.unit{display:grid;grid-template-columns:minmax(0,1fr) var(--unit-img);gap:var(--s4);margin-top:var(--s7);padding:var(--s4);border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-unit)}
.unit-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font-size:var(--t-caption);color:var(--ink-2)}
.unit-fav{display:grid;place-items:center;width:var(--s5);height:var(--s5);border-radius:var(--radius-sm);background:var(--navy);color:var(--paper);font-size:var(--t-mono);font-weight:var(--w-heavy)}
.unit-spons{margin-left:auto;color:var(--ink-3)}
.unit h3{margin:var(--s2) 0 var(--s1);font-size:var(--t-h4)}
.unit p{font-size:var(--t-small);color:var(--ink-2)}
.unit .unit-url{margin-top:var(--s2);font-size:var(--t-caption);color:var(--link)}
.unit-img{border-radius:var(--radius-sm);background:repeating-linear-gradient(135deg,var(--line) 0 var(--s2),var(--paper-2) var(--s2) var(--s4))}
.unit-cap{margin-top:var(--s3);font-size:var(--t-caption);color:var(--on-dark-2);max-width:var(--reading)}
.row{display:grid;grid-template-columns:var(--col-num) minmax(0,1fr);gap:var(--s5);padding-block:var(--s6);border-top:1px solid var(--line-dark)}
.rows .row:last-child{border-bottom:1px solid var(--line-dark)}
.row .mono{color:var(--label-dark);padding-top:var(--s1)}
.row p{margin-top:var(--s2);color:var(--on-dark)}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin-top:var(--s6)}
.fact{padding:var(--s4);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line-dark);font-size:var(--t-small);color:var(--on-dark)}
.fact .mono{display:block;margin-bottom:var(--s2);color:var(--label-dark)}
.source{margin-top:var(--s5);font-size:var(--t-caption);color:var(--on-dark-2)}

/* Services */
.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service{position:relative;padding:var(--s6) var(--s5) var(--s7);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background-color var(--motion) var(--ease)}
.service::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--bar);background:var(--brand-line);transform:scaleX(0);transform-origin:left;transition:transform var(--motion) var(--ease)}
.service:hover{background:var(--paper-2)}
.service:hover::before{transform:scaleX(1)}
.service h3{margin-top:var(--s5)}

/* Method */
.steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
.steps::before{content:"";position:absolute;left:0;right:0;top:calc(var(--node) / 2);height:1px;background:var(--line-strong)}
.step{position:relative}
.step .pt{background:var(--paper);color:var(--link);box-shadow:inset 0 0 0 1px var(--line-strong)}
.step h3{margin-top:var(--s5)}
.step p{margin-top:var(--s2);color:var(--ink-2);max-width:var(--reading)}

/* Pricing */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;padding:var(--s6);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.plan-pilot{background:var(--navy);color:var(--paper);box-shadow:none}
.plan-pilot::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--bar);background:var(--brand-line)}
.plan .mono{color:var(--link)}
.plan-pilot .mono{color:var(--label-dark)}
.plan h3{margin-top:var(--s3)}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s3);margin-top:var(--s5);font-size:var(--t-price);font-weight:var(--w-bold);line-height:1;letter-spacing:var(--tr-hero)}
.price span{font-family:var(--mono);font-size:var(--t-small);font-weight:var(--w-medium);letter-spacing:0;color:var(--ink-3)}
.plan-pilot .price span{color:var(--on-dark-2)}
.price-desc{margin-top:var(--s4);color:var(--ink-2)}
.plan-pilot .price-desc{color:var(--on-dark)}
.features{display:grid;gap:var(--s3);margin-block:var(--s5) var(--s6)}
.features li{display:flex;align-items:baseline;gap:var(--s3)}
.features li::before{content:"";flex:none;width:var(--check);height:var(--check);border-radius:var(--radius-xs);background:var(--accent);transform:translateY(calc(-1 * var(--radius-xs)))}
.plan .button{margin-top:auto;align-self:flex-start;padding-block:var(--s3);line-height:var(--lh-heading);text-align:center}
.media-note{display:grid;grid-template-columns:var(--col-num) minmax(0,1fr);gap:var(--s5);margin-top:var(--s5);padding:var(--s5);border-radius:var(--radius);background:var(--paper-2);color:var(--ink-2)}
.media-note .mono{color:var(--link);padding-top:var(--s1)}
.media-note strong{color:var(--ink)}

/* FAQ */
.faq-list{border-top:1px solid var(--line-strong)}
.faq-list details{border-bottom:1px solid var(--line-strong)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:var(--touch);padding-block:var(--s5);font-size:var(--t-h4);font-weight:var(--w-semibold);letter-spacing:var(--tr-small);cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";flex:none;display:grid;place-items:center;width:var(--summary-sign);height:var(--summary-sign);font-family:var(--mono);font-weight:var(--w-regular);color:var(--link)}
.faq-list details[open] summary::after{content:"–"}
.faq-list details p{padding-bottom:var(--s5);color:var(--ink-2);max-width:var(--reading)}

/* Contact */
.call-points{display:grid;gap:var(--s3);margin-top:var(--s6)}
.call-points li{display:flex;gap:var(--s3);align-items:baseline}
.call-points li::before{content:"";flex:none;width:var(--check);height:var(--check);border-radius:var(--radius-xs);background:var(--accent)}
.call-note{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line);font-size:var(--t-small);color:var(--ink-2)}
.contact-panel{padding:var(--s6);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-panel);border:1px solid var(--line)}
.form-heading{font-size:var(--t-h3)}
.form-note{margin-top:var(--s2);color:var(--ink-2);font-size:var(--t-small)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin-top:var(--s5)}
.form-grid label{display:block;font-size:var(--t-small);font-weight:var(--w-semibold)}
.form-grid input,.form-grid select,.form-grid textarea{display:block;margin-top:var(--s2)}
.form-grid .field-error{display:block;margin-top:var(--s1)}
.form-grid .full{grid-column:1/-1}
.optional{font-weight:var(--w-regular);color:var(--ink-3)}
input,select,textarea{width:100%;min-height:var(--input);padding:0 var(--s4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--t-body);font-weight:var(--w-regular)}
textarea{min-height:calc(var(--input) * 2);padding-block:var(--s3);resize:vertical}
select{appearance:none;padding-right:calc(var(--s4) * 2.5);background:var(--paper) url('/assets/chevron.svg') no-repeat right var(--s4) center/var(--chevron)}
input::placeholder,textarea::placeholder{color:var(--ink-3)}
input:hover,select:hover,textarea:hover{border-color:var(--ink-3)}
input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--link);outline-offset:1px}
[aria-invalid=true]{border-color:var(--error);background-color:var(--error-bg)}
.field-error{font-size:var(--t-caption);font-weight:var(--w-medium);color:var(--error)}
.consent{display:flex;align-items:flex-start;gap:var(--s3);margin-top:var(--s5);font-size:var(--t-small);cursor:pointer}
.consent input{appearance:none;-webkit-appearance:none;flex:none;width:var(--touch);height:var(--touch);min-height:0;margin:calc(var(--s3) * -1) 0 0 calc(var(--s3) * -1);padding:0;border:0;border-radius:var(--radius-sm);background:var(--clear) url('/assets/checkbox.svg') center/var(--checkbox) no-repeat;cursor:pointer}
.consent input:checked{background-image:url('/assets/checkbox-checked.svg')}
.consent input[aria-invalid=true]{background-color:var(--clear);background-image:url('/assets/checkbox-invalid.svg')}
.consent input[aria-invalid=true]:checked{background-image:url('/assets/checkbox-checked.svg')}
.consent span{padding-top:var(--s1)}
.form-privacy{margin-top:var(--s3);font-size:var(--t-caption);color:var(--ink-2)}
.form-privacy a{color:var(--link)}
.submit-button{width:100%;min-height:var(--input);margin-top:var(--s5)}
.form-status{margin-top:var(--s3);font-size:var(--t-small);color:var(--ink-2)}
.form-status:empty{margin:0}
.form-status[data-kind=error]{color:var(--error);font-weight:var(--w-medium)}
.success-panel{display:grid;gap:var(--s3);justify-items:start}
.contact-panel:has(#form-success:not([hidden])) :is(.form-heading,.form-note){display:none}
.success-panel:focus{outline:none}
.success-icon{display:grid;place-items:center;width:var(--node);height:var(--node);border-radius:50%;background:var(--success-bg);color:var(--success);font-weight:var(--w-heavy)}
.success-panel .mono{color:var(--success)}
.success-panel p{color:var(--ink-2)}
.receipt strong{font-family:var(--mono);color:var(--ink)}
.bot-field{position:absolute;left:var(--skip-offset)}

/* Footer */
.site-footer{position:relative;padding-block:var(--s8) var(--s6);background:var(--navy-deep);color:var(--on-dark)}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--bar);background:var(--brand-line)}
.footer-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s7)}
.footer-tagline{margin-top:var(--s4);max-width:var(--reading);color:var(--on-dark)}
.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:start;gap:var(--s1) var(--s6)}
.footer-links a{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--touch);font-size:var(--t-small);color:var(--paper);text-decoration:none}
.footer-links a:hover{text-decoration:underline}
.footer-bottom{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s7);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--line-dark);font-size:var(--t-caption);color:var(--on-dark-2)}

/* Legal and reference pages */
.legal-main{width:min(var(--reading),100% - 2 * var(--gutter));margin-inline:auto;padding-block:var(--s8) var(--s9)}
.legal-main h1{margin-top:var(--s4);font-size:var(--t-h2);line-height:var(--lh-heading);letter-spacing:var(--tr-heading)}
.legal-main h2{margin-top:var(--s7);font-size:var(--t-h3);letter-spacing:var(--tr-small)}
.legal-main p{margin-top:var(--s3);color:var(--ink-2)}
.legal-main .legal-date{margin-top:var(--s3);color:var(--ink-3)}
.legal-main .button{margin-top:var(--s7)}
.legal-list{display:grid;gap:var(--s3);margin-top:var(--s4);padding-left:var(--s5);list-style:disc;color:var(--ink-2)}
.legal-list strong{color:var(--ink)}
.legal-main .legal-note{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line);font-size:var(--t-small);color:var(--ink-3)}
.legal-main code{font-family:var(--mono);font-size:var(--t-small);color:var(--ink)}
.nf-block + .nf-block{margin-top:var(--s7);padding-top:var(--s6);border-top:1px solid var(--line)}
.nf-block h1,.nf-block h2{margin-top:var(--s3);font-size:var(--t-h3)}
.sg-section{margin-top:var(--s7)}
.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--s10) + var(--s6)),1fr));gap:var(--s3);margin-top:var(--s4)}
.swatch{padding:var(--s7) var(--s3) var(--s3);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-caption);font-weight:var(--w-semibold)}
.swatch code{display:block;font-family:var(--mono);font-weight:var(--w-regular)}
.sw-navy{background:var(--brand-navy);color:var(--paper)}
.sw-cyan{background:var(--brand-cyan);color:var(--on-accent)}
.sw-orange{background:var(--brand-orange);color:var(--ink)}
.sw-purple{background:var(--brand-purple);color:var(--paper)}
.sw-blue{background:var(--brand-blue);color:var(--paper)}
.sw-dark{background:var(--brand-dark);color:var(--paper)}
.sg-row{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center;margin-top:var(--s4)}
.sg-dark{padding:var(--s5);border-radius:var(--radius);background:var(--navy-deep)}
.sg-field{display:grid;gap:var(--s2);margin-top:var(--s4);font-size:var(--t-small);font-weight:var(--w-semibold)}

/* Responsive */
@media(max-width:1100px){
 h1{grid-column:1/-1}
 .lede{grid-column:1/span 7}
 .cta-col{grid-column:1/-1}
 .how-left{grid-column:1/span 5}
 .how-right{grid-column:6/span 7}
 .main-nav{gap:var(--s5)}
 .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
 .plan-call{grid-column:1/-1}
}
@media(max-width:900px){
 .hero-top{grid-template-columns:minmax(0,1fr)}
 h1{font-size:var(--t-hero-phone)}
 h2,.legal-main h1{font-size:var(--t-h2-phone)}
 .price{font-size:var(--t-price-phone)}
 .main-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;gap:0;padding:var(--s2) var(--gutter) var(--s4);background:var(--paper);border-bottom:1px solid var(--line)}
 .main-nav.is-open{display:flex}
 .nav-link{font-size:var(--t-body);border-bottom:1px solid var(--line)}
 .menu-toggle{display:inline-grid}
 .lang-bar{display:none}
 .main-nav .lang-in-menu{display:flex;gap:var(--s2);margin-top:var(--s3);margin-left:calc(var(--s3) * -1)}
 .hero{padding-top:var(--s7)}
 .lede{grid-column:1/-1;margin-top:var(--s5)}
 .cta-col{margin-top:var(--s5)}
 .strip{margin-top:var(--s7);padding:var(--s5) var(--s4) var(--s6)}
 .flow{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
 .flow::before{left:calc(var(--node) / 2);right:auto;top:var(--s2);bottom:var(--s2);width:1px;height:auto;background:linear-gradient(180deg,var(--clear),var(--label-dark) 8%,var(--label-dark) 92%,var(--clear))}
 .flow-signal{display:none}
 .node{display:grid;grid-template-columns:var(--node) minmax(0,1fr);grid-template-rows:auto auto;gap:var(--s1) var(--s4)}
 .node .pt{grid-row:1/span 2}
 .node .node-title{margin-top:var(--s2)}
 .node p{grid-column:2;margin-top:0}
 .section-head,.split,.plans,.footer-top,.footer-bottom{grid-template-columns:minmax(0,1fr);gap:var(--s5)}
 .sticky{position:static}
 .how .container{grid-template-columns:minmax(0,1fr)}
 .how-left,.how-right{grid-column:1/-1}
 .how-right{margin-top:var(--s5)}
 .services{grid-template-columns:repeat(2,minmax(0,1fr))}
 .steps{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
 .steps::before{left:calc(var(--node) / 2);right:auto;top:0;bottom:0;width:1px;height:auto}
 .step{display:grid;grid-template-columns:var(--node) minmax(0,1fr);gap:var(--s1) var(--s4)}
 .step .pt{grid-row:1/span 2}
 .step h3{margin-top:var(--s2)}
 .step p{grid-column:2}
 .footer-links{justify-content:flex-start}
}
@media(max-width:600px){
 .header-cta .cta-long{display:none}
 .header-cta .cta-short{display:inline}
 .ctas .button{flex:1 1 100%}
 .services{grid-template-columns:minmax(0,1fr)}
 .principle,.row,.media-note{grid-template-columns:minmax(0,1fr);gap:var(--s2)}
 .facts,.form-grid{grid-template-columns:minmax(0,1fr)}
 .unit{grid-template-columns:minmax(0,1fr) var(--unit-img-sm)}
 .plan,.contact-panel{padding:var(--s5)}
 .plan .button{align-self:stretch}
 .steps::before{display:none}
 .step{grid-template-columns:minmax(0,1fr)}
 .step .pt{grid-row:auto}
 .step p{grid-column:auto}
}
@media(max-width:360px){
 .brand-rule{display:none}
 .brand{gap:var(--s2)}
 .header-cta{padding:0 var(--s3)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{transition:none!important;animation:none!important}
 .flow-signal{display:none}
}