/* TeleRads shared styles for inner pages. Base, nav and footer G are copied from /index.html; inner-page components follow. */
:root{--paper:#f6f8f7;--card:#fff;--sunk:#eef3f1;--ink:#0e2944;--ink-2:#2b4157;--slate:#5a6c7c;--mute:#8a99a6;--line:#e1e8e5;--line-2:#d2ddd8;--teal:#16866d;--glow:#3ec1a1;--mint:#dcf2ea;--butter:#f7eaa9;
--display:"Fraunces",Georgia,serif;--body:"Onest","Helvetica Neue",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;color-scheme:light}
*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
p,h1,h2,h3{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.mono{font-family:var(--mono)}
:root{--serif:var(--display);--sans:var(--body);--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(16px,4vw,48px);--r-xl:28px;--pacs:#0a1f34;--alert:#f08a3c}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--paper)}
body{margin:0;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.pg-anchor,.s11-anchor{scroll-margin-top:92px}
#faq{scroll-margin-top:92px}
.blk{padding-top:clamp(64px,8vw,112px)}
.blk-first{padding-top:clamp(28px,4vw,48px)}
.site-foot{padding-block:clamp(64px,8vw,112px) 28px}
.navbar{position:sticky;top:0;z-index:50;padding:14px clamp(16px,4vw,40px)}
.navpill{position:relative;-webkit-backdrop-filter:blur(14px)}
.sheet{display:none;max-width:960px;margin:8px auto 0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -20px rgba(14,41,68,.35);padding:10px 12px 14px;max-height:calc(100vh - 110px);overflow:auto}
.sheet.open{display:grid}
.sheet .sh{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin:10px 8px 4px}
.sheet a{padding:10px 8px;border-radius:10px;font-size:16px;color:var(--ink);text-decoration:none}
.sheet a:hover{background:var(--sunk)}
.sheet a.cta{color:#fff;text-align:center;margin-top:10px;font-size:15px;padding:13px 16px}
.burger{cursor:pointer}
@media (min-width:821px){.sheet,.sheet.open{display:none}}
@media (max-width:420px){.navpill .cta{display:none}}
.navbar{padding-block:14px}
.navpill{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 18px;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px -18px rgba(14,41,68,.35);position:relative}
.logo{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.02em;text-decoration:none;color:var(--ink);display:flex;align-items:center;margin-right:auto}.logo>span,.logo>sup{display:inline-block}.logo-mark{width:38px;height:38px;border-radius:9px;margin-right:10px;flex:none}.s12 .logo .logo-mark{width:34px;height:34px}
.logo i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--glow);margin:0 1px}
.logo span{color:var(--teal)}.logo .tm{font-family:var(--body,sans-serif);font-size:.42em;font-weight:600;color:var(--teal);margin-left:1px;align-self:auto;line-height:0;position:relative;top:-.62em;vertical-align:baseline}
.menu{display:flex;position:relative;gap:2px}
.hl{position:absolute;top:0;height:100%;border-radius:10px;background:var(--sunk);transition:left .25s cubic-bezier(.3,.7,.2,1),width .25s cubic-bezier(.3,.7,.2,1),opacity .2s;opacity:0;pointer-events:none}
.menu button,.menu a{position:relative;z-index:1;font:500 14px var(--body);color:var(--ink-2);background:none;border:0;padding:9px 13px;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-flex;gap:5px;align-items:center}
.menu svg{width:12px;height:12px;transition:transform .2s}
.menu button[aria-expanded=true] svg{transform:rotate(180deg)}
.cta{font:600 14px var(--body);background:var(--ink);color:#fff;border-radius:11px;padding:11px 16px;text-decoration:none;white-space:nowrap}
.panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-4px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -20px rgba(14,41,68,.35);padding:14px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;width:min(540px,92vw);z-index:5}
.panel.on{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.pane{display:none;grid-template-columns:1fr 1fr;gap:4px}
.pane.on{display:grid}
.pane a{display:grid;gap:2px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink)}
.pane a:hover{background:var(--sunk)}
.pane b{font-weight:600;font-size:14px}
.pane small{color:var(--slate);font-size:12.5px}
.burger{display:none;background:none;border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;font:500 13px var(--body);color:var(--ink)}
@media (max-width:820px){.menu{display:none}.burger{display:inline-block}.cta{padding:10px 12px;font-size:13px}}
.ph{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.2vw,38px);letter-spacing:-.02em;line-height:1.05}
.psub{color:var(--slate);margin-top:8px;max-width:56ch}
@media (max-width:440px){#nav .cta{font-size:12.5px;padding:8px 11px;white-space:normal;max-width:132px;text-align:center;line-height:1.15}#nav{gap:8px}}
.s12{font-family:var(--body);color:var(--ink)}
.s12 p,.s12 ul{margin:0}
.s12 ul{padding:0;list-style:none}
.s12 a:focus-visible,.s12 button:focus-visible,.s12 summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.s12 .logo{margin-right:0;display:inline-flex;font-size:24px}
.s12-tag{font-size:16px;line-height:1.5;color:var(--ink-2);margin-top:8px!important}
.s12-h{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-bottom:12px!important}
.s12-col ul{display:flex;flex-direction:column;gap:9px}
.s12-col a{color:inherit;text-decoration:none;font-size:15.5px}
.s12-col a:hover,.s12-legal a:hover{text-decoration:underline;text-underline-offset:3px}
.s12-mail{font-family:var(--mono);font-size:14px;user-select:all;-webkit-user-select:all;overflow-wrap:anywhere}
.s12-mailto{font-size:14px!important;text-decoration:underline!important;text-underline-offset:3px}
.s12-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-top:20px;margin-top:30px;font-size:13.5px}
.s12-legal a{color:inherit}
.s12-lg{display:flex;flex-wrap:wrap;gap:6px 18px}
.s12-lg a{text-decoration:none}
.s12b-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:30px 36px}
.s12b-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px!important;padding-top:22px;border-top:1px solid var(--line)}
.s12b-pills li{border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);background:var(--card)}
@media (max-width:900px){.s12b-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.s12b-brand{grid-column:1/-1}}
@media (max-width:520px){.s12b-grid{grid-template-columns:minmax(0,1fr)}}
@keyframes s12ping{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(3)}}
.s12g{background:var(--paper);border-top:1px solid var(--ink);padding:26px 0 22px}
.s12g-clock{padding-bottom:28px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.s12g-cap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 20px}
.s12g-cap .s12-h{margin-bottom:10px!important}
.s12g-247{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--teal);margin-bottom:10px!important}
.s12g-track{position:relative;padding-top:34px}
.s12g-bar{position:relative;height:30px;border-radius:8px;background:var(--card);border:1px solid var(--line-2);overflow:hidden}
.s12g-band{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding-left:8px;overflow:hidden}
.s12g-band b{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.04em;white-space:nowrap;color:var(--ink)}
.s12g-on{background:rgba(22,134,109,.30)}
.s12g-ev{background:rgba(62,193,161,.30)}
.s12g-dy{background:var(--mint)}
.s12g-we{background:repeating-linear-gradient(135deg,var(--mint) 0 3px,#fff 3px 6px);border:1px solid #c6e7da}
.s12g-all{background:linear-gradient(90deg,rgba(22,134,109,.30),var(--mint),rgba(22,134,109,.30))}
.s12g-now{position:absolute;top:0;bottom:-4px;left:0;width:0;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.7,.2,1)}
.s12g-pin{position:absolute;left:-1px;top:24px;bottom:0;width:2px;background:var(--ink);border-radius:2px}
.s12g-pin::before{content:"";position:absolute;left:-4px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--glow);border:2px solid var(--ink)}
.s12g-lbl{position:absolute;top:0;left:0;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:11.5px;font-weight:500;color:#fff;background:var(--ink);border-radius:6px;padding:3px 8px}
.s12-anim.s12g:not(.s12-in) .s12g-now{opacity:0;translate:0 -8px}
.s12g-ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;color:var(--slate);margin-top:6px}
.s12g-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px!important;font-size:14px;color:var(--ink-2)}
.s12g-legend li{display:inline-flex;align-items:center;gap:7px}
.s12g-legend i{width:14px;height:10px;border-radius:3px;display:inline-block}
.s12g .s12-col a{color:var(--ink-2)}
.s12g .s12-contact{display:flex;flex-direction:column;gap:3px}
.s12g .s12-mailto{color:var(--teal)}
.s12g .s12-legal{border-top:1px solid var(--line);margin-top:22px;color:var(--slate)}
.s12g .s12-legal a{color:var(--ink-2)}
@media (max-width:640px){.s12g-band b{display:none}}
@media (prefers-reduced-motion:reduce){.s12-anim *,.s12-anim{transition:none!important;animation:none!important}}
.s12g-bar{height:40px}
.s12g-bar .s12g-band{top:0;bottom:12px}
.s12g-lane{position:absolute;bottom:2px;height:8px;border-radius:4px;background:var(--glow)}
.s12g-legend i.s12g-lane-key{position:static;height:6px;border-radius:3px;background:var(--glow)}
.s12g-legend small{font-family:var(--mono);font-size:11px;color:var(--slate)}
.pg-anchor,#faq{scroll-margin-top:92px}
.s12g-lbl{max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}

