@layer base{*{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:106.25%}body{font-family:var(--ot-font-sans);color:var(--ot-text);background:var(--ot-bg);font-size:1.0625rem;line-height:1.6;overflow-x:clip;container-type:inline-size}h1,h2,h3,h4{font-family:var(--ot-font-display);color:var(--ot-text);text-wrap:balance;letter-spacing:-.01em;margin:0 0 .75rem;font-weight:650;line-height:1.15}h1{letter-spacing:-.02em;font-size:clamp(2.1rem,4.5vw,2.85rem);line-height:1.1}h2{font-size:1.9375rem}h3{font-size:1.4375rem;font-weight:600}p{margin:0 0 1rem}a{color:var(--ot-accent)}a:hover{color:var(--ot-accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ot-accent);outline-offset:2px}code,pre,.mono{font-family:var(--ot-font-mono)}code{font-size:.9em}}@layer ledger{:where(.ot){--ot-wave-base:color-mix(in srgb, var(--ot-accent) 7%, var(--ot-bg));--ot-tone:var(--ot-accent);--ot-tone-soft:var(--ot-accent-soft);--ot-tone-text:color-mix(in srgb, var(--ot-accent) 70%, var(--ot-text))}:where(.ot) [class*=tone-]{--ot-tone-text:color-mix(in srgb, var(--ot-tone) 70%, var(--ot-text))}:where(.ot) .tone-teal{--ot-tone:var(--ot-teal);--ot-tone-soft:var(--ot-teal-soft)}:where(.ot) .tone-sky{--ot-tone:var(--ot-sky);--ot-tone-soft:var(--ot-sky-soft)}:where(.ot) .tone-green{--ot-tone:var(--ot-accent);--ot-tone-soft:var(--ot-accent-soft)}:where(.ot) .tone-violet{--ot-tone:var(--ot-violet);--ot-tone-soft:var(--ot-violet-soft)}:where(.ot) .tone-rose{--ot-tone:var(--ot-rose);--ot-tone-soft:var(--ot-rose-soft)}:where(.ot) .tone-amber{--ot-tone:var(--ot-warm);--ot-tone-soft:var(--ot-warm-soft);--ot-tone-text:var(--ot-warm-text)}:where(.ot) .bleed{margin-inline:calc(50% - 50cqw);padding-inline:calc(50cqw - 50%)}:where(.ot) .narrow{max-width:46rem;margin:0 auto}:where(.ot) .center{text-align:center}:where(.ot) .section-head{text-align:center;max-width:48rem;margin:0 auto 3rem}:where(.ot) .section-head h2,:where(.ot) .faq-head h2,:where(.ot) .cta-copy h2{letter-spacing:-.02em;font-size:clamp(2rem,3.6vw,2.75rem);font-weight:580;line-height:1.1}:where(.ot) .section-head p{max-width:40rem;color:var(--ot-text-muted);margin:1rem auto 0;font-size:1.0625rem}:where(.ot) .grad-text{color:var(--ot-accent)}@supports ((-webkit-background-clip:text) or (background-clip:text)){:where(.ot) .grad-text{background:var(--ot-gradient-brand);-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}:where(.ot) .grad-text.bright{background-image:var(--ot-gradient-brand-bright)}}:where(.ot) .pill-badge{color:var(--ot-accent);background:color-mix(in srgb, var(--ot-accent-soft) 80%, var(--ot-bg));border:1px solid color-mix(in srgb, var(--ot-accent) 18%, transparent);border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.1rem;padding:.3rem .85rem .3rem .7rem;font-size:.8125rem;font-weight:600;display:inline-flex}:where(.ot) .pill-badge svg{color:var(--ot-violet)}:where(.ot) .pill-badge.night{color:#c7d6ff;background:#ffffff0f;border-color:#ffffff1f}:where(.ot) .pill-badge.night svg{color:#c4b5fd}:where(.ot) .btn{font-family:var(--ot-font-sans);border-radius:var(--ot-radius-md);border:1px solid #0000;align-items:center;gap:.45rem;padding:.6rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .15s,transform .15s,border-color .15s,box-shadow .15s;display:inline-flex}:where(.ot) .btn-primary{background:var(--ot-accent);color:var(--ot-accent-text);box-shadow:0 8px 20px -8px color-mix(in srgb, var(--ot-accent) 70%, transparent)}:where(.ot) .btn-primary:hover{background:var(--ot-accent-hover);color:var(--ot-accent-text);transform:translateY(-1px)}:where(.ot) .btn-secondary{background:var(--ot-bg);color:var(--ot-text);border-color:var(--ot-border)}:where(.ot) .btn-secondary:hover{border-color:var(--ot-text-faint);color:var(--ot-text)}:where(.ot) .btn-dark{background:var(--ot-text);color:var(--ot-bg)}:where(.ot) .btn-dark:hover{background:color-mix(in srgb, var(--ot-text) 85%, var(--ot-accent));color:var(--ot-bg);transform:translateY(-1px)}:where(.ot) .btn-lg{padding:.8rem 1.6rem;font-size:1rem}:where(.ot) .text-link{align-items:center;gap:.35rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}:where(.ot) .text-link:hover{text-decoration:underline}:where(.ot) .float-icon,:where(.ot) .flow-icon{color:#fff;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}:where(.ot) .caret{vertical-align:-.15em;background:currentColor;width:2px;height:1em;margin-left:2px;display:inline-block}:where(.ot) .hero-ctas{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.25rem;display:flex}:where(.ot) .cta-float b{color:var(--ot-text);font-size:.8125rem;font-weight:600;line-height:1.3;display:block}:where(.ot) .cta-float small{color:var(--ot-text-muted);font-size:.72rem;display:block}:where(.ot) .trust-pills{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0 auto 4.5rem;padding:0;list-style:none;display:flex}:where(.ot) .trust-pills li{background:var(--ot-bg);border:1px solid var(--ot-border);box-shadow:var(--ot-shadow-md);font-family:var(--ot-font-mono);color:var(--ot-text);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}:where(.ot) .trust-pills strong{color:var(--ot-accent);font-weight:500}:where(.ot) .pill-dot{background:var(--ot-tone);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--ot-tone) 22%, transparent);border-radius:50%}:where(.ot) .feature-panel{isolation:isolate;background:linear-gradient(135deg, var(--ot-tone-soft) 0%, color-mix(in srgb, var(--ot-tone-soft) 35%, var(--ot-bg)) 75%);border:1px solid color-mix(in srgb, var(--ot-tone) 20%, transparent);border-radius:28px;grid-template-columns:1fr 1.05fr;align-items:center;gap:3.5rem;padding:3.25rem;display:grid;position:relative;overflow:hidden}:where(.ot) .feature-panel:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--ot-tone) 20%, transparent), transparent);border-radius:50%;width:30rem;height:30rem;position:absolute;top:-12rem;right:-8rem}:where(.ot) .feature-panel.flip:before{left:-8rem;right:auto}:where(.ot) .feature-panel.flip .feature-copy{order:2}:where(.ot) .feature-label{color:var(--ot-tone-text);background:color-mix(in srgb, var(--ot-tone) 12%, var(--ot-bg));border:1px solid color-mix(in srgb, var(--ot-tone) 25%, transparent);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .85rem .35rem .65rem;font-size:.8125rem;font-weight:600;display:inline-flex}:where(.ot) .feature-panel h3{letter-spacing:-.02em;margin:1.1rem 0 .85rem;font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:580;line-height:1.12}:where(.ot) .feature-panel p{color:color-mix(in srgb, var(--ot-text) 85%, var(--ot-bg));margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.6}:where(.ot) .feature-tags{flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}:where(.ot) .feature-tags li{color:var(--ot-tone-text);align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;display:inline-flex}:where(.ot) .feature-tags svg{color:var(--ot-tone)}:where(.ot) .mock{background:var(--ot-bg);border:1px solid color-mix(in srgb, var(--ot-tone) 18%, var(--ot-border));box-shadow:0 30px 60px -28px color-mix(in srgb, var(--ot-tone) 55%, transparent);border-radius:18px;padding:1.25rem;font-size:.875rem;position:relative}:where(.ot) .mock-caption{letter-spacing:.06em;text-transform:uppercase;color:var(--ot-text-muted);margin:.9rem 0 .2rem;font-size:.72rem;font-weight:600}:where(.ot) .mock-prompt{border:1.5px solid color-mix(in srgb, var(--ot-tone) 45%, transparent);background:color-mix(in srgb, var(--ot-tone) 5%, var(--ot-bg));color:var(--ot-text);border-radius:12px;align-items:flex-start;gap:.55rem;padding:.75rem .9rem;line-height:1.45;display:flex}:where(.ot) .mock-prompt svg{color:var(--ot-tone);flex-shrink:0;margin-top:.15rem}:where(.ot) .mock-prompt .caret{color:var(--ot-tone)}:where(.ot) .mock-caption.center{text-align:center;position:relative}:where(.ot) .mock-caption.first{margin-top:0;margin-bottom:.6rem}:where(.ot) .differentiator-list{background:var(--ot-bg);border:1px solid var(--ot-border);box-shadow:var(--ot-shadow-md);border-radius:22px;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem 2rem;margin:2rem auto 0;padding:2rem 2.25rem;list-style:none;display:grid;position:relative;overflow:hidden}:where(.ot) .differentiator-list:before{content:"";background:var(--ot-gradient-spectrum);height:4px;position:absolute;inset:0 0 auto}:where(.ot) .differentiator-list li{color:var(--ot-text);align-items:flex-start;gap:.65rem;font-size:.9375rem;line-height:1.5;display:flex}:where(.ot) .differentiator-list .check{background:color-mix(in srgb, var(--ot-success) 14%, var(--ot-bg));width:22px;height:22px;color:var(--ot-success);border-radius:50%;flex-shrink:0;place-items:center;margin-top:.05rem;display:grid}:where(.ot) .night-band{isolation:isolate;background:var(--ot-night);border-block:1px solid var(--ot-night-border);color:var(--ot-night-text);padding-top:6.5rem;padding-bottom:7rem;scroll-margin-top:4rem;position:relative;overflow:hidden}:where(.ot) .night-band:before{content:"";z-index:-1;background:radial-gradient(40rem 22rem at 15% 0,#8fb0ff2e,#0000 70%),radial-gradient(44rem 26rem at 88% 100%,#8b5cf638,#0000 70%),radial-gradient(30rem 18rem at 60% 45%,#0ea5e91a,#0000 70%);position:absolute;inset:0}:where(.ot) .night-band:after{content:"";z-index:-1;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 44px);position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}:where(.ot) .night-band h2,:where(.ot) .night-band h3{color:var(--ot-night-text)}:where(.ot) .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid;position:relative}:where(.ot) .steps:before{content:"";opacity:.55;background:linear-gradient(90deg,#0000,#8fb0ff 15%,#7dd3fc 50%,#c4b5fd 85%,#0000);height:2px;position:absolute;top:3.25rem;left:10%;right:10%}:where(.ot) .step-card{backdrop-filter:blur(6px);background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;padding:1.75rem;display:flex;position:relative}:where(.ot) .step-num{width:3rem;height:3rem;font-family:var(--ot-font-mono);color:#fff;background:linear-gradient(var(--ot-night-raised), var(--ot-night-raised)) padding-box, var(--ot-gradient-brand-bright) border-box;border:2px solid #0000;border-radius:50%;place-items:center;margin-bottom:1.25rem;font-size:.95rem;display:grid}:where(.ot) .step-stage{letter-spacing:.12em;text-transform:uppercase;color:#b4c8ff;margin-bottom:.35rem;font-size:.72rem;font-weight:600}:where(.ot) .step-card h3{margin-bottom:.5rem;font-size:1.4rem}:where(.ot) .step-card p{color:var(--ot-night-muted);flex:1;font-size:.9375rem}:where(.ot) .step-visual{background:#00000038;border:1px solid #ffffff14;border-radius:14px;align-items:center;min-height:4.25rem;margin-top:.75rem;padding:.9rem 1rem;display:flex}:where(.ot) .bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}:where(.ot) .bento-tile{background:linear-gradient(160deg, var(--ot-tone-soft) 0%, color-mix(in srgb, var(--ot-tone-soft) 30%, var(--ot-bg)) 85%);border:1px solid color-mix(in srgb, var(--ot-tone) 18%, transparent);border-radius:24px;padding:2rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}:where(.ot) .bento-tile:hover,html.reveal-on :where(.ot) .bento-tile[data-reveal].is-visible:hover{box-shadow:0 24px 50px -28px color-mix(in srgb, var(--ot-tone) 60%, transparent);transform:translateY(-3px)}:where(.ot) .bento-tile.wide{grid-column:span 2;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;display:grid}:where(.ot) .tile-icon{background:var(--ot-tone);width:44px;height:44px;color:var(--ot-bg);box-shadow:0 10px 22px -10px var(--ot-tone);border-radius:12px;place-items:center;margin-bottom:1.1rem;display:grid}:where(.ot) .bento-tile h3{margin-bottom:.5rem;font-size:1.3rem}:where(.ot) .bento-tile p{color:color-mix(in srgb, var(--ot-text) 80%, var(--ot-bg));margin:0;font-size:.9375rem;line-height:1.55}:where(.ot) .mini-card{background:var(--ot-bg);border:1px solid color-mix(in srgb, var(--ot-tone) 18%, var(--ot-border));box-shadow:0 24px 50px -26px color-mix(in srgb, var(--ot-tone) 55%, transparent);border-radius:16px;flex-direction:column;gap:.6rem;padding:1.1rem;font-size:.8125rem;display:flex}:where(.ot) .mini-card small{color:var(--ot-text);font-size:.8rem;font-weight:600}:where(.ot) .integration-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:2rem 0 1.5rem;padding:0;list-style:none;display:grid}:where(.ot) .integration-card{border:1px solid var(--ot-border);background:var(--ot-bg);border-radius:16px;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;transition:border-color .15s,box-shadow .15s;display:flex}:where(.ot) .integration-card:hover{border-color:color-mix(in srgb, var(--ot-accent) 35%, var(--ot-border));box-shadow:var(--ot-shadow-md)}:where(.ot) .integration-icon{color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}:where(.ot) .integration-card h3{margin-bottom:.2rem;font-size:.975rem}:where(.ot) .integration-card p{color:var(--ot-text-muted);margin:0;font-size:.8125rem;line-height:1.45}:where(.ot) .faq-layout{grid-template-columns:minmax(16rem,22rem) 1fr;align-items:start;gap:4rem;display:grid}:where(.ot) .faq-head{position:sticky;top:6.5rem}:where(.ot) .faq-head p{color:var(--ot-text-muted);margin-top:1rem;font-size:1rem}:where(.ot) .faq-item{border:1px solid var(--ot-border);background:var(--ot-bg);border-radius:16px;margin-bottom:.75rem;padding:1.15rem 1.35rem;transition:background-color .15s,border-color .15s}:where(.ot) .faq-item[open]{background:color-mix(in srgb, var(--ot-accent-soft) 45%, var(--ot-bg));border-color:color-mix(in srgb, var(--ot-accent) 28%, transparent)}:where(.ot) .faq-item summary{cursor:pointer;color:var(--ot-text);justify-content:space-between;align-items:center;gap:1rem;font-size:1.0125rem;font-weight:600;list-style:none;display:flex}:where(.ot) .faq-item summary::-webkit-details-marker{display:none}:where(.ot) .faq-item summary:after{content:"+";background:var(--ot-accent-soft);width:28px;height:28px;color:var(--ot-accent);font-family:var(--ot-font-mono);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.1rem;line-height:1;display:grid}:where(.ot) .faq-item[open] summary:after{content:"−";background:var(--ot-accent);color:var(--ot-accent-text)}:where(.ot) .faq-item p{color:var(--ot-text-muted);margin:.85rem 0 0;font-size:.9375rem;line-height:1.6}:where(.ot) .cta-card{isolation:isolate;background:linear-gradient(115deg, var(--ot-violet-soft) 0%, var(--ot-sky-soft) 55%, var(--ot-teal-soft) 100%);border:1px solid color-mix(in srgb, var(--ot-violet) 16%, transparent);border-radius:30px;grid-template-columns:1.3fr 1fr;align-items:center;gap:2rem;min-height:22rem;padding:4rem;display:grid;position:relative;overflow:hidden}:where(.ot) .cta-copy p{color:color-mix(in srgb, var(--ot-text) 80%, var(--ot-bg));margin-top:.75rem;font-size:1.125rem}:where(.ot) .cta-copy .hero-ctas{justify-content:flex-start;margin-top:1.75rem}:where(.ot) .cta-visual{height:14rem;position:relative}:where(.ot) .cta-float{background:var(--ot-bg);border:1px solid var(--ot-border);white-space:nowrap;border-radius:14px;align-items:center;gap:.65rem;padding:.7rem 1.1rem .7rem .75rem;display:flex;position:absolute;box-shadow:0 18px 40px -16px #0a0e1c4d}:where(.ot) .cta-float.one{top:12%;left:8%}:where(.ot) .cta-float.two{bottom:14%;right:4%}html.reveal-on :where(.ot) [data-reveal]{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(18px)}html.reveal-on :where(.ot) [data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){:where(.ot) .caret{animation:1s step-end 4 blink}}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes grow-y{0%{transform:scaleY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes blink{50%{opacity:0}}@keyframes pulse-down{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:calc(100% - 8px)}}@keyframes dash{to{stroke-dashoffset:-24px}}@media (prefers-reduced-motion:reduce){:where(.ot) .btn,:where(.ot) .logo-chip,:where(.ot) .bento-tile{transition:none}}@media (width<=1000px){:where(.ot) .feature-panel,:where(.ot) .cta-card{grid-template-columns:1fr}:where(.ot) .feature-panel.flip .feature-copy{order:0}:where(.ot) .feature-panel{gap:2.25rem;padding:2.5rem}:where(.ot) .faq-layout{grid-template-columns:1fr;gap:2rem}:where(.ot) .faq-head{position:static}:where(.ot) .cta-visual{display:none}:where(.ot) .bento{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.ot) .bento-tile.wide{grid-template-columns:1fr}}@media (width<=860px){:where(.ot) .steps{grid-template-columns:1fr}:where(.ot) .steps:before{display:none}}@media (width<=640px){:where(.ot) .feature-panel,:where(.ot) .bento-tile{border-radius:22px;padding:1.5rem}:where(.ot) .bento{grid-template-columns:1fr}:where(.ot) .bento-tile.wide{grid-column:auto}:where(.ot) .integration-list{grid-template-columns:1fr}:where(.ot) .cta-card{padding:2.25rem 1.5rem}:where(.ot) .differentiator-list{padding:1.75rem 1.5rem}}:where(.ot) .page-hero{isolation:isolate;text-align:center;margin-top:-2.5rem;padding-top:4.75rem;padding-bottom:4.5rem;position:relative;overflow:hidden}:where(.ot) .page-hero:before{content:"";z-index:-1;background:radial-gradient(42rem 24rem at 14% 8%, color-mix(in srgb, var(--ot-accent) 14%, transparent), transparent 70%), radial-gradient(40rem 26rem at 88% 4%, color-mix(in srgb, var(--ot-violet) 15%, transparent), transparent 70%), radial-gradient(56rem 28rem at 50% 42%, color-mix(in srgb, var(--ot-sky) 11%, transparent), transparent 72%);position:absolute;inset:0}:where(.ot) .page-hero h1{letter-spacing:-.03em;max-width:20ch;margin:0 auto;font-size:clamp(2.3rem,5.2vw,3.75rem);font-weight:620;line-height:1.05}:where(.ot) .page-hero-sub{max-width:46rem;color:color-mix(in srgb, var(--ot-text) 82%, var(--ot-bg));margin:1.35rem auto 0;font-size:1.1875rem;line-height:1.6}:where(.ot) .page-hero-note{color:var(--ot-text-muted);margin-top:1rem;font-size:.875rem}:where(.ot) .page-hero.align-left{text-align:left}:where(.ot) .page-hero.align-left h1,:where(.ot) .page-hero.align-left .page-hero-sub{margin-left:0}:where(.ot) .page-hero.align-left .hero-ctas{justify-content:flex-start}:where(.ot) .ledger-line{z-index:0;background:linear-gradient(90deg, var(--ot-accent), var(--ot-sky), var(--ot-violet));opacity:.35;width:100%;height:1px;position:absolute;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}:where(.ot) .cta-card .ledger-line{z-index:-1}:where(.ot) .section{padding-block:5.5rem;scroll-margin-top:5rem}:where(.ot) .section.tight{padding-block:3rem}:where(.ot) .section.after-waves{background:linear-gradient(to bottom, var(--ot-wave-base) 0, var(--ot-bg) 16rem)}:where(.ot) .tint-band{background:linear-gradient(180deg, var(--ot-bg-subtle) 0%, var(--ot-bg) 100%)}:where(.ot) .night-band .section-head p{color:var(--ot-night-muted)}:where(.ot) .section-head.align-left{text-align:left;margin-left:0}:where(.ot) .split{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;display:grid}:where(.ot) .card-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem;display:grid}:where(.ot) .card{background:var(--ot-bg);border:1px solid var(--ot-border);border-radius:22px;padding:1.75rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}:where(.ot) .card:hover{border-color:color-mix(in srgb, var(--ot-tone) 30%, var(--ot-border));box-shadow:0 24px 50px -28px color-mix(in srgb, var(--ot-tone) 55%, transparent);transform:translateY(-3px)}:where(.ot) .card.tinted{background:linear-gradient(160deg, var(--ot-tone-soft) 0%, color-mix(in srgb, var(--ot-tone-soft) 30%, var(--ot-bg)) 85%);border-color:color-mix(in srgb, var(--ot-tone) 18%, transparent)}:where(.ot) .card h3{margin-bottom:.5rem;font-size:1.2rem}:where(.ot) .card p{color:color-mix(in srgb, var(--ot-text) 80%, var(--ot-bg));margin:0;font-size:.9375rem;line-height:1.55}:where(.ot) .card .text-link{margin-top:.9rem}:where(.ot) .tint-card{background:linear-gradient(135deg, var(--ot-sky-soft) 0%, color-mix(in srgb, var(--ot-violet-soft) 75%, var(--ot-bg)) 100%);border:1px solid color-mix(in srgb, var(--ot-sky) 18%, transparent);border-radius:28px;padding:3rem;position:relative;overflow:hidden}:where(.ot) .callout-card{background:linear-gradient(115deg, var(--ot-warm-soft) 0%, var(--ot-rose-soft) 100%);border:1px solid color-mix(in srgb, var(--ot-warm) 25%, transparent);border-radius:26px;justify-content:space-between;align-items:center;gap:2rem;padding:2.75rem 3.25rem;display:flex}:where(.ot) .callout-card h2{letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:580}:where(.ot) .callout-card p{max-width:38rem;color:color-mix(in srgb, var(--ot-text) 85%, var(--ot-bg));margin:0;font-size:1.0625rem}:where(.ot) .callout-card .btn{flex-shrink:0}:where(.ot) .stat-row{flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}:where(.ot) .stat-row li{background:var(--ot-bg);border:1px solid var(--ot-border);min-width:11.5rem;box-shadow:var(--ot-shadow-md);text-align:center;border-radius:18px;padding:1.1rem 1.6rem}:where(.ot) .stat-row b{font-family:var(--ot-font-display);letter-spacing:-.02em;color:var(--ot-text);font-variant-numeric:tabular-nums;font-size:clamp(1.9rem,3.2vw,2.5rem);font-weight:620;line-height:1.1;display:block}:where(.ot) .stat-row span{color:var(--ot-text-muted);margin-top:.3rem;font-size:.875rem;display:block}:where(.ot) .check-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}:where(.ot) .check-list li{color:var(--ot-text);padding-left:2.1rem;font-size:.9375rem;line-height:1.5;position:relative}:where(.ot) .check-list li:before{content:"";background:color-mix(in srgb, var(--ot-success) 14%, var(--ot-bg)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322a063' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat;border-radius:50%;width:22px;height:22px;position:absolute;top:.05rem;left:0}:where(.ot) .table-card{border:1px solid var(--ot-border);background:var(--ot-bg);box-shadow:var(--ot-shadow-md);border-radius:22px;overflow-x:auto}:where(.ot) .table-card table{border-collapse:collapse;width:100%;font-size:.9375rem}:where(.ot) .table-card th,:where(.ot) .table-card td{text-align:left;vertical-align:top;border-bottom:1px solid var(--ot-border);padding:.9rem 1.25rem}:where(.ot) .table-card thead th{background:var(--ot-bg-subtle);color:var(--ot-text-muted);font-size:.8125rem;font-weight:600}:where(.ot) .table-card tbody tr:last-child td,:where(.ot) .table-card tbody tr:last-child th{border-bottom:0}:where(.ot) .table-card .col-us{background:color-mix(in srgb, var(--ot-accent-soft) 45%, var(--ot-bg))}:where(.ot) .table-card thead .col-us{color:var(--ot-accent);background:color-mix(in srgb, var(--ot-accent-soft) 80%, var(--ot-bg))}:where(.ot) .prose{max-width:44rem;margin:0 auto;font-size:1.0625rem;line-height:1.7}:where(.ot) .prose h2{letter-spacing:-.02em;margin:2.5rem 0 .75rem;font-size:clamp(1.6rem,2.8vw,2rem);font-weight:580}:where(.ot) .prose p,:where(.ot) .prose li{color:color-mix(in srgb, var(--ot-text) 88%, var(--ot-bg))}@media (prefers-reduced-motion:reduce){:where(.ot) .card{transition:none}}@media (width<=900px){:where(.ot) .split{grid-template-columns:1fr;gap:2rem}}@media (width<=640px){:where(.ot) .page-hero{padding-top:3.5rem}:where(.ot) .tint-card{border-radius:22px;padding:1.75rem}:where(.ot) .callout-card{flex-direction:column;align-items:flex-start;padding:2rem 1.5rem}:where(.ot) .section{padding-block:4rem}}}.consent[data-astro-cid-bm4qem4n]{z-index:50;border-radius:var(--ot-radius-md);border:1px solid var(--ot-border,#7f7f7f59);background:var(--ot-bg,#fff);max-width:38rem;color:var(--ot-text);margin:0 auto;padding:1rem 1.15rem;font-size:.9rem;line-height:1.5;position:fixed;bottom:1rem;left:1rem;right:1rem;box-shadow:0 8px 30px #0000002e}.consent[data-astro-cid-bm4qem4n][hidden]{display:none}.consent[data-astro-cid-bm4qem4n] p[data-astro-cid-bm4qem4n]{margin:0 0 .8rem}.consent-actions[data-astro-cid-bm4qem4n]{justify-content:flex-end;gap:.6rem;display:flex}.consent-btn[data-astro-cid-bm4qem4n]{font:inherit;border-radius:var(--ot-radius-md);border:1px solid var(--ot-border,#7f7f7f80);color:var(--ot-text);cursor:pointer;background:0 0;padding:.5rem 1.1rem}.consent-btn-main[data-astro-cid-bm4qem4n]{background:var(--ot-text);color:var(--ot-bg,#fff);border-color:var(--ot-text)}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/bricolage-grotesque-500-700-normal.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/instrument-sans-400-600-normal.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-sans-400-italic.woff2)format("woff2")}@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/spline-sans-mono-400-500-normal.woff2)format("woff2")}:root{--ot-text:#141a2b;--ot-text-muted:#5b6478;--ot-text-faint:#8a92a6;--ot-bg:#fff;--ot-bg-subtle:#f5f7fb;--ot-bg-wash:#ebeff8;--ot-border:#e0e5ef;--ot-accent:#2449c7;--ot-accent-hover:#1c3aa3;--ot-accent-soft:#e7edfc;--ot-accent-text:#fff;--ot-warm:#d97706;--ot-warm-soft:#fdf1dc;--ot-warm-text:#8a5100;--ot-warm-fill:#9a5b00;--ot-success:#1f8f4f;--ot-danger:#d3372f;--ot-teal:#0f766e;--ot-teal-soft:#dff3f0;--ot-sky:#0369a1;--ot-sky-soft:#e0f0fa;--ot-violet:#6d28d9;--ot-violet-soft:#ede7fd;--ot-rose:#be185d;--ot-rose-soft:#fce7f1;--ot-gradient-brand:linear-gradient(100deg, #2449c7 0%, #0369a1 55%, #6d28d9 100%);--ot-gradient-spectrum:linear-gradient(90deg, #f59e0b, #2449c7, #0ea5e9, #8b5cf6, #ec4899);--ot-night:#0b1020;--ot-night-raised:#141b30;--ot-night-border:#26304a;--ot-night-text:#eef1f8;--ot-night-muted:#9ca6c2;--ot-gradient-brand-bright:linear-gradient(100deg, #8fb0ff 0%, #7dd3fc 55%, #c4b5fd 100%);--ot-font-display:"Bricolage Grotesque", "Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;--ot-font-sans:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ot-font-mono:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ot-radius-sm:6px;--ot-radius-md:10px;--ot-radius-lg:16px;--ot-shadow-md:0 4px 16px #141a2b14;--ot-shadow-lg:0 12px 40px #141a2b1f;--ot-max-width:72rem;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ot-text:#e9edf7;--ot-text-muted:#95a0bb;--ot-text-faint:#66708a;--ot-bg:#0d1220;--ot-bg-subtle:#131a2c;--ot-bg-wash:#192136;--ot-border:#28314a;--ot-accent:#8fb0ff;--ot-accent-hover:#adc5ff;--ot-accent-soft:#17224a;--ot-accent-text:#0d1220;--ot-warm:#f0a83c;--ot-warm-soft:#3a2d14;--ot-warm-text:#f0a83c;--ot-warm-fill:#9a5b00;--ot-success:#3db77e;--ot-danger:#e5675f;--ot-teal:#2dd4bf;--ot-teal-soft:#0f2c2e;--ot-sky:#38bdf8;--ot-sky-soft:#0d2638;--ot-violet:#a78bfa;--ot-violet-soft:#231a42;--ot-rose:#f472b6;--ot-rose-soft:#35182a;--ot-gradient-brand:linear-gradient(100deg, #8fb0ff 0%, #7dd3fc 55%, #c4b5fd 100%);--ot-night:#090e1b;--ot-night-raised:#121a2d;--ot-night-border:#232d45;--ot-shadow-md:0 4px 16px #00000059;--ot-shadow-lg:0 12px 40px #00000073;color-scheme:dark}}:root[data-theme=dark]{--ot-text:#e9edf7;--ot-text-muted:#95a0bb;--ot-text-faint:#66708a;--ot-bg:#0d1220;--ot-bg-subtle:#131a2c;--ot-bg-wash:#192136;--ot-border:#28314a;--ot-accent:#8fb0ff;--ot-accent-hover:#adc5ff;--ot-accent-soft:#17224a;--ot-accent-text:#0d1220;--ot-warm:#f0a83c;--ot-warm-soft:#3a2d14;--ot-warm-text:#f0a83c;--ot-warm-fill:#9a5b00;--ot-success:#3db77e;--ot-danger:#e5675f;--ot-teal:#2dd4bf;--ot-teal-soft:#0f2c2e;--ot-sky:#38bdf8;--ot-sky-soft:#0d2638;--ot-violet:#a78bfa;--ot-violet-soft:#231a42;--ot-rose:#f472b6;--ot-rose-soft:#35182a;--ot-gradient-brand:linear-gradient(100deg, #8fb0ff 0%, #7dd3fc 55%, #c4b5fd 100%);--ot-night:#090e1b;--ot-night-raised:#121a2d;--ot-night-border:#232d45;--ot-shadow-md:0 4px 16px #00000059;--ot-shadow-lg:0 12px 40px #00000073;color-scheme:dark}.skip-link{z-index:20;border-radius:var(--ot-radius-sm);background:var(--ot-accent);color:var(--ot-accent-text);padding:.5rem .9rem;font-weight:600;text-decoration:none;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:.75rem}.site-header{z-index:10;border-bottom:1px solid var(--ot-border);background:color-mix(in srgb, var(--ot-bg) 88%, transparent);backdrop-filter:blur(8px);position:sticky;top:0}.site-nav{max-width:var(--ot-max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin:0 auto;padding:1rem 1.5rem;display:flex}.brand{font-family:var(--ot-font-display);letter-spacing:-.035em;color:var(--ot-text);align-items:center;font-size:1.3125rem;font-weight:700;text-decoration:none;display:inline-flex}.brand span{color:var(--ot-accent)}.brand .brand-mark{color:var(--ot-accent);flex-shrink:0;margin-right:.5rem}.footer-brand .brand .brand-mark{color:#2449c7}.nav-links{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--ot-text);font-size:.9375rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--ot-accent)}.nav-links a.cta{background:var(--ot-accent);color:var(--ot-accent-text);border-radius:var(--ot-radius-md);padding:.55rem 1.15rem;font-weight:600;transition:background-color .15s,transform .15s}.nav-links a.cta:hover{background:var(--ot-accent-hover);color:var(--ot-accent-text);transform:translateY(-1px)}main{max-width:var(--ot-max-width);margin:0 auto;padding:2.5rem 1.5rem 4.5rem}@media (width<=480px){.site-nav,main{padding-left:16px;padding-right:16px}.nav-links{gap:.9rem 1rem}.nav-links a{font-size:.875rem}.nav-links a.cta{padding:.45rem .85rem}}.site-footer{background:var(--ot-night);color:var(--ot-night-muted);font-size:.875rem;position:relative}.site-footer:before{content:"";background:var(--ot-gradient-spectrum);height:3px;position:absolute;inset:0 0 auto}.footer-main{max-width:var(--ot-max-width);grid-template-columns:1.6fr repeat(3,1fr);gap:2rem;margin:0 auto;padding:3rem 1.5rem 2rem;display:grid}@media (width<=800px){.footer-main{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}@media (width<=480px){.footer-main{grid-template-columns:1fr 1fr;padding-left:16px;padding-right:16px}.footer-bottom-row{padding-left:16px;padding-right:16px}}.footer-brand .brand{color:var(--ot-night-text);font-size:1.1875rem}.footer-brand .brand span{color:#8fb0ff}.footer-address{color:var(--ot-night-muted);margin-top:.5rem;font-size:.8rem;line-height:1.5}.footer-tagline{max-width:20rem;margin:.75rem 0 0;font-size:.85rem;line-height:1.5}.footer-col{flex-direction:column;gap:.65rem;display:flex}.footer-col h3{font-family:var(--ot-font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ot-night-text);margin:0 0 .15rem;font-size:.75rem;font-weight:600}.site-footer a{color:var(--ot-night-muted);font-size:.85rem;text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--ot-night-text)}.footer-link-button{text-align:left;font:inherit;color:var(--ot-night-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;transition:color .15s}.footer-link-button:hover{color:var(--ot-night-text)}.footer-bottom{border-top:1px solid var(--ot-night-border)}.footer-bottom-row{max-width:var(--ot-max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.footer-bottom-row p{margin:0;font-size:.8125rem}.theme-toggle{border-radius:var(--ot-radius-sm);border:1px solid var(--ot-night-border);background:var(--ot-night-raised);width:2rem;height:2rem;color:var(--ot-night-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--ot-night-text);border-color:var(--ot-night-muted)}.theme-toggle .icon-moon{display:block}.theme-toggle .icon-sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}@media (prefers-reduced-motion:reduce){.nav-links a.cta{transition:none}}
