:root{--header-h:72px;--sec-pad:64px;--on-dark:#f5f6f8;--on-dark-2:#c3c8d2;--on-dark-muted:#a9afbc;--on-dark-line:#f5f6f81f;--on-dark-line-strong:#f5f6f83d;--danger-on-dark:#ff9daa}@media (min-width:768px){:root{--sec-pad:88px}}@media (min-width:1024px){:root{--sec-pad:112px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html.menu-open{overflow:hidden}body{overflow-x:hidden}@keyframes live-pulse{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.4)}}html section[id],html main[id]{scroll-margin-top:var(--header-h)}html main:focus{outline:none}html .ic{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}html .ic--24{width:24px;height:24px}html .hero-grid,html .how-grid,html .dash-grid,html .demo-grid,html .faq-grid,html .cmp-grid,html .tiers,html .code-stack,html .cfg{grid-template-columns:minmax(0,1fr)}html .skip-link{z-index:200;top:var(--s3);left:var(--s3);border-radius:var(--r-control);background:var(--ink);color:#fff;padding:12px 16px;font-weight:600;text-decoration:none;position:absolute;transform:translateY(-200%)}html .skip-link:focus{transform:none}html .sec{padding-block:var(--sec-pad)}html .sec--white{background:var(--surface)}html .sec--dark{background:var(--dark);color:var(--on-dark)}html .sec--dark :is(h2,h3){color:var(--on-dark)}html .sec-head{gap:var(--s4);max-width:760px;margin-bottom:var(--s7);display:grid}html .sec-head--center{text-align:center;justify-items:center;margin-inline:auto}html .eyebrow{font:600 13px/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep)}html .sec--dark .eyebrow{color:var(--cobalt-on-dark)}html .h2{letter-spacing:-.03em;font-size:clamp(30px,4vw,46px);font-weight:600;line-height:1.1}html .lead{font-size:var(--t-18);color:var(--ink-2);max-width:62ch;line-height:1.6}html .sec--dark .lead{color:var(--on-dark-2)}html .btn-on-dark{--btn-bg:transparent;--btn-fg:var(--on-dark);--btn-border:var(--on-dark-line-strong)}@media (hover:hover){html .btn-on-dark:hover:not(:disabled,.is-loading){--btn-border:var(--on-dark);--btn-bg:#f5f6f80f}}html .site-header{z-index:100;transition:border-color var(--dur-2) var(--ease-out);background:#ffffffeb;border-bottom:1px solid #0000;position:sticky;top:0}html .site-header.is-scrolled{border-bottom-color:var(--hairline)}html .header-inner{align-items:center;gap:var(--s5);min-height:var(--header-h);max-width:1280px;display:flex}html .brand{border-radius:6px;flex:none;align-items:center;min-height:44px;display:inline-flex}html .brand img{width:140px;height:auto}html .main-nav{display:none}html .main-nav ul{gap:var(--s1);margin:0;padding:0;list-style:none;display:flex}html .main-nav a{border-radius:var(--r-control);min-height:44px;color:var(--ink-2);transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);align-items:center;padding:0 12px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){html .main-nav a:hover{color:var(--ink);background:var(--wash)}}html .header-actions{align-items:center;gap:var(--s2);margin-left:auto;display:flex}html .lang-switch>:is(button,a){letter-spacing:.02em;min-width:44px;padding:0 12px;font-weight:600}html .lang-switch>a{text-decoration:none}html .header-signin,html .header-demo{display:none}html .menu-btn{margin-right:-6px}html .menu-btn .ic-close,html .menu-btn[aria-expanded=true] .ic-open{display:none}html .menu-btn[aria-expanded=true] .ic-close{display:block}@media (min-width:640px){html .header-demo{display:inline-flex}}@media (min-width:1024px){html .main-nav{display:block}html .header-signin{display:inline-flex}html .menu-btn{display:none}html .header-inner{gap:var(--s4)}}@media (min-width:1024px) and (max-width:1180px){html .main-nav a{padding:0 8px;font-size:14px}html .brand img{width:120px}html .header-actions .tm-btn{padding:0 14px}}html .menu-sheet{z-index:99;left:0;right:0;top:var(--header-h);overscroll-behavior:contain;background:var(--surface);border-top:1px solid var(--hairline);position:fixed;bottom:0;overflow-y:auto}html .menu-sheet[hidden]{display:none}html .menu-sheet nav ul{margin:0;padding:0;list-style:none}html .menu-sheet nav a{min-height:60px;padding:0 var(--s1);border-bottom:1px solid var(--hairline);font:600 var(--t-20)/1.2 var(--f-display);letter-spacing:-.02em;color:var(--ink);justify-content:space-between;align-items:center;text-decoration:none;display:flex}html .menu-sheet nav a .ic{color:var(--muted)}html .sheet-inner{padding-block:var(--s5) var(--s7)}html .sheet-actions{gap:var(--s3);margin-top:var(--s6);display:grid}@media (min-width:640px){html .sheet-actions{grid-template-columns:1fr 1fr}}html .hero{padding-block:var(--s7) var(--sec-pad)}html .hero .tm-container{max-width:1280px}html .hero-grid{gap:var(--s7);align-items:center;display:grid}html .hero-copy{gap:var(--s5);justify-items:start;display:grid}html .hero-copy .tm-chip{background:var(--surface);white-space:normal;height:auto;min-height:32px;padding-block:6px;line-height:1.3}html .hero-copy .tm-chip .ic{width:16px;height:16px;color:var(--accent)}html .hero-title{letter-spacing:-.03em;overflow-wrap:break-word;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.04}html .hero-sub{font-size:var(--t-18);color:var(--ink-2);max-width:46ch;line-height:1.6}html .hero-ctas{gap:var(--s3);flex-wrap:wrap;display:flex}html .proof{gap:var(--s2) var(--s5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}html .proof li{align-items:center;gap:var(--s2);color:var(--ink-2);font-size:15px;display:inline-flex}html .proof .ic{width:18px;height:18px;color:var(--accent);stroke-width:2px}html .cfg{gap:var(--s3);min-width:0;display:grid}html .cfg-frame{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-media);box-shadow:var(--shadow-3);overflow:hidden}html .cfg-bar{justify-content:space-between;align-items:center;gap:var(--s3);border-bottom:1px solid var(--hairline);padding:10px 12px 10px 10px;display:flex}html .cfg-tabs{scrollbar-width:none;min-width:0;overflow-x:auto}html .cfg-tabs::-webkit-scrollbar{display:none}html .cfg-tabs>button{min-width:88px}@media (max-width:639px){html .cfg-bar{flex-wrap:wrap}html .cfg-tabs>button{min-width:0;padding:0 12px}}html .live{font:600 var(--t-12)/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--success);align-items:center;gap:8px;display:inline-flex}html .live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;position:relative}html .live-dot:after{content:"";border:1.5px solid var(--success);opacity:0;animation:live-pulse 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-4px}html .cfg-viewport{background:var(--paper);position:relative}html .cfg-viewport:focus-within{box-shadow:inset 0 0 0 3px #2747e873}html .cfg-viewport iframe{border:0;width:100%;height:760px;display:block}@media (min-width:900px){html .cfg-viewport iframe{height:clamp(560px,70vh,700px)}}html .cfg-caption{font-size:var(--t-14);color:var(--muted);padding-inline:var(--s1)}@media (min-width:1024px){html .hero{padding-top:var(--s8)}html .hero-grid{gap:var(--s8);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}html .cmp-grid{gap:var(--s5);display:grid}@media (min-width:900px){html .cmp-grid{gap:var(--s6);grid-template-columns:1fr 1fr}}html .cmp-panel{align-content:start;gap:var(--s6);padding:var(--s6) var(--s5);border-radius:var(--r-media);display:grid}@media (min-width:768px){html .cmp-panel{padding:var(--s7)}}html .cmp-panel--old{background:var(--wash);border:1px solid var(--hairline)}html .cmp-panel--new{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-2)}html .cmp-title{font-size:var(--t-24);letter-spacing:-.02em}html .cmp-panel--old .cmp-title{color:var(--ink-2)}html .cmp-panel--new .cmp-title{color:var(--accent-deep)}html .cmp-steps{gap:var(--s6);margin:0;padding:0;list-style:none;display:grid}html .cmp-steps li{gap:var(--s4);grid-template-columns:32px minmax(0,1fr);display:grid;position:relative}html .cmp-steps li:not(:last-child):before{content:"";top:40px;left:15.5px;bottom:calc(-1 * var(--s6) + 8px);background:var(--hairline-strong);width:1px;position:absolute}html .cmp-mark{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}html .cmp-panel--old .cmp-mark{border:1.5px solid var(--hairline-strong);color:var(--muted);background:var(--bg)}html .cmp-panel--old .cmp-mark:after{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}html .cmp-panel--new .cmp-mark{background:var(--accent);color:#fff}html .cmp-panel--new .cmp-mark .ic{stroke-width:2px;width:16px;height:16px}html .cmp-steps h4{font:600 var(--t-18)/1.35 var(--f-body);letter-spacing:-.01em;padding-top:4px}html .cmp-steps p{margin-top:var(--s1);color:var(--muted);max-width:52ch}html .cmp-panel--old h4,html .cmp-panel--new p{color:var(--ink-2)}html .how-grid{gap:var(--s7);display:grid}@media (min-width:1024px){html .how-grid{gap:var(--s8);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}html .how-steps{margin:0;padding:0;list-style:none;display:grid}html .how-steps li{gap:var(--s4);padding-block:var(--s5);border-top:1px solid var(--on-dark-line);grid-template-columns:64px minmax(0,1fr);display:grid}html .how-steps li:first-child{border-top:0;padding-top:0}html .how-num{font:600 40px/1 var(--f-display);letter-spacing:-.03em;color:var(--cobalt-on-dark);font-variant-numeric:tabular-nums}html .how-day{font:600 13px/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt-on-dark);margin-top:2px;display:block}html .how-steps h3{font-size:var(--t-20);letter-spacing:-.02em;margin-top:4px}html .how-steps p{margin-top:var(--s2);color:var(--on-dark-2);max-width:46ch}@media (min-width:1024px){html .how-num{font-size:var(--t-56)}html .how-steps li{grid-template-columns:88px minmax(0,1fr)}}html .code-stack{gap:var(--s5);min-width:0;display:grid}html .code-panel{background:var(--dark-2);border:1px solid var(--on-dark-line);border-radius:var(--r-card);min-width:0;overflow:hidden}html .code-head{justify-content:space-between;align-items:center;gap:var(--s3);min-height:52px;padding:6px 8px 6px var(--s4);border-bottom:1px solid var(--on-dark-line);font-size:var(--t-14);color:var(--on-dark-muted);display:flex}html .code-head .file{font-family:var(--f-mono);color:var(--on-dark-2);font-size:13px}html .code-panel .tm-code{padding:var(--s5) var(--s5);background:0 0;border-radius:0;font-size:13.5px;line-height:1.7}html .tk-k{color:var(--cobalt-on-dark)}html .tk-s{color:#c9d1ff}html .tk-n{color:#fff;font-weight:600}html .tk-c{color:#8f96a6;font-style:italic}html .tk-a{color:#e6e8ee}html .tk-p{color:#a9afbc}html .code-note{padding:0 var(--s5) var(--s4);color:var(--on-dark-muted);font-size:13px}html .code-note strong{color:var(--on-dark-2);font-weight:600}html .code-head .tag{font:600 var(--t-12)/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--cobalt-on-dark);padding-right:8px}html .need-list{gap:var(--s3);padding:var(--s5);margin:0;list-style:none;display:grid}html .need-list li{gap:var(--s3);color:var(--on-dark-2);grid-template-columns:20px minmax(0,1fr);font-size:15px;display:grid}html .need-list .ic{color:var(--cobalt-on-dark);stroke-width:2px;margin-top:2px}html .feat-grid{background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--r-card);grid-template-columns:minmax(0,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (min-width:768px){html .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){html .feat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}html .feat{align-content:start;gap:var(--s3);padding:var(--s6) var(--s5);background:var(--surface);display:grid}@media (min-width:768px){html .feat{padding:var(--s6)}}html .feat-ic{width:44px;height:44px;margin-bottom:var(--s2);border-radius:var(--r-control);background:var(--accent-tint);color:var(--accent);place-items:center;display:grid}html .feat-ic .ic{width:22px;height:22px}html .feat h3{font-size:var(--t-18);letter-spacing:-.015em;line-height:1.3}html .feat p{color:var(--muted);max-width:40ch}html .ind-grid{--od-cols:1;--od-gap:var(--s5)}@media (min-width:640px){html .ind-grid{--od-cols:2}}@media (min-width:1024px){html .ind-grid{--od-cols:3;--od-gap:var(--s6) var(--s5)}}html .ind-tile{gap:var(--s4)}html .ind-media{border-radius:var(--r-card);background:var(--hairline);position:relative;overflow:hidden}html .ind-media img{--od-ratio:4 / 3}html .ind-media .tm-badge{top:var(--s3);left:var(--s3);background:var(--surface);color:var(--accent-deep);box-shadow:var(--shadow-1);position:absolute}html .ind-body{gap:var(--s1);align-content:start;display:grid}html .ind-body h3{font-size:var(--t-20);letter-spacing:-.02em}html .ind-body p{color:var(--muted);font-size:var(--t-16)}html .ind-more{align-items:center;gap:var(--s3);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--hairline);font:600 var(--t-18)/1.4 var(--f-display);letter-spacing:-.01em;color:var(--ink-2);display:flex}html .ind-more .ic{color:var(--accent)}html .dash-grid{gap:var(--s7);align-items:center;display:grid}@media (min-width:1024px){html .dash-grid{gap:var(--s8);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}html .dash-copy{gap:var(--s5);justify-items:start;display:grid}html .check-list{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}html .check-list li{gap:var(--s3);color:var(--ink-2);grid-template-columns:20px minmax(0,1fr);display:grid}html .check-list .ic{color:var(--accent);stroke-width:2px;margin-top:2px}html .text-link{align-items:center;gap:var(--s2);min-height:44px;color:var(--accent-deep);text-underline-offset:.25em;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}html .text-link .ic{transition:transform var(--dur-1) var(--ease-out)}@media (hover:hover){html .text-link:hover{color:var(--ink)}html .text-link:hover .ic{transform:translate(3px)}}html .dash-mock{border:1px solid var(--hairline);border-radius:var(--r-media);background:var(--surface);box-shadow:var(--shadow-2);margin:0;font-size:13px;overflow:hidden}html .dm-bar{height:40px;padding:0 var(--s4);border-bottom:1px solid var(--hairline);background:var(--paper);align-items:center;gap:6px;display:flex}html .dm-bar i{background:var(--hairline-strong);border-radius:50%;width:10px;height:10px}html .dm-url{margin-left:var(--s3);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--hairline);color:var(--muted);padding:3px 10px;font-size:12px}html .dm-body{grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:560px){html .dm-body{grid-template-columns:168px minmax(0,1fr)}}html .dm-side{padding:var(--s4) var(--s3);border-right:1px solid var(--hairline);background:var(--paper);display:none}@media (min-width:560px){html .dm-side{align-content:start;gap:2px;display:grid}}html .dm-side img{width:28px;height:28px;margin:0 0 var(--s4) 6px}html .dm-nav{color:var(--ink-2);border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-weight:500;display:flex}html .dm-nav .ic{width:16px;height:16px;color:var(--muted)}html .dm-nav.is-active{background:var(--accent-tint);color:var(--accent-deep)}html .dm-nav.is-active .ic{color:var(--accent)}html .dm-main{gap:var(--s4);padding:var(--s4);min-width:0;display:grid}@media (min-width:560px){html .dm-main{padding:var(--s5)}}html .dm-head{justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}html .dm-h{font:600 var(--t-16)/1.2 var(--f-display);letter-spacing:-.01em}html .dm-kpis{--od-cols:3;--od-gap:var(--s2)}html .dm-kpi{border:1px solid var(--hairline);border-radius:12px;padding:10px 12px}html .dm-kpi span{color:var(--muted);font-size:12px}html .dm-kpi strong{font:600 var(--t-20)/1.2 var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}html .dm-chart{border:1px solid var(--hairline);border-radius:12px;gap:6px;padding:12px;display:grid}html .dm-chart span{color:var(--muted);font-size:12px}html .dm-chart svg{width:100%;height:64px}html .dm-leads{border:1px solid var(--hairline);border-radius:12px;display:grid;overflow:hidden}html .dm-lead{grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;display:grid}html .dm-lead+.dm-lead{border-top:1px solid var(--hairline)}html .dm-av{background:var(--bg);width:28px;height:28px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}html .dm-who{min-width:0;display:grid}html .dm-who b{color:var(--ink);font-weight:600}html .dm-who span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}html .tiers{gap:var(--s5);max-width:640px;margin-inline:auto;display:grid}@media (min-width:1024px){html .tiers{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;max-width:none}}html .tier{gap:var(--s4);padding:var(--s6);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-card);grid-template-rows:auto auto auto auto 1fr;display:grid}html .tier h3{justify-content:space-between;align-items:center;gap:var(--s2);font-size:var(--t-24);letter-spacing:-.02em;flex-wrap:wrap;display:flex}html .tier-badge{border-radius:var(--r-pill);height:26px;color:var(--cobalt-on-dark);font:600 var(--t-12)/1 var(--f-body);letter-spacing:.02em;background:#8fa2ff29;align-items:center;padding:0 10px;display:inline-flex}html .tier-price strong{font:600 var(--t-32)/1.1 var(--f-display);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}html .tier-price .per{font:500 var(--t-14)/1.3 var(--f-body);color:var(--muted);margin-left:4px}html .tier-desc{color:var(--ink-2);min-height:3.2em}html .tier-price{font:600 var(--t-18)/1.3 var(--f-display);color:var(--muted);padding-block:var(--s2);border-block:1px solid var(--hairline)}html .tier ul{gap:var(--s3);margin:var(--s2) 0 0;align-content:start;padding:0;list-style:none;display:grid}html .tier li{gap:var(--s3);color:var(--ink-2);grid-template-columns:20px minmax(0,1fr);font-size:15px;display:grid}html .tier li .ic{color:var(--accent);stroke-width:2px;margin-top:2px}html .tier--featured{background:var(--dark);border-color:var(--dark);box-shadow:var(--shadow-3);color:var(--on-dark)}html .tier--featured h3{color:var(--on-dark)}html .tier--featured .tier-desc,html .tier--featured li{color:var(--on-dark-2)}html .tier--featured .tier-price{color:var(--on-dark-muted);border-color:var(--on-dark-line)}html .tier--featured .tier-price strong{color:var(--on-dark)}html .tier--featured .tier-price .per{color:var(--on-dark-muted)}html .tier--featured li .ic{color:var(--cobalt-on-dark)}html .pricing-note{margin-top:var(--s6);text-align:center;color:var(--muted)}html .faq-grid{gap:var(--s6);display:grid}@media (min-width:1024px){html .faq-grid{gap:var(--s8);grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start}html .faq-grid .sec-head{top:calc(var(--header-h) + var(--s6));margin-bottom:0;position:sticky}}html .faq-list{border-top:1px solid var(--hairline-strong)}html .faq-item{border-bottom:1px solid var(--hairline-strong)}html .faq-item summary{justify-content:space-between;align-items:center;gap:var(--s4);min-height:64px;padding:var(--s4) var(--s1);font:600 var(--t-18)/1.4 var(--f-body);letter-spacing:-.01em;color:var(--ink);cursor:pointer;border-radius:var(--r-control);list-style:none;display:flex}html .faq-item summary::-webkit-details-marker{display:none}html .faq-item summary .ic{color:var(--ink-2);transition:transform var(--dur-2) var(--ease-out)}html .faq-item[open] summary .ic{transform:rotate(180deg)}@media (hover:hover){html .faq-item summary:hover .ic{color:var(--accent)}}html .faq-item .faq-a{padding:0 var(--s1) var(--s5);max-width:68ch;color:var(--ink-2)}html .demo-grid{gap:var(--s7);align-items:start;display:grid}@media (min-width:1024px){html .demo-grid{gap:var(--s8);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}}html .demo-copy{gap:var(--s4);display:grid}html .demo-title{letter-spacing:-.03em;font-size:clamp(34px,4.6vw,56px);font-weight:700;line-height:1.05}html .demo-card{padding:var(--s6) var(--s5);background:var(--dark-2);border:1px solid var(--on-dark-line);border-radius:var(--r-media)}@media (min-width:768px){html .demo-card{padding:var(--s7)}}html .demo-form{gap:var(--s5);display:grid}html .demo-form[hidden]{display:none}html .demo-fields{gap:var(--s5);display:grid}@media (min-width:640px){html .demo-fields{grid-template-columns:1fr 1fr}}html .demo-card .tm-label{color:var(--on-dark)}html .demo-card .tm-label .opt{color:var(--on-dark-muted);font-weight:400}html .demo-card .tm-required{color:var(--danger-on-dark)}html .demo-card .tm-help{color:var(--on-dark-muted)}html .demo-card :is(.tm-input,.tm-select){background-color:var(--dark);color:var(--on-dark);border-color:#6b7180}html .demo-card .tm-input::placeholder{color:#8f96a6}html .demo-card .tm-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23C3C8D2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html .demo-card .tm-select option{background:var(--dark-2);color:var(--on-dark)}@media (hover:hover){html .demo-card :is(.tm-input,.tm-select):hover:not(:focus,:disabled){border-color:var(--on-dark-2)}}html .demo-card :is(.tm-input,.tm-select):focus{border-color:var(--cobalt-on-dark);box-shadow:0 0 0 3px #8fa2ff59}html .demo-card :is(.tm-input,.tm-select)[aria-invalid=true]{border-color:var(--danger-on-dark)}html .demo-card :is(.tm-input,.tm-select)[aria-invalid=true]:focus{box-shadow:0 0 0 3px #ff9daa4d}html .demo-card .tm-error{color:var(--danger-on-dark)}html .demo-card .tm-error[hidden]{display:none}html .demo-foot{justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}html .demo-foot p{font-size:var(--t-14);color:var(--on-dark-muted);max-width:44ch}html .demo-alert{align-items:flex-start;gap:var(--s2);padding:var(--s3) var(--s4);border:1px solid var(--danger-on-dark);border-radius:var(--r-control);color:var(--danger-on-dark);font-size:var(--t-14);background:#ff9daa14;line-height:1.45;display:flex}html .demo-alert[hidden]{display:none}html .demo-alert .ic{margin-top:1px}html .hp-field{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}html .demo-success{gap:var(--s4);padding-block:var(--s5);justify-items:start;display:grid}html .demo-success[hidden]{display:none}html .demo-success:focus{outline:none}html .demo-success .ok{width:52px;height:52px;color:var(--cobalt-on-dark);background:#8fa2ff24;border-radius:50%;place-items:center;display:grid}html .demo-success .ok .ic{stroke-width:2px;width:26px;height:26px}html .demo-success h3{font-size:var(--t-24);letter-spacing:-.02em}html .demo-success p{color:var(--on-dark-2)}html .sec--dark :focus-visible{outline-color:var(--cobalt-on-dark)}html .site-footer{background:var(--surface);border-top:1px solid var(--hairline);padding-block:var(--s8) var(--s6)}html .foot-grid{gap:var(--s6);display:grid}@media (min-width:768px){html .foot-grid{grid-template-columns:minmax(0,1fr) auto;align-items:start}}html .foot-brand{gap:var(--s3);justify-items:start;display:grid}html .foot-brand img{width:140px;height:auto}html .foot-brand p{color:var(--muted);max-width:40ch}html .foot-links{gap:0 var(--s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}html .foot-links a{border-radius:var(--r-control);min-height:44px;color:var(--ink-2);align-items:center;padding:0 10px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){html .foot-links a:hover{color:var(--ink);background:var(--wash)}}@media (min-width:768px){html .foot-links{justify-content:flex-end}}html .foot-bottom{justify-content:space-between;gap:var(--s3);margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid var(--hairline);font-size:var(--t-14);color:var(--muted);flex-wrap:wrap;display:flex}html .js-reveal [data-reveal]{opacity:0;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);transform:translateY(12px)}html .js-reveal [data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html .js-reveal [data-reveal]{opacity:1;transform:none}html .live-dot:after{display:none}}