/* ---------- Inner pages ---------- */
.ph em,.ih1 em{font-style:italic;font-weight:600;color:var(--teal)}
.inner main{display:block}
.ihero{padding:clamp(36px,6vw,80px) 0 clamp(8px,2vw,20px)}
.kick{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13.5px;font-weight:500;color:var(--ink-2)}
.kick .dot{width:22px;height:22px;border-radius:50%;background:var(--mint);display:grid;place-items:center}
.kick .dot::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--glow)}
.kick.draft .dot{background:var(--butter)}.kick.draft .dot::after{background:#c9a227}
.ih1{font-family:var(--display);font-weight:700;font-size:clamp(38px,5.4vw,66px);line-height:1.02;letter-spacing:-.025em;margin:22px 0 18px;max-width:16ch;overflow-wrap:break-word}
.isub{font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:var(--ink-2);max-width:40em}
.ictas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:600;font-size:15px;padding:13px 22px;border:1px solid transparent;cursor:pointer;transition:transform .3s var(--ease),background .3s,border-color .3s;line-height:1.2;text-decoration:none;font-family:var(--body)}
.btn-p{background:var(--ink);color:#fff;box-shadow:0 10px 24px -12px rgba(14,41,68,.6)}
.btn-p:hover{background:#163a5e;transform:translateY(-1px)}
.btn-s{background:var(--card);color:var(--ink);border-color:var(--line-2)}
.btn-s:hover{border-color:var(--teal);transform:translateY(-1px)}
.btn-t{background:var(--teal);color:#fff}
.btn-t:hover{background:#127560;transform:translateY(-1px)}
.btn .arr{transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateX(3px)}
.trust{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--ink-2)}
.trust li,.ticks li{display:flex;align-items:flex-start;gap:9px}
.trust li::before,.ticks li::before{content:"";width:18px;height:18px;margin-top:2px;border-radius:50%;flex:none;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316866d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat}
.sec{padding-top:clamp(56px,7vw,96px)}
.eye{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.shead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 40px;align-items:end;margin-bottom:28px}
.shead .psub{margin:0}
@media (max-width:820px){.shead{grid-template-columns:minmax(0,1fr)}}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.cards.c2{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 22px;display:flex;flex-direction:column;gap:10px;scroll-margin-top:100px;min-width:0}
.card h3{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.015em;line-height:1.15}
.card p{color:var(--ink-2)}
.card .hrs{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal)}
.card .who{font-size:15px;color:var(--slate)}
.card .who b{color:var(--ink);font-weight:600}
.card:target{border-color:var(--teal);box-shadow:0 0 0 3px var(--mint)}
.ticks{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px;font-size:15.5px;color:var(--ink-2)}
.inc{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:0 28px;list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.inc li{display:flex;gap:12px;padding:16px 2px;border-bottom:1px solid var(--line);font-size:16px}
.inc li b{display:block;font-weight:600}
.inc li span{color:var(--slate);font-size:15px}
.inc li::before{content:"";width:22px;height:22px;margin-top:1px;border-radius:50%;flex:none;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316866d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
@media (max-width:820px){.two{grid-template-columns:minmax(0,1fr)}}
.panel2{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,34px);min-width:0}
.panel2 h3{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:-.015em;margin-bottom:8px}
.panel2>p{color:var(--ink-2);margin-bottom:16px}
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:tl}
.tl li{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 20px;position:relative;min-width:0}
.tl li::before{content:"";position:absolute;left:20px;right:20px;top:0;height:3px;border-radius:0 0 3px 3px;background:var(--glow)}
.tl .when{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.tl h3{font-family:var(--display);font-weight:700;font-size:21px;margin:6px 0 8px;letter-spacing:-.01em}
.tl p{color:var(--ink-2);font-size:15.5px}
@media (max-width:900px){.tl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.tl{grid-template-columns:minmax(0,1fr)}}
.steps{list-style:none;margin:0;padding:0;counter-reset:st;display:grid;gap:0;border-top:2px solid var(--ink)}
.steps li{counter-increment:st;display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.steps li::before{content:counter(st,decimal-leading-zero);font-family:var(--mono);font-size:13px;color:var(--teal);padding-top:4px}
.steps b{display:block;font-weight:600;font-size:17px}
.steps span{color:var(--slate)}
.cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.case{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.case figure{margin:0;background:var(--pacs);aspect-ratio:4/3;overflow:hidden}
.case img{width:100%;height:100%;object-fit:cover;display:block}
.case .cb{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.case .ex{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate)}
.case h3{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.01em}
.case dl{margin:0;display:grid;gap:8px}
.case dt{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.case dd{margin:0;color:var(--ink-2);font-size:15px}
.case dd.imp{color:var(--ink);font-weight:600}
.tag{align-self:flex-start;margin-top:auto;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);background:var(--sunk);border:1px solid var(--line-2);border-radius:999px;padding:4px 10px}
.rcpt{background:#fff;border:1px solid var(--line-2);border-radius:6px;padding:26px 24px;font-family:var(--mono);font-size:13.5px;color:var(--ink);box-shadow:0 30px 60px -40px rgba(14,41,68,.45);max-width:460px;width:100%;justify-self:center}
.rcpt .rh{text-align:center;border-bottom:1px dashed var(--line-2);padding-bottom:14px;margin-bottom:10px}
.rcpt .rh b{font-family:var(--display);font-size:22px;letter-spacing:-.01em}
.rcpt .rh small{display:block;color:var(--slate);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
.rcpt .rl{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dotted var(--line-2)}
.rcpt .rl span:last-child{color:var(--teal);text-align:right;font-weight:500}
.rcpt .rt{display:flex;justify-content:space-between;gap:12px;padding:14px 0 4px;font-weight:700;font-size:14.5px;border-top:2px solid var(--ink);margin-top:8px}
.rcpt .rn{color:var(--slate);font-size:11.5px;margin-top:8px}
.pr-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:900px){.pr-grid{grid-template-columns:minmax(0,1fr)}}
.faqg{display:grid;gap:14px}
.faqg+.eye{margin-top:44px}
.qa{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.qa h3{font-weight:600;font-size:18px;line-height:1.35;margin-bottom:6px}
.qa p{color:var(--ink-2)}
.band{margin-top:clamp(64px,8vw,104px);background:var(--ink);color:#fff;border-radius:28px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 36px;align-items:center}
.band h2{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.02em;line-height:1.08}
.band h2 em{font-style:italic;font-weight:600;color:var(--glow)}
.band p{color:#c9d6df;margin-top:10px;max-width:46ch}
.band .btn-w{background:#fff;color:var(--ink)}
.band .btn-w:hover{background:var(--mint);transform:translateY(-1px)}
@media (max-width:760px){.band{grid-template-columns:minmax(0,1fr)}.band .btn{width:100%}}
.form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px}
.form .full{grid-column:1/-1}
.form label,.form legend{display:block;font-weight:500;font-size:14.5px;margin-bottom:6px;color:var(--ink)}
.form input[type=text],.form input[type=email],.form input[type=tel],.form textarea,.form select{width:100%;font:16px var(--body);color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:12px 14px}
.form textarea{min-height:120px;resize:vertical}
.form input:focus,.form textarea:focus,.form select:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)}
.form fieldset{border:0;margin:0;padding:0;min-width:0}
.form .opts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px}
.form .opts label{display:inline-flex;align-items:center;gap:7px;font-weight:400;margin:0}
.form .opts input{accent-color:var(--teal);width:17px;height:17px}
.form .note{font-size:13.5px;color:var(--slate)}
.form button{justify-self:start}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:620px){.form{grid-template-columns:minmax(0,1fr)}.form button{width:100%}}
.mailbox{display:flex;flex-direction:column;gap:6px}
.mailbox .addr{font-family:var(--mono);font-size:clamp(18px,2.4vw,24px);color:var(--ink);user-select:all;-webkit-user-select:all;overflow-wrap:anywhere}
.draftnote{background:var(--butter);border-radius:14px;padding:14px 18px;font-size:15.5px;color:var(--ink);margin-top:22px;max-width:44em}
.legal-sec{border-top:1px solid var(--line);padding:22px 0}
.legal-sec h2{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.01em}
.legal-sec p{color:var(--slate);margin-top:6px;font-size:15px}
.prose{max-width:44em;color:var(--ink-2);font-size:17px}
.prose p+p{margin-top:12px}
.menu a[aria-current=page]{background:var(--sunk);color:var(--ink)}
.js .fi{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .fi.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .fi{opacity:1;transform:none;transition:none}.btn{transition:none}}

/* ---------- Polish 2026-10-11: art, icons, guides, and 21st.dev-inspired interaction (vanilla ports) ---------- */
/* Hero art (inline SVG / one real scan on the stroke guide) */
.ihero.has-art .wrap{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,27vw,360px);column-gap:clamp(28px,4vw,64px);align-items:center}
.ihero.has-art .wrap>*:not(.iart){grid-column:1;justify-self:start}
.ihero.has-art .wrap>.ictas{justify-self:stretch}
.ihero.has-art .iart{grid-column:2;grid-row:1/span 8;align-self:center}
.iart{margin:0;width:100%;max-width:360px;position:relative}
.iart .ia-svg{display:block;width:100%;height:auto}
.iart-img .iart-ring{border-radius:50%;overflow:hidden;aspect-ratio:1;background:var(--pacs);box-shadow:0 0 0 10px var(--mint),0 0 0 11px var(--line-2),0 30px 60px -36px rgba(14,41,68,.55)}
.iart-img img{width:100%;height:100%;object-fit:cover;display:block}
.iart-img .tag{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);background:var(--card)}
@media (max-width:900px){.ihero.has-art .wrap{display:block}.ihero.has-art .iart{display:none}}
.js .ia-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:iaDraw 1.6s var(--ease) .25s forwards}
@keyframes iaDraw{to{stroke-dashoffset:0}}
.ia-pulse{transform-origin:180px 180px;animation:iaPulse 2.4s var(--ease) 1s 2 both}
@keyframes iaPulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3.2)}}

