:root {
  --ink: #101828;
  --muted: #667085;
  --line: #e5eaf1;
  --blue: #3265e8;
  --blue-deep: #214ec5;
  --blue-soft: #eef4ff;
  --paper: #ffffff;
  --wash: #f6f8fb;
  --lime: #c9ff73;
  --radius: 24px;
  --shadow: 0 30px 80px rgba(32, 56, 105, 0.13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, 'SF Pro Display', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; transform: translateY(-150%); padding: 10px 16px; background: #fff; border-radius: 8px; box-shadow: var(--shadow); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; z-index: 20; inset: 0 0 auto; padding: 17px 0; transition: .25s ease; }
.site-header.is-scrolled { padding: 10px 0; background: rgba(255,255,255,.86); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(229,234,241,.85); }
.nav { height: 48px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; letter-spacing: -.02em; }
.brand img { border-radius: 8px; }
.nav-links { display: flex; align-items: center; gap: 34px; font-size: 14px; font-weight: 600; color: #475467; }
.nav-links a, .footer a { transition: color .2s ease; }
.nav-links a:hover, .footer a:hover { color: var(--blue); }
.language-switch { display: inline-flex; align-items: center; padding: 3px; background: #eef1f6; border: 1px solid #e1e6ee; border-radius: 9px; }
.language-switch button { min-width: 34px; height: 28px; padding: 0 8px; color: #778195; background: transparent; border: 0; border-radius: 6px; font-size: 11px; font-weight: 800; cursor: pointer; transition: .2s ease; }
.language-switch button.is-active { color: var(--ink); background: #fff; box-shadow: 0 2px 7px rgba(30,45,75,.1); }
.legal-nav-actions { display: flex; align-items: center; gap: 22px; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 0 22px; border-radius: 12px; font-weight: 700; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button--small { min-height: 42px; padding: 0 17px; font-size: 13px; border-radius: 10px; }
.button--dark { color: #fff; background: var(--ink); }
.button--primary { color: #fff; background: var(--blue); box-shadow: 0 14px 30px rgba(50,101,232,.24); }
.button--primary:hover { background: var(--blue-deep); box-shadow: 0 18px 34px rgba(50,101,232,.3); }
.button--white { background: #fff; color: var(--blue-deep); }
.text-link { display: inline-flex; gap: 9px; align-items: center; color: var(--blue); font-weight: 700; font-size: 14px; }
.text-link--light { color: #d7e3ff; }
.chrome-dot { width: 18px; height: 18px; border-radius: 50%; background: conic-gradient(#eb4335 0 33%,#fbbc05 0 66%,#34a853 0); border: 3px solid white; }

.hero { min-height: 850px; padding: 162px 0 105px; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 62px; }
.eyebrow, .section-label { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 11px; background: var(--blue-soft); border-radius: 999px; }
.eyebrow > span { width: 7px; height: 7px; background: var(--blue); border-radius: 50%; box-shadow: 0 0 0 4px rgba(50,101,232,.12); }
.hero h1 { margin: 27px 0 25px; font-size: clamp(54px, 5vw, 78px); line-height: 1.03; letter-spacing: -.065em; }
.hero h1 > span { white-space: nowrap; }
.hero h1 em { color: var(--blue); font-style: normal; }
.hero-lede { max-width: 570px; margin: 0; color: var(--muted); font-size: 18px; line-height: 1.8; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 34px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 27px; color: #475467; font-size: 13px; font-weight: 600; }
.trust-row i { margin-right: 5px; color: var(--blue); font-style: normal; }

.product-stage { position: relative; min-width: 0; padding: 30px 0 38px; }
.stage-glow { position: absolute; width: 78%; aspect-ratio: 1; left: 12%; top: 4%; border-radius: 50%; background: radial-gradient(circle, rgba(75,120,255,.25), rgba(75,120,255,0) 68%); filter: blur(20px); }
.browser-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(40,62,110,.16); border-radius: 19px; background: #fff; box-shadow: 0 40px 100px rgba(30,48,87,.2), 0 3px 10px rgba(30,48,87,.08); transform: perspective(1400px) rotateY(-2deg) rotateX(1deg); }
.browser-topbar { height: 48px; display: grid; grid-template-columns: 72px 1fr 34px; align-items: center; padding: 0 14px; background: #f5f7fa; border-bottom: 1px solid #e6e9ef; }
.traffic { display: flex; gap: 6px; }.traffic span { width: 8px; height: 8px; border-radius: 50%; background: #c7cdd7; }.traffic span:first-child { background: #ff6b66; }.traffic span:nth-child(2) { background: #ffc75b; }.traffic span:last-child { background: #5ad48a; }
.address { justify-self: center; width: 70%; padding: 6px 14px; color: #8992a3; background: #fff; border: 1px solid #e2e6ed; border-radius: 7px; font-size: 9px; text-align: center; }.lock { margin-right: 5px; color: #5c708e; }.browser-menu { color: #929baa; letter-spacing: 1px; }
.browser-content { display: grid; grid-template-columns: 1fr 246px; min-height: 435px; }
.webpage-demo { padding: 46px 30px 28px; background: linear-gradient(145deg,#f5f7f9,#eef1f5); }
.demo-kicker { color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .18em; }.webpage-demo h2 { margin: 10px 0 30px; font-size: 28px; line-height: 1.06; letter-spacing: -.04em; }
.demo-table { overflow: hidden; background: rgba(255,255,255,.85); border: 1px solid #e2e6ed; border-radius: 10px; box-shadow: 0 8px 28px rgba(40,50,70,.06); }
.demo-row { display: grid; grid-template-columns: 1.25fr .8fr .85fr; min-height: 47px; align-items: center; padding: 0 12px; color: #647084; border-bottom: 1px solid #e8ebf0; font-size: 8px; }.demo-row:last-child { border-bottom: 0; }.demo-row--head { min-height: 35px; color: #9aa2af; font-size: 7px; font-weight: 700; text-transform: uppercase; }.demo-row--active { background: #eef4ff; color: #3d4c64; box-shadow: inset 3px 0 var(--blue); }.demo-row > span:first-child { display: flex; align-items: center; gap: 8px; color: #35435a; font-weight: 700; }
.avatar { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: 6px; }.avatar--blue{background:#5d82e7}.avatar--orange{background:#ef9c67}.avatar--green{background:#52b98b}.avatar--purple{background:#9074d9}
.panel-demo { background: #fff; border-left: 1px solid #e7eaf0; }
.panel-brand { height: 54px; display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; padding: 0 15px; border-bottom: 1px solid #e7eaf0; font-size: 10px; }.panel-brand span { color: var(--blue); }.panel-body { padding: 16px 13px; }.found-pill { padding: 9px 10px; color: #3560cb; background: #eff4ff; border-radius: 7px; font-size: 8px; font-weight: 700; }.found-pill span { display: inline-grid; place-items: center; width: 14px; height: 14px; margin-right: 4px; color: #fff; background: var(--blue); border-radius: 50%; }
.dataset-card { margin-top: 12px; padding: 13px; border: 1px solid #dfe4ec; border-radius: 10px; box-shadow: 0 5px 16px rgba(30,50,80,.05); }.dataset-top { display: flex; justify-content: space-between; align-items: center; color: #718096; font-size: 7px; }.dataset-top span { padding: 4px 6px; color: #3560cb; background: #eef4ff; border-radius: 4px; font-weight: 700; }.dataset-card h3 { margin: 12px 0 3px; font-size: 12px; }.dataset-card > p { margin: 0 0 11px; color: #8992a3; font-size: 8px; }.mini-grid { display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; border: 1px solid #e5e8ee; border-radius: 5px; font-size: 6px; }.mini-grid div { padding: 6px 4px; border-right: 1px solid #e5e8ee; border-bottom: 1px solid #e5e8ee; overflow: hidden; text-overflow: ellipsis; }.mini-grid div:nth-child(-n+3) { color: #647084; background: #f6f7f9; font-weight: 700; }.dataset-card button { width: 100%; margin-top: 12px; padding: 9px; color: #fff; background: var(--blue); border: 0; border-radius: 6px; font-size: 8px; font-weight: 700; cursor: pointer; transition: .2s ease; }.dataset-card button span { float: right; }.dataset-card button.is-done { background: #18a66a; }.privacy-note { margin-top: 14px; color: #98a1af; font-size: 7px; text-align: center; }.privacy-note span { margin-right: 4px; color: #5d7ed6; }
.float-chip { position: absolute; z-index: 3; display: grid; grid-template-columns: 30px auto; column-gap: 9px; padding: 11px 14px; min-width: 156px; background: rgba(255,255,255,.94); border: 1px solid rgba(55,75,120,.12); border-radius: 12px; box-shadow: 0 14px 35px rgba(39,55,91,.16); backdrop-filter: blur(10px); }.float-chip > span { grid-row: 1/3; display: grid; place-items: center; width: 30px; height: 30px; color: #fff; background: var(--blue); border-radius: 8px; }.float-chip b { font-size: 9px; }.float-chip small { margin-top: 2px; color: #8c96a6; font-size: 7px; }.float-chip--scan { top: 0; right: -22px; }.float-chip--export { bottom: 6px; left: -28px; }.float-chip--export > span { background: #16a36a; }

.proof-strip { border-block: 1px solid var(--line); background: #fbfcfe; }.proof-grid { display: grid; grid-template-columns: repeat(4,1fr); padding-block: 27px; }.proof-grid > div { display: flex; flex-direction: column; align-items: center; gap: 4px; border-right: 1px solid var(--line); }.proof-grid > div:last-child { border-right: 0; }.proof-grid strong { font-size: 23px; letter-spacing: -.04em; }.proof-grid span { color: var(--muted); font-size: 11px; }
.section { padding-block: 118px; }.section--tint { background: var(--wash); }.section-head { max-width: 720px; margin-bottom: 54px; }.section-head h2 { margin: 11px 0 16px; font-size: clamp(38px,4.2vw,56px); line-height: 1.1; letter-spacing: -.055em; }.section-head > p:last-child, .section-head--split > p { color: var(--muted); line-height: 1.8; }.section-head--split { max-width: none; display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: 80px; }.section-head--split h2 { margin-bottom: 0; }
.steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.step-card { position: relative; padding: 23px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }.step-number { position: absolute; right: 23px; top: 21px; color: #bac2ce; font-size: 11px; font-weight: 800; letter-spacing: .12em; }.step-visual { height: 190px; margin-bottom: 26px; display: grid; place-items: center; overflow: hidden; background: #f6f8fb; border-radius: 16px; }.step-card h3 { margin: 0 0 9px; font-size: 22px; }.step-card > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.75; }
.step-visual--scan { position: relative; }.scan-page { width: 72%; padding: 17px; display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; background: white; border: 1px solid #dfe4eb; border-radius: 10px; box-shadow: 0 10px 25px rgba(40,60,90,.08); }.scan-page i { height: 28px; background: #edf0f5; border-radius: 4px; }.scan-page i:first-child { background: #dbe6ff; }.scan-line { position: absolute; left: 14%; right: 14%; height: 2px; top: 48%; background: linear-gradient(90deg,transparent,var(--blue),transparent); box-shadow: 0 0 12px var(--blue); }.scan-badge { position: absolute; bottom: 22px; right: 28px; padding: 7px 9px; color: #fff; background: #1b9e69; border-radius: 6px; font-size: 8px; font-weight: 700; }
.step-visual--shape { align-content: center; gap: 8px; padding: 24px; }.field-pill { width: 92%; display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; padding: 10px 12px; background: #fff; border: 1px solid #dfe4eb; border-radius: 8px; font-size: 9px; font-weight: 700; }.field-pill span { color: var(--blue); }.field-pill b { padding: 3px 7px; color: #667085; background: #f2f4f7; border-radius: 4px; font-size: 7px; }.field-pill.muted { opacity: .45; }
.file-card { width: 82%; display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 14px; background: #fff; border: 1px solid #dfe4eb; border-radius: 10px; box-shadow: 0 10px 24px rgba(40,60,90,.08); }.file-card > span { display: grid; place-items: center; width: 32px; height: 36px; color: #fff; background: #16835e; border-radius: 6px; font-weight: 800; }.file-card div { display: flex; flex-direction: column; gap: 3px; font-size: 9px; }.file-card small { color: #98a1af; font-size: 7px; }.file-card i { color: #19a36b; font-style: normal; }.export-progress { position: absolute; width: 55%; height: 3px; margin-top: 80px; overflow: hidden; background: #dfe4eb; border-radius: 3px; }.export-progress i { display: block; width: 100%; height: 100%; background: var(--blue); }

.bento { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.bento-card { min-height: 330px; padding: 29px; overflow: hidden; position: relative; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); }.bento-card--wide { grid-column: span 2; display: grid; grid-template-columns: .9fr 1.1fr; }.bento-card--dark { color: #fff; background: #14213d; border-color: #14213d; }.bento-card h3 { margin: 20px 0 10px; font-size: 22px; letter-spacing: -.03em; }.bento-card p { max-width: 410px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }.bento-card--dark p { color: #aebad1; }.feature-icon { width: 40px; height: 40px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); border-radius: 11px; font-weight: 800; }.feature-icon--dark { color: #fff; background: rgba(255,255,255,.12); }.tag-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 25px; }.tag-list span, .types-art span { padding: 6px 9px; color: #53627a; background: #f3f5f8; border-radius: 6px; font-size: 8px; font-weight: 700; }
.structure-art { display: flex; align-items: center; justify-content: center; gap: 18px; }.source-stack { display: flex; flex-direction: column; gap: 7px; }.source-stack span { padding: 10px 12px; color: #506078; background: #f5f7fa; border: 1px solid #e2e6ed; border-radius: 7px; font-family: monospace; font-size: 8px; }.flow-arrow { color: var(--blue); font-size: 22px; }.clean-sheet { width: 130px; height: 150px; padding: 12px; display: grid; grid-template-columns: repeat(3,1fr); gap: 3px; background: #fff; border: 1px solid #dfe5ed; border-radius: 8px; box-shadow: 0 13px 30px rgba(40,60,90,.12); }.clean-sheet div { border-radius: 2px; background: #eef1f5; }.clean-sheet div:nth-child(-n+3) { background: #cddcff; }
.merge-art { height: 120px; margin-top: 24px; display: grid; grid-template-columns: 1.3fr 1fr 1fr; grid-template-rows: repeat(2,1fr); gap: 4px; transform: rotate(-3deg); }.merge-art i { background: #edf1f7; border: 1px solid #dce3ed; border-radius: 5px; }.merge-art i:first-child { grid-row: span 2; background: #dbe6ff; border-color: #b9ccff; }.sync-art { position: relative; margin-top: 32px; display: flex; flex-direction: column; gap: 7px; }.sync-art span { padding: 9px 11px; color: #d9e3f5; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); border-radius: 7px; font-size: 9px; }.sync-art b { position: absolute; right: 14px; top: 29px; display: grid; place-items: center; width: 46px; height: 46px; background: var(--blue); border-radius: 50%; box-shadow: 0 0 0 8px rgba(50,101,232,.2); }.pages-art { height: 110px; margin-top: 30px; position: relative; }.pages-art i { position: absolute; width: 82px; height: 100px; padding: 12px; color: #8995a8; background: #f4f6f9; border: 1px solid #dce2eb; border-radius: 9px; font-size: 9px; font-style: normal; }.pages-art i:nth-child(2){left:38px;top:5px}.pages-art i:nth-child(3){left:76px;top:10px;background:#eaf0ff}.pages-art b { position: absolute; right: 0; bottom: 12px; padding: 8px 10px; color: #fff; background: var(--blue); border-radius: 7px; font-size: 8px; }.types-art { margin-top: 43px; display: flex; flex-wrap: wrap; gap: 7px; }.types-art span:nth-child(2){color:#187354;background:#e9f8f1}.types-art span:nth-child(3){color:#995c16;background:#fff3e3}

.compatibility { text-align: center; }.compatibility .section-head { margin-inline: auto; }.compat-grid { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }.compat-grid span { padding: 13px 17px; color: #445269; background: #fff; border: 1px solid var(--line); border-radius: 999px; font-size: 12px; font-weight: 700; box-shadow: 0 6px 16px rgba(40,55,80,.04); }.compat-note { max-width: 720px; margin: 25px auto 0; color: #98a1af; font-size: 12px; line-height: 1.7; }
.privacy-panel { min-height: 510px; display: grid; grid-template-columns: 1fr .9fr; gap: 80px; align-items: center; padding: 72px 76px; color: #fff; background: radial-gradient(circle at 20% 10%,#274d9b 0,#142d62 35%,#0c1b39 80%); border-radius: 32px; overflow: hidden; position: relative; }.privacy-panel:after { content:''; position:absolute; width:400px; height:400px; left:-180px; bottom:-260px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018); }.privacy-copy, .privacy-list { position: relative; z-index: 1; }.privacy-mark { width: 48px; height: 48px; margin-bottom: 25px; display: grid; place-items: center; color: #16356d; background: var(--lime); border-radius: 14px; font-size: 24px; }.privacy-copy .section-label { color: #8eabed; }.privacy-copy h2 { margin: 10px 0 18px; font-size: 45px; line-height: 1.12; letter-spacing: -.05em; }.privacy-copy > p { color: #abb9d3; line-height: 1.8; }.privacy-list { display: flex; flex-direction: column; }.privacy-list > div { display: grid; grid-template-columns: 32px 1fr auto; gap: 15px; align-items: center; padding: 23px 0; border-bottom: 1px solid rgba(255,255,255,.13); }.privacy-list > div:first-child { border-top: 1px solid rgba(255,255,255,.13); }.privacy-list > div > span { color: #7892c7; font-size: 10px; font-weight: 800; }.privacy-list p { display: flex; flex-direction: column; gap: 5px; margin: 0; }.privacy-list b { font-size: 14px; }.privacy-list small { color: #92a3c3; }.privacy-list i { display: grid; place-items: center; width: 25px; height: 25px; color: #0e663f; background: var(--lime); border-radius: 50%; font-style: normal; font-size: 11px; }
.faq { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list summary { padding: 23px 0; display: flex; justify-content: space-between; gap: 20px; list-style: none; cursor: pointer; font-weight: 700; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--blue); font-size: 20px; transition: transform .2s ease; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { margin: -4px 45px 24px 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.cta-section { min-height: 490px; margin-bottom: 95px; padding: 80px 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; background: var(--blue); border-radius: 32px; overflow: hidden; position: relative; }.eyebrow--light { color: #dce6ff; background: rgba(255,255,255,.1); }.eyebrow--light > span { background: var(--lime); box-shadow: 0 0 0 4px rgba(201,255,115,.15); }.cta-section h2 { position:relative;z-index:1;margin:22px 0 14px;font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.06em}.cta-section > p { position:relative;z-index:1;margin:0 0 28px;color:#d4e0ff}.cta-section .button,.cta-section .eyebrow{position:relative;z-index:1}.cta-orbit { position: absolute; inset: 0; }.cta-orbit:before,.cta-orbit:after { content:''; position:absolute; left:50%; top:50%; width:550px; height:550px; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.12); border-radius:50%}.cta-orbit:after{width:780px;height:780px}.cta-orbit span { position:absolute;width:8px;height:8px;border-radius:50%;background:var(--lime)}.cta-orbit span:first-child{left:18%;top:28%}.cta-orbit span:nth-child(2){right:17%;bottom:25%}.cta-orbit span:last-child{right:26%;top:18%;background:#fff}
.footer { min-height: 110px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }.footer > p { justify-self:center }.footer > div:last-child { justify-self:end; display:flex;gap:20px }

.legal-page { background: #f8fafc; }.legal-page .site-header { background: rgba(255,255,255,.9); }.legal { max-width: 820px; padding-top: 160px; padding-bottom: 100px; }.legal h1 { margin: 24px 0 10px; font-size: 64px; letter-spacing: -.06em; }.legal-updated { color: var(--muted); }.legal-summary { margin: 44px 0; padding: 27px 30px; background: #eaf1ff; border: 1px solid #d7e4ff; border-radius: 18px; }.legal-summary p { margin-bottom:0 }.legal section { padding: 23px 0; border-top: 1px solid var(--line); }.legal h2 { font-size: 20px; }.legal p,.legal li { color: #5b677a; line-height: 1.9; }.legal li { margin-bottom: 8px; }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); }.reveal--mid { transition-delay:.1s }.reveal--late { transition-delay:.2s }.reveal.is-visible { opacity:1;transform:none }
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none} }

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; padding-top: 145px; }.hero-copy { max-width: 720px; }.product-stage { width: min(720px,100%); margin:0 auto }.proof-grid { grid-template-columns: repeat(2,1fr); row-gap:25px }.proof-grid>div:nth-child(2){border-right:0}.section-head--split { grid-template-columns:1fr;gap:10px }.bento { grid-template-columns:repeat(2,1fr) }.bento-card--wide{grid-column:span 2}.privacy-panel{grid-template-columns:1fr;gap:42px}.faq{grid-template-columns:1fr;gap:10px}.footer{grid-template-columns:1fr auto}.footer>p{display:none}
}
@media (max-width: 720px) {
  .shell { width:min(100% - 30px,1180px) }.site-header{padding:10px 0}.nav-links{display:none}.language-switch button{min-width:29px;padding:0 6px}.button--small{padding:0 10px;font-size:11px}.hero{min-height:auto;padding:125px 0 75px;gap:42px}.hero h1{font-size:50px}.hero-lede{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.browser-content{grid-template-columns:1fr}.webpage-demo{display:none}.panel-demo{min-height:410px;border-left:0}.browser-window{width:min(360px,100%);margin:auto;transform:none}.float-chip--scan{right:-3px}.float-chip--export{left:-3px}.proof-grid strong{font-size:20px}.proof-grid span{font-size:9px}.section{padding-block:78px}.section-head{margin-bottom:38px}.section-head h2{font-size:39px}.steps,.bento{grid-template-columns:1fr}.bento-card--wide{grid-column:auto;grid-template-columns:1fr;gap:30px}.structure-art{padding-top:20px}.privacy-panel{padding:48px 28px;border-radius:24px}.privacy-copy h2{font-size:38px}.faq-list details p{margin-right:0}.cta-section{width:calc(100% - 30px);min-height:430px;margin-bottom:55px;border-radius:24px}.footer{padding:25px 0;grid-template-columns:1fr;gap:20px}.footer>div:last-child{justify-self:start;flex-wrap:wrap}.legal-nav-actions{gap:9px}.legal-nav-actions .text-link{font-size:11px}.legal{padding-top:125px}.legal h1{font-size:48px}
}