:root{--bg:#ffffff;--bg-alt:#fafafa;--bg-soft:#f5f5f5;--surface:#ffffff;--line:#ececec;--line-soft:#f2f2f2;--ink-900:#0a0a0a;--ink-800:#171717;--ink-700:#404040;--ink-600:#525252;--ink-500:#737373;--ink-400:#a3a3a3;--ink-300:#d4d4d4;--ink-200:#e5e5e5;--ink-100:#f5f5f5;--ink-50:#fafafa;--g-1:#6366f1;--g-2:#8b5cf6;--g-3:#ec4899;--grad:linear-gradient(135deg,var(--g-1) 0%,var(--g-2) 50%,var(--g-3) 100%);--grad-soft:linear-gradient(135deg,rgba(99,102,241,0.10),rgba(139,92,246,0.10) 50%,rgba(236,72,153,0.10));--grad-glow:radial-gradient(circle at 50% 0%,rgba(139,92,246,0.18) 0%,rgba(99,102,241,0.10) 30%,transparent 60%);--accent:#6366f1;--accent-soft:rgba(99,102,241,0.08);--c-blue:#3b82f6;--c-emerald:#10b981;--c-amber:#f59e0b;--c-violet:#8b5cf6;--brand-1:#6366f1;--brand-2:#ec4899;--brand-grad:var(--grad);--c-blue-bg:rgba(37,99,235,0.08);--c-emerald-bg:rgba(5,150,105,0.08);--c-amber-bg:rgba(217,119,6,0.08);--c-violet-bg:rgba(124,58,237,0.08);--paper:#ffffff;--ink-25:#fafafa;--fs-base:16px;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--container:1120px;--shadow-xs:0 1px 0 rgba(10,10,10,0.04);--shadow-sm:0 1px 2px rgba(10,10,10,0.04);--shadow:0 4px 16px -8px rgba(10,10,10,0.10);--shadow-lg:0 12px 32px -16px rgba(10,10,10,0.14);--t-fast:140ms cubic-bezier(.4,0,.2,1);--t-med:240ms cubic-bezier(.4,0,.2,1);--t-slow:420ms cubic-bezier(.22,1,.36,1)}:root[data-theme=dark]{--bg:#0a0a0a;--bg-alt:#0e0e0e;--bg-soft:#141414;--surface:#111111;--line:#1f1f1f;--line-soft:#181818;--ink-900:#fafafa;--ink-800:#f5f5f5;--ink-700:#d4d4d4;--ink-600:#a3a3a3;--ink-500:#8a8a8a;--ink-400:#737373;--ink-300:#404040;--ink-200:#2a2a2a;--ink-100:#1f1f1f;--ink-50:#141414;--ink-25:#111111;--g-1:#818cf8;--g-2:#a78bfa;--g-3:#f472b6;--grad:linear-gradient(135deg,var(--g-1) 0%,var(--g-2) 50%,var(--g-3) 100%);--grad-soft:linear-gradient(135deg,rgba(129,140,248,0.14),rgba(167,139,250,0.14) 50%,rgba(244,114,182,0.14));--grad-glow:radial-gradient(circle at 50% 0%,rgba(167,139,250,0.22) 0%,rgba(129,140,248,0.12) 30%,transparent 60%);--accent:#818cf8;--accent-soft:rgba(129,140,248,0.12);--paper:#111111;--brand-1:#818cf8;--brand-2:#f472b6;--brand-grad:var(--grad);--c-blue:#60a5fa;--c-emerald:#34d399;--c-amber:#fbbf24;--c-violet:#a78bfa;--c-blue-bg:rgba(96,165,250,0.10);--c-emerald-bg:rgba(52,211,153,0.10);--c-amber-bg:rgba(251,191,36,0.10);--c-violet-bg:rgba(167,139,250,0.10);--shadow-xs:0 1px 0 rgba(0,0,0,0.4);--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow:0 4px 16px -8px rgba(0,0,0,0.7);--shadow-lg:0 12px 32px -16px rgba(0,0,0,0.8);color-scheme:dark}:root{color-scheme:light}*,:after,:before{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.6;color:var(--ink-700);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";position:relative;isolation:isolate}body:before{content:"";position:absolute;top:0;left:0;right:0;height:720px;background:var(--grad-glow);pointer-events:none;z-index:-1;filter:blur(8px)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}ul{list-style:none;padding:0;margin:0}h1,h2,h3,h4,h5{margin:0 0 .5em;color:var(--ink-900);letter-spacing:-.02em;line-height:1.15;font-weight:600}h1{font-size:clamp(2.75rem,6vw,5rem);letter-spacing:-.04em;line-height:1.04}h1,h2{font-weight:500}h2{font-size:clamp(1.875rem,3.6vw,2.75rem);letter-spacing:-.03em;line-height:1.1}h3{font-size:1.0625rem;letter-spacing:-.015em}h3,h4{font-weight:600}h4{font-size:1rem;letter-spacing:-.01em}h5{font-size:.875rem;font-weight:600;letter-spacing:0}p{margin:0 0 1em;color:var(--ink-500)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.5rem}.section{padding:clamp(5rem,10vw,8rem) 0}.section-head{max-width:640px;margin:0 auto 4rem;text-align:center}.section-head h2{margin:.75rem 0}.section-lead{font-size:1.0625rem;color:var(--ink-500);margin:0;line-height:1.55}.section-lead.on-dark{color:rgba(255,255,255,.6)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink-900);color:var(--bg);padding:.75rem 1rem;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0;z-index:1000}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;letter-spacing:.02em;border:1px solid var(--line);padding:.3rem .7rem .3rem .55rem;border-radius:999px}.eyebrow,.eyebrow-light{color:var(--ink-600);background:transparent}.eyebrow-on-dark{background:transparent;border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.7)}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 3px var(--accent-soft)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;font-weight:500;font-size:.875rem;letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),opacity var(--t-fast);white-space:nowrap}.btn-lg{padding:.75rem 1.35rem;font-size:.9375rem}.btn-primary{position:relative;color:#fff;background:var(--grad);background-size:160% 160%;background-position:0 50%;border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px -10px rgba(99,102,241,.45);transition:background-position var(--t-slow),box-shadow var(--t-med),transform var(--t-fast)}.btn-primary:hover{background-position:100% 50%;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px -10px rgba(236,72,153,.5)}[data-theme=dark] .btn-primary{color:#0a0a0a;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 24px -10px rgba(129,140,248,.55)}[data-theme=dark] .btn-primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 28px -10px rgba(244,114,182,.6)}.btn-secondary{color:var(--ink-900);background:transparent;border-color:var(--line)}.btn-secondary:hover{border-color:var(--ink-900);background:var(--ink-50)}.btn-ghost{color:var(--ink-700);background:transparent}.btn-ghost:hover{color:var(--ink-900)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:border-color var(--t-med),background var(--t-med),-webkit-backdrop-filter var(--t-med);transition:border-color var(--t-med),background var(--t-med),backdrop-filter var(--t-med);transition:border-color var(--t-med),background var(--t-med),backdrop-filter var(--t-med),-webkit-backdrop-filter var(--t-med)}.site-header,.site-header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}.site-header.scrolled{background:var(--bg);border-bottom-color:var(--line)}.header-inner{display:flex;align-items:center;gap:2rem;height:68px}.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--ink-900)}.brand-logo{display:block;height:32px;width:auto;transition:filter var(--t-fast)}[data-theme=dark] .brand-logo{filter:brightness(0) invert(1)}.brand-mark{display:inline-flex;flex:none}.brand-mark svg{display:block;width:36px;height:auto}.brand-text{display:inline-flex;flex-direction:column;line-height:1;gap:4px}.brand-name{font-size:1rem;font-weight:700;letter-spacing:-.02em;color:var(--ink-900)}.brand-sub{font-size:.56rem;font-weight:500;letter-spacing:.26em;color:var(--ink-400);text-transform:uppercase}.brand-on-dark .brand-name{color:#fff}.brand-on-dark .brand-sub{color:rgba(255,255,255,.5)}.brand path[fill="#0B2154"]{fill:currentColor}.brand-on-dark path[fill="#0B2154"],.brand-on-dark path[fill="#7BA0FF"]{fill:#fff}.brand path[stroke="#0EA5E9"]{stroke:var(--ink-400)}[data-theme=dark] .brand path[stroke="#0EA5E9"]{stroke:var(--ink-500)}.primary-nav{flex:1 1;display:flex;justify-content:center}.primary-nav>ul{display:inline-flex;align-items:center;gap:.15rem}.primary-nav .nav-link{display:inline-flex;align-items:center;gap:.25rem;padding:.45rem .8rem;border-radius:8px;background:transparent;border:0;color:var(--ink-500);font-weight:500;font-size:.875rem;cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.primary-nav .nav-link:hover{color:var(--ink-900)}.has-menu{position:relative}.has-menu .caret{transition:transform var(--t-fast);opacity:.55}.has-menu.open .caret{transform:rotate(180deg)}.mega-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);min-width:460px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.25rem;gap:.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:.5rem;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--t-med),transform var(--t-med)}.has-menu.open .mega-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-item{display:flex;align-items:center;gap:.8rem;padding:.75rem .85rem;border-radius:10px;transition:background var(--t-fast)}.mega-item:hover{background:var(--ink-50)}.mega-icon{width:36px;height:36px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--mi-bg,var(--ink-50));color:var(--mi-fg,var(--ink-700))}.mi-blue{--mi-bg:rgba(59,130,246,0.10);--mi-fg:var(--c-blue)}.mi-emerald{--mi-bg:rgba(16,185,129,0.10);--mi-fg:var(--c-emerald)}.mi-amber{--mi-bg:rgba(245,158,11,0.12);--mi-fg:var(--c-amber)}.mi-violet{--mi-bg:rgba(139,92,246,0.10);--mi-fg:var(--c-violet)}[data-theme=dark] .mi-blue{--mi-bg:rgba(96,165,250,0.14)}[data-theme=dark] .mi-emerald{--mi-bg:rgba(52,211,153,0.14)}[data-theme=dark] .mi-amber{--mi-bg:rgba(251,191,36,0.16)}[data-theme=dark] .mi-violet{--mi-bg:rgba(167,139,250,0.16)}.mega-title{font-weight:600;color:var(--ink-900);font-size:.875rem}.mega-desc{font-size:.75rem;color:var(--ink-500)}.header-actions{gap:.35rem}.header-actions,.theme-toggle{display:inline-flex;align-items:center}.theme-toggle{justify-content:center;width:36px;height:36px;border-radius:999px;background:transparent;border:1px solid transparent;color:var(--ink-500);cursor:pointer;transition:color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.theme-toggle:hover{color:var(--ink-900);background:var(--ink-50)}.theme-toggle:active{transform:scale(.94)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:inline-block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.theme-toggle-mobile{width:100%;height:44px;margin-top:.5rem;gap:.5rem;border-radius:10px;border:1px solid var(--line);font-weight:500;font-size:.9375rem}.theme-toggle-label{font-size:.9375rem}.hamburger{display:none;width:38px;height:38px;background:transparent;border:1px solid var(--line);border-radius:8px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}.hamburger span{width:16px;height:1.5px;background:var(--ink-700);border-radius:2px;transition:transform var(--t-fast),opacity var(--t-fast)}.hamburger[aria-expanded=true] span:first-child{transform:translateY(5.5px) rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.mobile-nav{display:none;background:var(--bg);border-top:1px solid var(--line)}.mobile-nav nav{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:0}.mobile-nav a,.mobile-nav summary{display:block;padding:.9rem .25rem;font-weight:500;font-size:.9375rem;color:var(--ink-800);border-bottom:1px solid var(--line-soft);cursor:pointer}.mobile-nav details ul{padding-left:1rem;padding-top:.25rem}.mobile-nav details ul li a{font-weight:400;color:var(--ink-500);font-size:.875rem;padding:.55rem .25rem;border-bottom:0}.mobile-actions{display:flex;gap:.5rem;padding-top:1.25rem}.mobile-actions .btn{flex:1 1}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(4rem,8vw,6rem) 0}.hero-bg,.hero-glow,.hero-grid{display:none}.hero-inner{position:relative;z-index:1;text-align:center;max-width:880px;margin:0 auto}.hero-title{margin:1.5rem auto 1.25rem;max-width:20ch}.hero-title br{display:none}.hero-sub{max-width:620px;margin:0 auto 2.5rem;font-size:1.125rem;color:var(--ink-500);line-height:1.55}.hero-cta{gap:.5rem;margin-bottom:3rem}.hero-cta,.hero-products{display:inline-flex;flex-wrap:wrap;justify-content:center}.hero-products{gap:.35rem;align-items:center}.hp-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem .35rem .55rem;border-radius:999px;background:transparent;border:1px solid var(--line);font-size:.75rem;font-weight:500;color:var(--ink-700);transition:border-color var(--t-fast),color var(--t-fast)}.hp-chip:hover{border-color:var(--ink-400);color:var(--ink-900)}.hp-chip span{width:6px;height:6px;border-radius:50%;background:var(--ink-400)}.hp-chip[data-tag=qd] span{background:var(--c-blue)}.hp-chip[data-tag=gr] span{background:var(--c-emerald)}.hp-chip[data-tag=np] span{background:var(--c-amber)}.hp-chip[data-tag=ne] span{background:var(--c-violet)}.hp-soon{font-size:.75rem;color:var(--ink-400);padding-left:.25rem}.trust{padding:2.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-soft)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem}.trust-item{text-align:left;padding:0 .25rem}.trust-num{font-size:1.25rem;font-weight:600;letter-spacing:-.025em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.25rem;line-height:1.1}.trust-label{font-size:.75rem;color:var(--ink-500);font-weight:400;line-height:1.4}.products .section-head{text-align:left;max-width:none;margin-bottom:3.5rem}.products .section-head h2{max-width:16ch}.products .section-lead{max-width:56ch}.products-carousel{position:relative}.product-grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0;scroll-padding:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 72%,transparent);mask-image:linear-gradient(90deg,#000 0,#000 72%,transparent)}.product-grid::-webkit-scrollbar{display:none}.product-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;display:grid;grid-template-columns:52px 1fr;grid-column-gap:1.25rem;column-gap:1.25rem;align-items:start;transition:border-color var(--t-med),box-shadow var(--t-med),transform var(--t-med);overflow:hidden;flex:0 0 70%;scroll-snap-align:start;scroll-snap-stop:always}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-700);cursor:pointer;box-shadow:var(--shadow);transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast),opacity var(--t-fast),transform var(--t-fast)}.carousel-btn:hover{border-color:var(--ink-300);color:var(--ink-900)}.carousel-btn:active{transform:translateY(-50%) scale(.96)}.carousel-btn[aria-disabled=true],.carousel-btn[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.carousel-prev{left:-22px}.carousel-next{right:-22px}@media (max-width:1200px){.carousel-prev{left:6px}.carousel-next{right:6px}}.product-card>.pc-top{display:contents}.product-card .pc-icon{grid-column:1;grid-row:1/span 99;align-self:start}.product-card>.pc-top>.pc-tag,.product-card>.pc-top>.pc-tags-group{grid-column:2;margin-bottom:.75rem}.product-card>.pc-desc,.product-card>.pc-features,.product-card>.pc-meta,.product-card>.pc-regions,.product-card>.pc-tag-line,.product-card>.pc-title{grid-column:2;min-width:0}.product-card:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;transition:opacity var(--t-med);pointer-events:none}.product-card{border-color:transparent}.product-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(99,102,241,.28)}.product-card:hover:after{opacity:1}[data-theme=dark] .product-card:hover{box-shadow:0 18px 40px -24px rgba(129,140,248,.45)}.pc-top{display:flex;gap:1rem;margin-bottom:1.25rem;position:relative;z-index:1}.pc-icon,.pc-top{align-items:center}.pc-icon{width:36px;height:36px;display:inline-flex;justify-content:center;border-radius:9px;background:var(--icon-bg,var(--ink-50));color:var(--icon-fg,var(--ink-700));transition:background var(--t-med),color var(--t-med)}.pc-icon svg{width:22px;height:22px}.pc-icon-img{width:52px;height:52px;background:transparent;border-radius:10px;overflow:hidden;padding:0}.pc-icon-img img{width:100%;height:100%;object-fit:contain;display:block}.product-card.pc-noicon{grid-template-columns:1fr}.product-card.pc-noicon .pc-tag,.product-card.pc-noicon .pc-tags-group,.product-card.pc-noicon>.pc-desc,.product-card.pc-noicon>.pc-features,.product-card.pc-noicon>.pc-hero,.product-card.pc-noicon>.pc-meta,.product-card.pc-noicon>.pc-regions,.product-card.pc-noicon>.pc-tag-line,.product-card.pc-noicon>.pc-title{grid-column:1}.pc-title-with-image{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.pc-thumb{width:40px;height:40px;flex:none;object-fit:contain;border-radius:8px;display:block}.pc-hero{display:flex;align-items:center;gap:1.5rem;margin:.25rem 0 1.5rem;width:100%}.pc-hero-img{width:320px;aspect-ratio:16/9;height:auto;flex:none;object-fit:cover;border-radius:14px;display:block;background:var(--bg-alt);border:1px solid var(--line)}.pc-hero-text{display:flex;flex-direction:column;gap:.35rem;min-width:0;flex:1 1}.pc-hero-text .pc-title{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.pc-hero-text .pc-tag-line{margin:0;font-size:1rem;color:var(--ink-500);line-height:1.4}.product-card.pc-noicon .pc-tags-group{justify-self:start}@media (max-width:720px){.pc-hero{flex-direction:column;align-items:stretch;gap:.85rem;margin:0 0 1rem}.pc-hero-img{width:100%;max-width:100%;aspect-ratio:16/9;height:auto}.pc-hero-text{flex:0 0 auto}.pc-hero-text .pc-title{font-size:1.25rem}.pc-hero-text .pc-tag-line{font-size:.9375rem}.pc-desc{font-size:.875rem;line-height:1.5;margin-bottom:1rem}.pc-regions{padding-bottom:.75rem}.pc-meta{padding-top:.85rem}}.pc-tag{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500);background:transparent;border:1px solid var(--line);padding:.25rem .55rem;border-radius:999px}.pc-title{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.25rem;position:relative;z-index:1;color:var(--ink-900)}.pc-tag-line{font-weight:400;color:var(--ink-600);margin-bottom:1rem}.pc-desc,.pc-tag-line{position:relative;z-index:1;font-size:.9375rem}.pc-desc{color:var(--ink-500);margin-bottom:1.5rem;line-height:1.55}.pc-features{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.75rem;flex:1 1;position:relative;z-index:1}.pc-features li{position:relative;padding-left:1.1rem;font-size:.875rem;color:var(--ink-600);line-height:1.5}.pc-features li:before{content:"";position:absolute;left:0;top:.65em;width:4px;height:4px;border-radius:50%;background:var(--ink-400)}.pc-features li:after{display:none}.pc-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;border-top:1px solid var(--line);position:relative;z-index:1}.pc-price{font-size:.8125rem;color:var(--ink-500)}.pc-price strong{color:var(--ink-900);font-weight:600}.pc-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:500;font-size:.875rem;color:var(--ink-900);transition:gap var(--t-fast),color var(--t-fast)}.pc-link:hover{gap:.55rem}.pc-link svg{transition:transform var(--t-fast)}.pc-link:hover svg{transform:translateX(2px)}.pc-tags-group{display:inline-flex;flex-wrap:wrap;gap:.35rem;align-items:flex-start;justify-content:flex-start}.pc-tag-global,.pc-tag-pending{background:transparent!important;border:1px solid var(--line);color:var(--ink-500)!important;font-weight:500}.pc-regions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:0 0 1rem;position:relative;z-index:1}.pc-regions-label{color:var(--ink-400);text-transform:uppercase;letter-spacing:.08em;margin-right:.2rem}.pc-region,.pc-regions-label{font-size:.6875rem;font-weight:500}.pc-region{padding:.2rem .5rem;border-radius:999px;background:transparent;color:var(--ink-600);border:1px solid var(--line)}.pc-blue{--icon-bg:rgba(59,130,246,0.10);--icon-fg:var(--c-blue)}.pc-emerald{--icon-bg:rgba(16,185,129,0.10);--icon-fg:var(--c-emerald)}.pc-amber{--icon-bg:rgba(245,158,11,0.12);--icon-fg:var(--c-amber)}.pc-violet{--icon-bg:rgba(139,92,246,0.10);--icon-fg:var(--c-violet)}[data-theme=dark] .pc-blue{--icon-bg:rgba(96,165,250,0.14)}[data-theme=dark] .pc-emerald{--icon-bg:rgba(52,211,153,0.14)}[data-theme=dark] .pc-amber{--icon-bg:rgba(251,191,36,0.16)}[data-theme=dark] .pc-violet{--icon-bg:rgba(167,139,250,0.16)}.pc-soon{background:var(--bg-alt);border:1px dashed var(--line);display:block;padding:2rem}.pc-soon-inner{position:relative;z-index:1;display:grid;grid-template-columns:64px 1fr;grid-column-gap:1.5rem;column-gap:1.5rem;align-items:start;height:100%}.pc-soon-inner>.pc-soon-pulse{grid-row:1/span 99;align-self:start;margin-bottom:0}.pc-soon-pulse{width:40px;height:40px;border-radius:50%;background:var(--grad-soft);margin-bottom:1.25rem;position:relative}.pc-soon-pulse:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--grad);animation:pulse 2.4s ease-in-out infinite;box-shadow:0 0 0 0 rgba(99,102,241,.4)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.55}}.pc-soon .pc-link{color:var(--g-2)}[data-theme=dark] .pc-soon .pc-link{color:var(--g-1)}.integration{background:var(--bg-alt)}.integration .section-head{text-align:left;max-width:none;margin-bottom:3.5rem}.integration .section-head h2{max-width:20ch}.integration .section-lead{max-width:60ch}.integration .section-head h2 br{display:none}.integration-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,1fr)}.int-feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem 1.75rem;transition:border-color var(--t-med)}.int-feature:hover{border-color:var(--ink-300);transform:none;box-shadow:none}.int-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-soft);color:var(--g-2);margin-bottom:1.25rem}[data-theme=dark] .int-icon{background:var(--grad-soft);color:var(--g-1)}.int-feature h3{font-size:1rem;margin-bottom:.35rem;color:var(--ink-900);font-weight:600}.int-feature p{margin:0;font-size:.875rem;color:var(--ink-500);line-height:1.55}.section-dark{background:#0a0a0a;color:rgba(255,255,255,.8);position:relative;overflow:hidden}.section-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 480px at 85% 0,rgba(139,92,246,.22),transparent 55%),radial-gradient(700px 420px at 0 100%,rgba(236,72,153,.18),transparent 55%);pointer-events:none;display:block}.section-dark .section-head{text-align:left;max-width:none;margin-bottom:3.5rem}.section-dark .section-head h2,.section-dark .section-head h3{color:#fff}.section-dark .section-head h2{max-width:18ch}.section-dark .section-lead{max-width:56ch}[data-theme=dark] .section-dark{background:var(--bg-alt)}.why-grid{position:relative;z-index:1;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(3,1fr)}.why-card{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:2rem 1.75rem;-webkit-backdrop-filter:none;backdrop-filter:none;transition:border-color var(--t-med),background var(--t-med)}.why-card:hover{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.2);transform:none}[data-theme=dark] .why-card{background:var(--surface);border-color:var(--line)}[data-theme=dark] .why-card:hover{background:var(--surface);border-color:var(--ink-300)}.why-num{font-family:var(--font-mono);font-size:.75rem;font-weight:400;color:rgba(255,255,255,.4);margin-bottom:1.25rem;letter-spacing:0}[data-theme=dark] .why-num{color:var(--ink-400)}.why-card h3{color:#fff;font-size:1rem;margin-bottom:.35rem;font-weight:600}.why-card p{color:rgba(255,255,255,.6);font-size:.875rem;margin:0;line-height:1.55}[data-theme=dark] .why-card p{color:var(--ink-500)}.industries .section-head{margin-bottom:3.5rem}.industry-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(4,1fr)}.ind-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem 1.5rem;transition:border-color var(--t-med)}.ind-card:hover{border-color:var(--ink-300);transform:none;box-shadow:none}.ind-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-soft);color:var(--g-2);margin-bottom:1.25rem}[data-theme=dark] .ind-icon{color:var(--g-1)}.ind-card h4{font-size:1rem;margin-bottom:.35rem;color:var(--ink-900);font-weight:600}.ind-card p{font-size:.875rem;margin-bottom:1.25rem;color:var(--ink-500);line-height:1.55}.ind-tags{display:flex;flex-wrap:wrap;gap:.3rem}.ind-tags span{font-size:.6875rem;font-weight:500;padding:.2rem .5rem;border-radius:999px;background:transparent;color:var(--ink-500);border:1px solid var(--line)}.security{background:var(--bg-alt)}.security-inner{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:4rem;gap:4rem;align-items:start}.security-copy h2{margin-top:.75rem;max-width:18ch}.security-copy p{font-size:1rem;color:var(--ink-500);max-width:52ch}.security-list{display:flex;flex-direction:column;gap:0;margin-top:2rem}.security-list li{display:flex;gap:1rem;align-items:flex-start;padding:1.15rem 0;background:transparent;border:0;border-radius:0;border-top:1px solid var(--line)}.security-list li:last-child{border-bottom:1px solid var(--line)}.security-list li svg{flex:none;color:#fff;background:var(--grad);border-radius:999px;padding:3px;margin-top:2px;width:20px;height:20px;box-shadow:0 4px 12px -6px rgba(99,102,241,.5)}[data-theme=dark] .security-list li svg{color:#0a0a0a;box-shadow:0 4px 12px -6px rgba(129,140,248,.55)}.security-list li strong{color:var(--ink-900);display:inline;margin:0 .25rem 0 0;font-weight:600}.security-list li div{font-size:.9375rem;color:var(--ink-500);line-height:1.55}.security-card{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.badge{position:relative;padding:1.5rem 1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:left;transition:border-color var(--t-med)}.badge:hover{border-color:var(--ink-300)}.badge-glow{display:none}.badge strong{display:block;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-900);margin-bottom:.2rem}.badge em{display:block;font-style:normal;font-size:.75rem;color:var(--ink-500);line-height:1.4}.roadmap .section-head{margin-bottom:3.5rem}.timeline{position:relative;display:flex;flex-direction:column;gap:0;margin:0 auto;padding-left:0;max-width:760px}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:var(--line)}.tl-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.25rem 0}.tl-dot,.tl-item{position:relative}.tl-dot{z-index:1;flex:none;width:15px;height:15px;border-radius:50%;background:var(--bg);border:1px solid var(--ink-300);margin-top:4px}.tl-item.shipped .tl-dot{background:var(--ink-900);border-color:var(--ink-900)}.tl-item.progress .tl-dot{background:var(--bg);border-color:var(--ink-700);box-shadow:inset 0 0 0 3px var(--bg),inset 0 0 0 4px var(--ink-700)}.tl-item.planned .tl-dot{background:var(--bg);border-color:var(--ink-400)}.tl-item.future .tl-dot{background:var(--bg);border-color:var(--ink-300)}.tl-card{flex:1 1;background:transparent;border:0;border-radius:0;padding:0}.tl-status{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500);margin-bottom:.35rem}.tl-card h4,.tl-item.shipped .tl-status{color:var(--ink-900)}.tl-card h4{font-size:1rem;margin:0 0 .35rem;font-weight:600}.tl-card p{margin:0;font-size:.9375rem;color:var(--ink-500);line-height:1.55}.faq{background:var(--bg)}.faq .section-head{margin-bottom:3.5rem}.faq-list{max-width:760px;margin:0 auto;border-top:1px solid var(--line)}.faq-item{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;overflow:hidden;transition:background var(--t-fast)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 0;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{margin:0;font-size:1rem;font-weight:500;color:var(--ink-900);letter-spacing:-.01em;flex:1 1}.faq-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:transparent;color:var(--ink-500);flex:none;transition:transform var(--t-fast),color var(--t-fast),background var(--t-fast)}.faq-item[open] .faq-icon{transform:rotate(180deg);color:var(--g-2);background:var(--grad-soft)}[data-theme=dark] .faq-item[open] .faq-icon{color:var(--g-1)}.faq-answer{padding:0 0 1.75rem;color:var(--ink-500);font-size:.9375rem;line-height:1.65;max-width:64ch}.faq-answer p{margin:0}.faq-answer strong{color:var(--ink-700);font-weight:600}.section-grad{background:#0a0a0a;color:rgba(255,255,255,.8);position:relative;overflow:hidden}.section-grad:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 0 0,rgba(99,102,241,.22),transparent 55%),radial-gradient(700px 420px at 100% 100%,rgba(236,72,153,.18),transparent 55%);pointer-events:none}[data-theme=dark] .section-grad{background:var(--bg-alt)}[data-theme=dark] .section-grad:before{background:radial-gradient(700px 420px at 0 0,rgba(129,140,248,.18),transparent 55%),radial-gradient(700px 420px at 100% 100%,rgba(244,114,182,.14),transparent 55%)}.about-inner{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:4rem;gap:4rem;align-items:start;position:relative;z-index:1}.about-copy h2{color:#fff;margin-top:.75rem;max-width:18ch}.about-copy p{color:rgba(255,255,255,.65);font-size:1rem;max-width:56ch;line-height:1.6}[data-theme=dark] .about-copy p{color:var(--ink-500)}.about-copy p:last-child{margin-bottom:0}.about-copy strong{color:rgba(255,255,255,.9);font-weight:600}[data-theme=dark] .about-copy strong{color:var(--ink-900)}.about-affiliation{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.1);font-size:.875rem}[data-theme=dark] .about-affiliation{border-top-color:var(--line)}.about-stats{display:grid;grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}.as-card{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:1.5rem;display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;transition:border-color var(--t-med)}.as-card:hover{border-color:rgba(255,255,255,.25)}[data-theme=dark] .as-card{background:var(--surface);border-color:var(--line)}.as-num{font-size:1.75rem;font-weight:500;letter-spacing:-.03em;color:#fff;background:none;-webkit-background-clip:initial;background-clip:initial}[data-theme=dark] .as-num{color:var(--ink-900)}.as-label{font-size:.8125rem;color:rgba(255,255,255,.55);text-align:right;line-height:1.4}[data-theme=dark] .as-label{color:var(--ink-500)}.cta{background:var(--bg);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(620px 360px at 12% 18%,rgba(99,102,241,.14),transparent 60%),radial-gradient(620px 360px at 88% 82%,rgba(236,72,153,.12),transparent 60%);pointer-events:none;z-index:0}.cta .container{position:relative;z-index:1}.cta-inner{display:block}.cta-card{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;background:var(--surface);border:1px solid transparent;border-radius:var(--radius-xl);padding:clamp(2.25rem,4.5vw,4rem);box-shadow:0 30px 80px -40px rgba(99,102,241,.25),0 12px 32px -20px rgba(15,23,42,.12)}[data-theme=dark] .cta-card{box-shadow:0 30px 80px -40px rgba(129,140,248,.4),0 12px 32px -20px rgba(0,0,0,.6)}.cta-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.65;pointer-events:none}.cta-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;letter-spacing:.02em;color:var(--ink-600);border:1px solid var(--line);padding:.3rem .7rem .3rem .55rem;border-radius:999px;margin-bottom:1.5rem}.cta-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 3px var(--accent-soft)}.cta-copy h2{margin:0 0 1.25rem;max-width:14ch;font-size:clamp(2rem,3.6vw,2.75rem);letter-spacing:-.03em;line-height:1.05}.cta-copy p{color:var(--ink-500);font-size:1.0625rem;margin-bottom:2rem;line-height:1.55;max-width:44ch}.cta-bullets{display:flex;flex-direction:column;gap:.85rem;margin:0}.cta-bullets li{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--ink-700);font-weight:500}.cta-bullets li svg{color:#fff;background:var(--grad);border-radius:999px;padding:3px;flex:none;width:18px;height:18px;box-shadow:0 4px 12px -6px rgba(99,102,241,.5)}[data-theme=dark] .cta-bullets li svg{color:#0a0a0a}.cta-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem 1rem;gap:1rem 1rem}.field{display:flex;flex-direction:column;gap:.45rem}.field-full{grid-column:1/-1}.field label{font-size:.75rem;font-weight:500;color:var(--ink-700);letter-spacing:0}.field input,.field select,.field textarea{font-family:inherit;font-size:.9375rem;color:var(--ink-900);background:var(--bg-alt);border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;width:100%;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea{background:var(--bg-soft)}.field input::placeholder,.field textarea::placeholder{color:var(--ink-400)}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--g-1);background:var(--bg);box-shadow:0 0 0 3px rgba(99,102,241,.12)}[data-theme=dark] .field input:focus,[data-theme=dark] .field select:focus,[data-theme=dark] .field textarea:focus{border-color:var(--g-1);box-shadow:0 0 0 3px rgba(129,140,248,.18)}.field textarea{resize:vertical;min-height:88px}.form-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.25rem}.form-note{font-size:.75rem;color:var(--ink-400)}.form-note a{color:var(--ink-700);text-decoration:underline;text-underline-offset:2px}.form-error,.form-success{grid-column:1/-1;display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;border-radius:10px;border:1px solid var(--line);background:var(--bg-alt)}.form-error svg,.form-success svg{color:var(--ink-900);flex:none;margin-top:2px}.form-error strong,.form-success strong{display:block;color:var(--ink-900);margin-bottom:.15rem;font-weight:600}.form-error span,.form-success span{font-size:.875rem;color:var(--ink-500)}.form-error a{color:var(--ink-900);text-decoration:underline;text-underline-offset:2px}.site-footer{background:var(--bg);border-top:1px solid var(--line);padding:4rem 0 2rem;color:var(--ink-500);position:relative}.site-footer:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--grad);opacity:.6}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);grid-gap:2.5rem;gap:2.5rem;margin-bottom:3rem}.footer-brand .brand{margin-bottom:1rem}.footer-brand .brand-name{color:var(--ink-900)}.footer-brand .brand-sub{color:var(--ink-400)}.footer-tagline{font-size:.875rem;color:var(--ink-500);max-width:32ch;line-height:1.55}.footer-col h5{font-size:.75rem;font-weight:600;color:var(--ink-900);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem}.footer-col ul{display:flex;flex-direction:column;gap:.6rem}.footer-col a{font-size:.875rem;color:var(--ink-500);transition:color var(--t-fast)}.footer-col a:hover{color:var(--ink-900)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--line);font-size:.8125rem;color:var(--ink-400);flex-wrap:wrap;gap:1rem}.site-footer .brand-on-dark .brand-name{color:var(--ink-900)}.site-footer .brand-on-dark .brand-sub{color:var(--ink-400)}.site-footer .brand-on-dark path[fill="#0B2154"],.site-footer .brand-on-dark path[fill="#7BA0FF"]{fill:var(--ink-900)}.site-footer .brand-on-dark path[stroke="#0EA5E9"]{stroke:var(--ink-400)}.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:100;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:920px;margin:0 auto}.cookie-inner{display:grid;grid-template-columns:1fr auto;grid-gap:1.5rem;gap:1.5rem;align-items:center;padding:1.25rem 1.5rem}.cookie-copy h3{margin:0 0 .35rem;font-size:1rem;color:var(--ink-900);font-weight:600}.cookie-copy p{margin:0;font-size:.875rem;color:var(--ink-500);line-height:1.5}.cookie-copy a{color:var(--ink-900);text-decoration:underline;text-underline-offset:2px}.cookie-options{border:0;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.5rem}.cookie-option{display:flex;align-items:flex-start;gap:.65rem;font-size:.8125rem}.cookie-option input{margin-top:3px}.cookie-option strong{display:block;color:var(--ink-900);font-weight:600;font-size:.8125rem}.cookie-option em{display:block;font-style:normal;color:var(--ink-500);font-size:.75rem}.cookie-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(8px);transition:opacity var(--t-slow),transform var(--t-slow)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:1024px){.industry-grid,.integration-grid,.product-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.about-inner,.cta-card,.security-inner{grid-template-columns:1fr;gap:3rem}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}.trust-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:720px){.header-actions .btn,.primary-nav{display:none}.header-actions{gap:.25rem;margin-left:auto}.hamburger{display:inline-flex}.mobile-nav{display:block}.mobile-nav[hidden]{display:none}.header-inner{gap:1rem;height:60px}.industry-grid,.integration-grid,.why-grid{grid-template-columns:1fr}.product-grid{gap:.75rem}.product-card{display:flex;flex-direction:column;padding:1.5rem;flex:0 0 82%}.carousel-btn{width:38px;height:38px}.carousel-prev{left:0}.carousel-next{right:0}.product-card>.pc-top{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;width:100%}.pc-tags-group{justify-content:flex-start;align-self:flex-start}.pc-soon{padding:1.75rem}.pc-soon-inner{display:flex;flex-direction:column;align-items:flex-start}.cta-form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1}.footer-bottom{font-size:.75rem}.trust-grid{grid-template-columns:1fr 1fr}.hero-title{max-width:16ch}.hero{padding-top:4rem;padding-bottom:3.5rem}.cookie-inner{grid-template-columns:1fr}.cookie-actions{justify-content:stretch}.cookie-actions .btn{flex:1 1}.as-card{padding:1.25rem}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn{width:100%}}@media (max-width:720px){.mobile-nav:not([hidden]){position:fixed;left:0;right:0;top:60px;bottom:0;background:var(--bg);border-top:1px solid var(--line);overflow-y:auto;z-index:49}.mobile-nav nav{padding:1.5rem 1.5rem 2rem;min-height:100%;display:flex;flex-direction:column;gap:0}.mobile-nav a,.mobile-nav summary{padding:1.1rem 0;font-size:1.0625rem;font-weight:500}.mobile-nav details ul li a{padding:.75rem 0;font-size:.9375rem}.mobile-actions{margin-top:auto;padding-top:1.5rem}.mobile-actions .btn{padding:.85rem 1.25rem;font-size:1rem}}::selection{background:var(--ink-900);color:var(--bg)}:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px;border-radius:4px}.btn:focus-visible{outline-offset:3px}