/* Line icons on cards */
.ico{width:42px;height:42px;border-radius:12px;background:var(--mint);color:var(--teal);display:grid;place-items:center;flex:none;transition:background .4s var(--ease),color .4s var(--ease)}
.card .ico,.tl li .ico{margin-bottom:4px}
.card:hover .ico,.tl li:hover .ico{background:var(--ink);color:var(--glow)}

/* Standards marquee (port of magicui Marquee): slow, pauses on hover/focus */
.mq{margin-top:clamp(28px,4vw,48px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-t{display:flex;width:max-content;animation:mq 70s linear infinite}
.mq:hover .mq-t,.mq:focus-within .mq-t{animation-play-state:paused}
.mq ul{list-style:none;margin:0;padding:0;display:flex;flex:none}
.mq li{display:flex;align-items:center;gap:12px;padding:13px 26px 13px 0;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.mq li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--glow);box-shadow:0 0 0 4px var(--mint)}
@keyframes mq{to{transform:translateX(-50%)}}

/* Spotlight cards (port of Spotlight Card): soft glow follows the pointer */
.spot{position:relative;isolation:isolate}
.spot::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .45s var(--ease);
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(62,193,161,.16),transparent 60%)}
.spot::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s var(--ease);padding:1px;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(22,134,109,.55),transparent 65%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
@media (hover:hover){.spot:hover::before,.spot:hover::after{opacity:1}}

