@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root { --mist:#e7ecef; --navy:#274c77; --blue:#6096ba; --sky:#a3cef1; --gray:#8b8c89; --ink:#182d45; --muted:#647182; --line:#e4e9ee; --paper:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:105px; }
body { margin:0; background:#fff; color:var(--ink); font-family:'DM Sans',sans-serif; font-size:15px; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,a,summary { -webkit-tap-highlight-color:transparent; }
a:focus-visible,summary:focus-visible { outline:3px solid var(--blue); outline-offset:5px; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-family:'Manrope',sans-serif; }
h2 { font-size:clamp(30px,3.2vw,43px); line-height:1.2; letter-spacing:-1.8px; font-weight:750; }
h3 { font-size:21px; letter-spacing:-.6px; font-weight:750; }
p { color:var(--muted); }
.wrap { width:min(1200px,calc(100% - 96px)); margin-inline:auto; }
.skip-link { position:absolute; left:20px; top:-100px; padding:12px; background:var(--navy); color:#fff; z-index:100; }
.skip-link:focus { top:12px; }
.site-header { background:rgb(255 255 255 / 96%); border-bottom:1px solid #eef1f4; position:sticky; top:0; z-index:20; }
.nav { height:88px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:inline-flex; align-items:center; font-family:'Manrope',sans-serif; font-weight:800; font-size:27px; letter-spacing:-1.3px; }
.brand-dot { color:var(--blue); }
.brand-mark { display:flex; align-items:center; gap:3px; margin-right:11px; height:30px; transform:rotate(-12deg); }
.brand-mark i { display:block; width:5px; height:16px; border-radius:3px; background:var(--navy); }
.brand-mark i:nth-child(2) { height:27px; background:var(--blue); }
.brand-mark i:nth-child(3) { height:21px; background:var(--sky); }
.nav-links { display:flex; gap:32px; font-size:13px; font-weight:550; }
.nav-links a:hover,.text-link:hover,.footer-links a:hover { color:var(--navy); text-decoration:underline; text-underline-offset:5px; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:24px; border:1px solid var(--navy); border-radius:8px; background:var(--navy); color:#fff; font-size:14px; font-weight:600; padding:15px 22px; transition:background .2s,transform .2s,box-shadow .2s; box-shadow:0 3px 6px rgb(39 76 119 / 9%); }
.button:hover { background:#1d3d63; transform:translateY(-2px); box-shadow:0 7px 18px rgb(39 76 119 / 16%); }
.button span { font-size:19px; line-height:1; }
.button-small { font-size:12px; padding:11px 16px; gap:16px; }
.hero { display:grid; grid-template-columns:1fr 1.08fr; gap:48px; align-items:center; padding-block:94px 100px; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--navy); font-size:10px; font-weight:700; letter-spacing:1.8px; line-height:1.5; }
.status-dot { display:inline-block; width:6px; height:6px; flex-shrink:0; border-radius:50%; background:var(--blue); }
.hero .eyebrow { padding:7px 11px; border:1px solid var(--line); border-radius:5px; background:#fafcfd; letter-spacing:1.35px; }
h1 { font-size:clamp(44px,3.7vw,53px); line-height:1.12; letter-spacing:-3px; font-weight:800; margin:24px 0 22px; }
h1>span { color:var(--blue); }
.hero-description { font-size:16px; line-height:1.85; max-width:455px; }
.hero-actions { display:flex; align-items:center; gap:25px; margin-top:31px; }
.text-link { font-size:13px; font-weight:600; display:flex; gap:13px; align-items:center; }
.launch-note { display:flex; align-items:center; gap:7px; font-size:11px; margin-top:16px; }
.channel-row { display:flex; align-items:center; gap:18px; border-top:1px solid var(--line); padding-top:22px; margin-top:35px; }
.channel-row>span { font-size:9px; line-height:1.7; color:var(--muted); margin-right:3px; }
.channel-row strong { font-weight:500; }
.channel-name { display:flex; align-items:center; gap:5px; font-size:11px; font-weight:650; }
.channel-icon { color:var(--navy); font-size:17px; }
.product-stage { position:relative; min-width:0; padding:42px 0 76px; isolation:isolate; scroll-margin-top:20px; }
.product-stage:before { content:''; position:absolute; inset:-10px -27px 10px; z-index:-1; border-radius:50%; background:radial-gradient(ellipse,rgb(163 206 241 / 37%),rgb(231 236 239 / 34%) 52%,transparent 72%); }
.preview-caption { position:absolute; top:0; width:100%; text-align:center; font-size:11px; color:var(--muted); }
.tiny-stars { color:var(--blue); font-size:21px; vertical-align:middle; margin-right:6px; }
.product-window { background:#fff; border:1px solid #dce4ec; border-radius:12px; overflow:hidden; box-shadow:0 24px 65px -24px rgb(39 76 119 / 25%),0 3px 10px rgb(39 76 119 / 4%); transform:rotate(-1deg); }
.window-bar { height:34px; display:flex; align-items:center; justify-content:space-between; padding:0 12px; border-bottom:1px solid var(--line); background:#fbfcfd; font-size:8px; color:#748291; }
.window-dots { color:var(--gray); letter-spacing:2px; font-size:7px; }
.demo-label { border:1px solid var(--line); padding:1px 5px; border-radius:3px; }
.product-body { display:flex; }
.product-sidebar { width:45px; flex-shrink:0; display:flex; align-items:center; flex-direction:column; gap:20px; border-right:1px solid var(--line); padding:15px 0; color:#8291a1; font-size:17px; }
.mini-brand { font-weight:800; color:var(--navy); font-size:20px; letter-spacing:-1px; }
.sidebar-active { display:grid; place-items:center; color:var(--navy); background:#edf3f8; width:29px; height:29px; border-radius:5px; }
.sidebar-avatar { margin-top:auto; width:23px; height:23px; display:grid; place-items:center; background:var(--mist); border-radius:50%; font-size:8px; color:var(--navy); }
.product-content { flex:1; padding:17px 20px 22px; min-width:0; }
.workspace-breadcrumb { font-size:8px; color:#83909f; margin-bottom:20px; }
.workspace-breadcrumb span { margin:0 7px; color:#bcc5ce; }
.study-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.micro-label { font-size:7px; letter-spacing:1px; margin-bottom:4px; }
.study-heading h2 { font-size:20px; letter-spacing:-.7px; }
.live-label { display:flex; align-items:center; gap:5px; color:var(--navy); background:#eef4f8; padding:3px 7px; border-radius:4px; font-size:8px; }
.live-label .status-dot { width:4px; height:4px; }
.preview-tabs { display:flex; gap:21px; border-bottom:1px solid var(--line); margin-top:18px; font-size:8px; color:#748291; }
.preview-tabs span { padding-bottom:9px; }
.preview-tabs .selected { color:var(--navy); border-bottom:2px solid var(--navy); font-weight:700; }
.preview-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:16px 0; }
.preview-metrics>div { border:1px solid var(--line); border-radius:6px; padding:10px; }
.preview-metrics span { display:block; font-size:8px; color:var(--muted); }
.preview-metrics strong { display:block; font-size:23px; font-weight:650; line-height:1.6; letter-spacing:-.6px; }
.preview-metrics em { font-size:15px; font-style:normal; }
.preview-metrics small { font-size:6px; color:var(--muted); display:block; }
.response-chart { border:1px solid var(--line); padding:12px; border-radius:6px; }
.chart-heading { display:flex; align-items:center; justify-content:space-between; font-size:8px; }
.chart-heading span { color:var(--muted); font-size:7px; }
.chart-area { height:100px; position:relative; margin-top:12px; }
.chart-grid { position:absolute; inset:0; background:repeating-linear-gradient(to top,var(--line) 0,var(--line) 1px,transparent 1px,transparent 25px); }
.chart-bars { position:absolute; inset:0 8px; display:flex; gap:17px; align-items:end; }
.chart-bars i { flex:1; height:var(--bar); background:var(--sky); border-radius:3px 3px 0 0; }
.chart-bars i:nth-last-child(2) { background:var(--blue); }
.chart-bars i:last-child { background:var(--navy); }
.chart-days { display:flex; justify-content:space-around; font-size:6px; color:var(--muted); padding-top:5px; }
.insight-note { display:flex; align-items:center; gap:10px; padding:10px; margin-top:12px; border:1px solid #dce7f0; background:#f4f8fc; border-radius:5px; }
.insight-spark { color:var(--navy); font-size:22px; }
.insight-note strong { font-size:8px; display:block; }
.insight-note p { font-size:7px; margin-top:2px; }
.conversation-card { position:absolute; right:-18px; bottom:13px; width:294px; background:#fff; border:1px solid #dfe7ed; padding:15px; border-radius:10px; box-shadow:0 15px 40px -12px rgb(39 76 119 / 22%); transform:rotate(2deg); }
.conversation-top { display:flex; align-items:center; gap:8px; }
.participant-avatar { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; background:var(--sky); font-size:11px; color:var(--navy); }
.conversation-top strong { display:block; font-size:10px; }
.conversation-top div>span { display:block; font-size:7px; color:var(--muted); }
.conversation-top>span:last-child { margin-left:auto; color:var(--blue); }
.chat-bubble { font-size:11px; line-height:1.65; padding:11px 12px 7px; background:#eef4f8; border-radius:0 9px 9px; margin:12px 0 9px; }
.chat-bubble>span { display:block; text-align:right; font-size:7px; color:var(--muted); }
.chat-bubble b { color:var(--blue); }
.response-received { display:flex; align-items:center; gap:5px; font-size:7px; color:var(--muted); }
.sample-note { position:absolute; bottom:14px; left:4px; font-size:8px; color:var(--muted); }
.value-strip { background:#f8fafb; border-block:1px solid var(--line); }
.value-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; padding-block:29px; }
.value-inner>p { font-size:13px; line-height:1.7; }
.value-inner>p strong { color:var(--ink); font-weight:550; }
.value-inner>div { display:flex; align-items:center; gap:14px; border-left:1px solid #dce4ea; padding-left:35px; }
.value-inner>div strong { font:700 32px 'Manrope',sans-serif; letter-spacing:-1px; color:var(--navy); }
.value-inner>div span { font-size:11px; color:var(--muted); max-width:115px; line-height:1.5; }
.section { padding-block:95px; }
.section-heading { display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:38px; }
.section-heading h2 { margin-top:14px; }
.section-heading>p { max-width:315px; font-size:14px; line-height:1.8; padding-bottom:4px; }
.feature-grid { display:grid; grid-template-columns:1.08fr 1fr 1fr; gap:18px; }
.feature { background:#f8fafc; border:1px solid var(--line); border-radius:12px; padding:28px; position:relative; display:flex; flex-direction:column; align-items:start; }
.feature-large { grid-row:span 2; background:linear-gradient(150deg,#f5f8fb,#eaf2f8); }
.feature-icon { display:grid; place-items:center; width:37px; height:37px; border:1px solid #dce5ed; border-radius:9px; color:var(--navy); background:#fff; font-size:23px; margin-bottom:24px; }
.feature h3 { font-size:20px; }
.feature p { font-size:12px; margin-top:10px; line-height:1.8; }
.feature-category { display:block; font-size:8px; letter-spacing:1.4px; color:#52677c; font-weight:650; margin-top:auto; padding-top:28px; }
.flow-preview { width:100%; display:flex; flex-direction:column; align-items:center; margin:43px 0 30px; }
.flow-node { width:100%; text-align:center; font-size:11px; padding:17px 10px; background:#fff; border:1px solid #d4dfe8; border-radius:8px; box-shadow:0 6px 15px rgb(39 76 119 / 4%); }
.flow-connector { width:1px; height:33px; background:#abc0d3; }
.flow-preview>div { display:flex; gap:10px; width:100%; }
.flow-answer { flex:1; padding:11px 5px; border:1px solid #c9dce9; border-radius:6px; color:var(--navy); background:#fff; font-size:9px; text-align:center; }
.flow-answer:first-child { background:#ddecf7; }
.flow-footnote { font-size:8px; color:var(--muted); margin-top:20px; }
.voice-preview { display:flex; align-items:center; gap:12px; border:1px solid #dde6ed; background:white; border-radius:8px; padding:12px; width:100%; margin-top:23px; color:var(--navy); }
.voice-preview>span { width:26px; height:26px; border-radius:50%; background:#eaf2f8; display:grid; place-items:center; font-size:10px; }
.voice-preview small { font-size:9px; }
.waveform { display:flex; align-items:center; justify-content:space-between; flex:1; height:27px; gap:3px; }
.waveform i { width:3px; height:40%; border-radius:2px; background:var(--blue); }
.waveform i:nth-child(3n) { height:90%; }
.waveform i:nth-child(2n) { height:65%; }
.theme-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:23px; }
.theme-tags span { font-size:9px; border:1px solid #dae4ed; color:var(--navy); background:#edf3f8; padding:5px 9px; border-radius:5px; }
.feature-wide { grid-column:span 2; flex-direction:row; align-items:center; gap:25px; }
.feature-wide>div:first-child { flex:1; }
.feature-wide .feature-icon { margin-bottom:16px; }
.repository-preview { flex:1; display:grid; gap:9px; transform:rotate(-3deg); }
.repository-preview>div { display:flex; align-items:center; gap:9px; padding:13px 10px; background:#fff; border:1px solid #dfe6ec; border-radius:6px; box-shadow:0 4px 10px rgb(39 76 119 / 3%); }
.repository-preview span { color:var(--blue); }
.repository-preview strong { font-size:8px; font-weight:550; }
.repository-preview small { margin-left:auto; font-size:7px; color:var(--muted); white-space:nowrap; }
.workflow-section { background:#f8fafb; border-block:1px solid var(--line); }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:55px; padding-top:10px; }
.step-number { display:flex; align-items:center; gap:18px; color:var(--blue); font-size:13px; font-weight:600; margin-bottom:24px; }
.step-number:after { content:''; height:1px; flex:1; background:#dce4eb; }
.steps h3 { font-size:20px; margin-bottom:12px; }
.steps p { font-size:13px; line-height:1.8; }
.center-heading { text-align:center; margin-bottom:38px; }
.center-heading h2 { margin:13px 0 14px; }
.center-heading>p { font-size:14px; }
.pricing-note { display:inline-block; margin-top:21px; font-size:10px; color:var(--muted); background:#f5f7f9; padding:6px 13px; border:1px solid var(--line); border-radius:20px; }
.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.plan { padding:30px; border:1px solid var(--line); border-radius:12px; display:flex; flex-direction:column; }
.plan h3 { font-size:19px; }
.plan>p { font-size:12px; margin-top:8px; }
.plan-price { font-family:'Manrope',sans-serif; font-size:40px; font-weight:750; letter-spacing:-1.8px; margin-top:27px; }
.plan-price>span { font:400 12px 'DM Sans',sans-serif; color:var(--muted); letter-spacing:0; margin-left:7px; }
.plan-divider { height:1px; background:var(--line); margin-block:23px; }
.plan ul { list-style:none; padding:0; margin:0 0 28px; font-size:11px; line-height:1.7; }
.plan li { position:relative; padding-left:20px; margin-bottom:12px; }
.plan li:before { content:'✓'; position:absolute; left:0; color:var(--blue); }
.plan-availability { margin-top:auto; display:block; text-align:center; font-size:11px; font-weight:500; padding:10px; border:1px solid var(--line); border-radius:6px; color:var(--muted); }
.plan-featured { background:var(--navy); color:white; border-color:var(--navy); box-shadow:0 16px 32px -20px rgb(39 76 119 / 45%); }
.plan-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.plan-top>span { font-size:6px; letter-spacing:.8px; color:var(--navy); background:var(--sky); padding:4px 7px; border-radius:4px; font-weight:700; }
.plan-featured>p,.plan-featured .plan-price>span { color:#cfdeeb; }
.plan-featured .plan-divider { background:rgb(231 236 239 / 22%); }
.plan-featured li:before { color:var(--sky); }
.plan-featured .plan-availability { border-color:rgb(231 236 239 / 24%); color:var(--mist); background:rgb(231 236 239 / 7%); }
.faq-section { display:grid; grid-template-columns:1fr 1.5fr; gap:80px; padding-block:0 100px; }
.faq-section h2 { margin:15px 0; font-size:37px; }
.faq-section>div>p { font-size:13px; }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list details:first-child { border-top:1px solid var(--line); }
.faq-list summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer; padding:21px 0; font-size:13px; font-weight:550; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:after { content:'+'; font-size:21px; font-weight:400; color:var(--blue); }
.faq-list details[open] summary:after { content:'−'; }
.faq-list details p { font-size:13px; line-height:1.8; padding:0 25px 22px 0; }
.closing-cta { padding:53px 62px; border-radius:16px; background:var(--navy); color:#fff; position:relative; overflow:hidden; isolation:isolate; }
.closing-cta>.eyebrow { color:var(--sky); font-size:9px; }
.closing-cta h2 { font-size:48px; margin:20px 0 15px; }
.closing-cta h2 span { color:var(--sky); }
.closing-cta>p { color:#d0deeb; font-size:14px; }
.closing-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:34px; }
.closing-bottom>span { font-size:11px; color:#d0deeb; display:flex; align-items:center; gap:8px; }
.closing-bottom .status-dot { background:var(--sky); }
.button-light { background:var(--mist); color:var(--navy); border-color:var(--mist); }
.button-light:hover { background:#fff; }
.cta-orbit { position:absolute; z-index:-1; width:490px; height:490px; border:1px solid rgb(163 206 241 / 18%); border-radius:50%; right:-70px; top:-160px; }
.cta-orbit:before,.cta-orbit:after { content:''; position:absolute; border:1px solid rgb(163 206 241 / 15%); border-radius:50%; inset:45px; }
.cta-orbit:after { inset:90px; background:radial-gradient(circle,rgb(96 150 186 / 16%),transparent 65%); }
.site-footer { display:flex; justify-content:space-between; align-items:center; gap:25px; padding-block:44px; }
.site-footer .brand { font-size:23px; }
.site-footer p { font-size:10px; margin-top:5px; }
.footer-links { display:flex; gap:25px; color:var(--muted); font-size:10px; }
@media(min-width:1450px) { .hero { padding-block:112px 115px; } }
@media(max-width:1100px) { .wrap { width:calc(100% - 64px); } .hero { gap:30px; } h1 { font-size:47px; } .channel-row { gap:10px; flex-wrap:wrap; } .channel-row>span { width:100%; } .hero-actions { gap:15px; } .product-content { padding:15px 13px; } .conversation-card { right:-6px; } .feature { padding:23px; } .value-inner>div { padding-left:20px; } .plan { padding:23px; } .plan-top { flex-wrap:wrap; } .repository-preview>div { flex-wrap:wrap; } }
@media(max-width:850px) { .nav { height:76px; } .nav-links { gap:20px; } .nav .button { display:none; } .hero { grid-template-columns:1fr; padding-block:64px 55px; gap:42px; } .hero-copy { max-width:600px; margin:auto; text-align:center; } h1 { font-size:60px; } .hero-description { margin:auto; max-width:510px; } .hero-actions,.launch-note { justify-content:center; } .channel-row { justify-content:center; gap:24px; } .channel-row>span { width:auto; text-align:left; } .product-stage { width:min(550px,100%); margin:auto; } .value-inner { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .value-inner>p { grid-column:1/-1; text-align:center; } .value-inner>div { border:0; padding:0; justify-content:center; } .section { padding-block:65px; } .section-heading { align-items:start; } .section-heading>p { max-width:240px; font-size:12px; } .feature-grid { grid-template-columns:1fr 1fr; } .feature-large { grid-row:span 2; } .feature-wide { grid-column:1/-1; } .steps { gap:25px; } .pricing-grid { gap:12px; } .plan { padding:19px; } .plan-price { font-size:32px; } .plan li { font-size:10px; } .plan-top>span { font-size:5px; } .faq-section { gap:35px; padding-bottom:65px; } .faq-section h2 { font-size:30px; } .closing-cta { padding:40px; } .footer-links { gap:14px; } }
@media(max-width:580px) { .wrap { width:calc(100% - 40px); } .nav { gap:16px; height:70px; } .brand { font-size:23px; } .brand-mark { margin-right:8px; gap:2px; } .brand-mark i { width:4px; } .nav-links { gap:14px; font-size:10px; } .nav-links a:nth-child(2) { display:none; } .hero { padding-top:43px; gap:35px; } h1 { font-size:44px; letter-spacing:-2.3px; } .hero .eyebrow { font-size:8px; } .hero-description { font-size:14px; } .hero-actions { gap:19px; } .button { padding:13px 17px; font-size:12px; gap:18px; } .text-link { font-size:11px; gap:8px; } .channel-row { gap:17px; } .channel-row>span { width:100%; text-align:center; } .channel-row>span br { display:none; } .channel-row strong { margin-left:4px; } .product-stage { padding-top:34px; padding-bottom:99px; } .product-stage:before { inset:0 -12px; } .preview-caption { font-size:9px; } .product-window { transform:none; } .product-sidebar { width:32px; gap:15px; } .mini-brand { font-size:16px; } .sidebar-active { width:24px; height:24px; } .product-content { padding:13px 10px 16px; } .workspace-breadcrumb { margin-bottom:13px; } .study-heading h2 { font-size:17px; } .preview-tabs { gap:17px; } .preview-metrics { gap:5px; } .preview-metrics>div { padding:7px; } .preview-metrics span { font-size:7px; } .preview-metrics strong { font-size:20px; } .preview-metrics small { font-size:5px; } .chart-bars { gap:12px; } .conversation-card { width:249px; bottom:12px; right:0; padding:12px; } .sample-note { font-size:7px; bottom:0; } .value-inner { gap:16px; padding-block:25px; } .value-inner>div { flex-direction:column; gap:5px; text-align:center; } .value-inner>div strong { font-size:28px; } .value-inner>div span { font-size:9px; } .section { padding-block:55px; } .section-heading { display:block; margin-bottom:28px; } h2 { font-size:31px; letter-spacing:-1.2px; } .section-heading>p { max-width:100%; margin-top:18px; font-size:13px; } .eyebrow { font-size:8px; } .feature-grid { grid-template-columns:1fr; gap:14px; } .feature-large { grid-row:auto; } .feature-wide { grid-column:auto; flex-direction:column; align-items:stretch; } .feature { padding:25px; } .flow-preview { margin:25px 0 8px; } .feature-icon { margin-bottom:18px; } .feature-category { padding-top:23px; } .repository-preview { transform:none; } .repository-preview>div { flex-wrap:nowrap; } .repository-preview strong { font-size:10px; } .repository-preview small { font-size:8px; } .steps { grid-template-columns:1fr; gap:28px; } .step-number { margin-bottom:13px; } .steps h3 { margin-bottom:8px; } .pricing-grid { grid-template-columns:1fr; gap:18px; } .plan { padding:28px; } .plan-top>span { font-size:7px; } .plan-price { font-size:38px; } .plan li { font-size:12px; } .plan>p { font-size:13px; } .faq-section { grid-template-columns:1fr; gap:25px; padding-bottom:55px; } .closing-cta { padding:30px 25px; border-radius:12px; } .closing-cta h2 { font-size:35px; } .closing-cta>p { font-size:12px; } .closing-bottom { align-items:start; flex-direction:column; gap:25px; } .closing-bottom>span { font-size:9px; } .cta-orbit { right:-330px; } .site-footer { flex-direction:column; align-items:start; padding-block:30px; gap:22px; } .footer-links { width:100%; justify-content:space-between; font-size:9px; gap:10px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .button { transition:none; } .button:hover { transform:none; } }


.hero-copy { min-width:0; }
@media(max-width:380px) { h1 { font-size:38px; } }