/* Timeline scroll progress (port of Scroll Progress) */
.tl-track{position:relative;height:3px;border-radius:3px;background:var(--line);margin:0 0 18px;overflow:hidden}
.tl-track i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--teal),var(--glow));border-radius:3px}
.js .tl.tl-live li::before{background:var(--line-2);transition:background .5s var(--ease)}
.js .tl.tl-live li.on::before{background:var(--glow)}
.js .tl.tl-live li .when{transition:color .5s var(--ease)}

/* Smooth accordion for FAQ cards (port of Accordion) */
.qa.acc{padding:0;transition:border-color .3s var(--ease),box-shadow .3s var(--ease)}
.qa.acc h3{margin:0}
.qa-b{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;font:600 18px/1.35 var(--body);color:var(--ink);border-radius:18px}
.qa-b:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.qa-b .pm{flex:none;width:26px;height:26px;margin-top:-1px;border-radius:50%;background:var(--mint);position:relative;transition:background .3s var(--ease),transform .4s var(--ease)}
.qa-b .pm::before,.qa-b .pm::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;background:var(--teal);border-radius:2px;transition:transform .4s var(--ease)}
.qa-b .pm::after{transform:rotate(90deg)}
.qa.acc.open .pm{background:var(--ink)}
.qa.acc.open .pm::before{background:var(--glow)}
.qa.acc.open .pm::after{transform:rotate(0);background:var(--glow)}
.qa-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.qa-a>div{overflow:hidden}
.qa-a>div>p{padding:0 22px 20px}
.qa.acc.open .qa-a{grid-template-rows:1fr}
.qa.acc:hover{border-color:var(--line-2)}
.qa.acc.open{border-color:var(--teal);box-shadow:0 0 0 3px var(--mint)}

/* Case images: gentle tilt + zoom (port of Tilt) */
.case figure{position:relative;perspective:900px}
.case figure img{transition:transform .6s var(--ease);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--sc,1));will-change:transform}
@media (hover:hover){.case:hover figure img{--sc:1.05}}

/* Shimmer on the primary CTA (port of Shimmer Button): one sweep on view, one on hover */
.btn-p{position:relative;overflow:hidden;isolation:isolate}
.btn-p::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(62,193,161,.38),transparent);transform:translateX(0) skewX(-18deg);opacity:0}
.btn-p.shine::after{animation:shine 1.3s var(--ease) .3s 1}
@media (hover:hover){.btn-p:hover::after{animation:shine 1.1s var(--ease) 1}}
@keyframes shine{0%{opacity:1;transform:translateX(0) skewX(-18deg)}100%{opacity:1;transform:translateX(420%) skewX(-18deg)}}

/* Related guides block on inner pages */
.guides-rel{padding-top:clamp(48px,6vw,80px)}
.guides-rel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;border-top:2px solid var(--ink);padding-top:16px}
.guides-rel a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-weight:500;text-decoration:none;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.guides-rel a::after{content:"\2192";color:var(--teal);transition:transform .3s var(--ease)}
.guides-rel a:hover{border-color:var(--teal);transform:translateY(-1px)}
.guides-rel a:hover::after{transform:translateX(3px)}

/* Footer: Guides column */
.s12b-grid{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr))}
@media (max-width:900px){.s12b-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:520px){.s12b-grid{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion:reduce){
  .js .ia-draw{animation:none;stroke-dashoffset:0}.ia-pulse{animation:none;opacity:0}
  .mq-t{animation:none;width:auto}.mq ul[aria-hidden]{display:none}.mq ul{flex-wrap:wrap;justify-content:center}.mq{-webkit-mask-image:none;mask-image:none}
  .qa-a,.qa-b .pm,.qa-b .pm::before,.qa-b .pm::after{transition:none}
  .case figure img{transition:none;transform:none!important}
  .btn-p::after{display:none}.spot::before,.spot::after,.ico,.guides-rel a,.guides-rel a::after{transition:none}
}