:root {
  --ink: #08264d;
  --muted: #526b87;
  --line: #bdd4e8;
  --paper: #f9fcff;
  --soft: #eaf4ff;
  --acid: #56b9ff;
  --coral: #2f87ea;
  --sky: #b9e5ff;
  --violet: #1769e0;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }

.site-header { position: sticky; top: 0; z-index: 30; background: rgba(249,252,255,.94); border-bottom: 1px solid rgba(8,38,77,.12); backdrop-filter: blur(14px); }
.nav-shell { width: min(var(--max), calc(100% - 48px)); height: 76px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 9px; font-size: 29px; font-weight: 800; line-height: 1; letter-spacing: 0; }
.brand small { align-self: flex-end; margin-bottom: 2px; padding-left: 9px; border-left: 1px solid #9ebbd4; color: var(--muted); font-size: 12px; font-weight: 600; }
.brand-orbit { position: relative; width: 29px; height: 29px; border: 2px solid var(--ink); border-radius: 50%; }
.brand-orbit i { position: absolute; inset: 4px; border: 1px solid var(--ink); border-radius: 50%; }
.brand-orbit i:nth-child(2) { inset: 8px; }
.brand-orbit i:nth-child(3) { inset: 12px; background: var(--ink); }
.desktop-nav { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 650; }
.desktop-nav > a:not(.button) { position: relative; }
.desktop-nav > a:not(.button)::after { position: absolute; right: 0; bottom: -6px; left: 0; height: 1px; content: ""; background: var(--ink); transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.desktop-nav > a:hover::after { transform: scaleX(1); }
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 18px; padding: 0 25px; border: 1px solid var(--ink); border-radius: 5px; background: var(--ink); color: white; font-size: 15px; font-weight: 750; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); box-shadow: 5px 5px 0 var(--acid); }
.button span { font-size: 17px; }
.button-small { min-height: 42px; padding: 0 18px; }
.button-large { min-height: 58px; padding: 0 29px; }
.button-outline { background: white; color: var(--ink); }
.button-light { border-color: white; background: white; color: var(--ink); }
.button-light:hover { box-shadow: 5px 5px 0 var(--coral); }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; }
.menu-toggle span { display: block; width: 23px; height: 2px; margin: 6px auto; background: var(--ink); transition: transform .2s; }
.mobile-menu { padding: 8px 24px 24px; border-top: 1px solid var(--line); }
.mobile-menu a:not(.button) { display: block; padding: 12px 0; font-weight: 700; }
.mobile-menu .button { margin-top: 10px; }

.hero { min-height: calc(100vh - 76px); padding: 68px max(24px, calc((100vw - var(--max)) / 2)) 54px; overflow: hidden; background: radial-gradient(circle at 15% 20%, rgba(86,185,255,.25), transparent 26%), var(--paper); display: grid; grid-template-columns: minmax(0,.95fr) minmax(520px,1.05fr); grid-template-rows: 1fr auto; align-items: center; column-gap: clamp(42px,4vw,58px); }
.hero-copy { position: relative; z-index: 2; max-width: 620px; text-align: left; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: #3e6489; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0; }
.eyebrow span { width: 33px; height: 1px; background: currentColor; }
.hero h1 { max-width: 620px; margin: 0; font-size: clamp(54px, 4.8vw, 72px); font-weight: 820; line-height: .98; letter-spacing: 0; }
.hero h1 > span { color: var(--violet); white-space: nowrap; }
.hero h1 em { color: var(--ink); font-style: normal; }
.hero-lead { max-width: 680px; margin: 29px 0 28px; color: #496580; font-size: 19px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; gap: 22px; }
.hero-actions > span { color: var(--muted); font-size: 13px; }
.hero-stage { position: relative; width: 100%; aspect-ratio: 4 / 3; margin: 0; display: block; overflow: hidden; border: 1px solid #9fc4e5; border-radius: 7px; background: #eaf4ff; box-shadow: 18px 20px 0 #b4d8f5; transform: rotate(-1.2deg); transition: transform .25s, box-shadow .25s; }
.hero-stage:hover { transform: rotate(0) translateY(-3px); box-shadow: 20px 23px 0 #a9d2f2; }
.hero-stage img { width: 100%; height: 100%; object-fit: cover; }
.stage-toolbar { height: 10%; padding: 0 3%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid #abc8e2; background: #f9fcff; font-size: 12px; }
.stage-toolbar b { justify-self: end; padding: 6px 14px; border-radius: 4px; background: var(--violet); color: white; }
.window-dots { display: flex; gap: 6px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #1769e0; }
.window-dots i:nth-child(2) { background: #56b9ff; }.window-dots i:nth-child(3) { background: #b9e5ff; }
.canvas { position: relative; height: 80%; overflow: hidden; background: linear-gradient(#cfe1f1 1px, transparent 1px), linear-gradient(90deg,#cfe1f1 1px, transparent 1px); background-size: 38px 38px; }
.canvas::after { position: absolute; inset: 0; content: ""; background: radial-gradient(circle at 50% 48%, transparent 0 20%, rgba(234,244,255,.26) 52%, rgba(234,244,255,.76)); }
.canvas-topic { position: absolute; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #08264d; border-radius: 50%; background: #f9fcff; text-align: center; box-shadow: 5px 6px 0 rgba(12,79,158,.18); }
.topic-main { top: 19%; left: 39%; width: 23%; aspect-ratio: 1; background: var(--acid); }
.topic-main small { font-size: clamp(9px, 1.1vw, 15px); font-weight: 800; }.topic-main strong { font-size: clamp(23px, 4vw, 56px); line-height: .95; }
.topic-a,.topic-b,.topic-c { width: 13%; aspect-ratio: 1; }
.topic-a { top: 15%; left: 13%; background: var(--sky); }.topic-b { top: 54%; left: 71%; background: #73c8ff; }.topic-c { top: 8%; left: 73%; background: #c9ddff; }
.canvas-topic span { font-size: clamp(8px, .9vw, 13px); }.canvas-topic b { font-size: clamp(13px, 2vw, 26px); }.canvas-topic i { width: 27%; height: 2px; margin-top: 8px; background: #111; }
.route { position: absolute; z-index: 1; border: 2px dashed #6184a5; border-radius: 50%; }
.route-one { top: 9%; left: 16%; width: 70%; height: 69%; transform: rotate(-10deg); }.route-two { top: 29%; left: 25%; width: 51%; height: 50%; transform: rotate(14deg); }
.cursor-note { position: absolute; z-index: 4; right: 6%; bottom: 6%; padding: 8px 11px; border: 1px solid #111; border-radius: 4px; background: white; font-size: 10px; font-weight: 700; box-shadow: 3px 3px 0 var(--acid); }
.cursor-note span { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #1883e6; }
.stage-meta { height: 10%; padding: 0 3%; display: flex; align-items: center; justify-content: space-between; background: #f9fcff; font-size: 11px; }.stage-meta div { display: flex; gap: 5px; }.stage-meta i { width: 30px; height: 4px; border-radius: 3px; background: #c7d9e9; }.stage-meta i:first-child { background: var(--violet); }
.hero-proof { grid-column: 2; margin: 32px 0 0; text-align: center; font-size: 14px; font-weight: 800; }

.trust-strip { padding: 24px max(24px, calc((100vw - var(--max)) / 2)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.trust-strip > span { color: var(--muted); font-size: 12px; }.trust-strip div { display: flex; gap: 42px; flex-wrap: wrap; }.trust-strip b { font-size: 15px; }
.about-prezi { max-width: var(--max); margin: auto; padding: 130px 24px 150px; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(420px,.92fr); align-items: center; gap: clamp(64px,7vw,110px); }
.about-visual { position: relative; min-height: 0; aspect-ratio: 4 / 3; margin: 0; overflow: hidden; border: 1px solid #9fc4e5; border-radius: 6px; background: #eaf4ff; box-shadow: 14px 15px 0 #b9dcfa; }
.about-visual img { width: 100%; height: 100%; object-fit: cover; }
.about-grid { position: absolute; inset: 0; opacity: .12; background: linear-gradient(#9ecdf2 1px,transparent 1px),linear-gradient(90deg,#9ecdf2 1px,transparent 1px); background-size: 48px 48px; }
.about-path { position: absolute; z-index: 1; border: 1px dashed rgba(158,205,242,.52); border-radius: 50%; }
.path-one { inset: 12% 8%; transform: rotate(-8deg); }.path-two { inset: 25% 18%; transform: rotate(12deg); }
.about-node { position: absolute; z-index: 2; color: white; }
.about-node span,.about-node small { display: block; color: #9ecdf2; font-size: 11px; font-weight: 750; }
.node-main { top: 29%; left: 31%; width: 38%; aspect-ratio: 1; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #9ecdf2; border-radius: 50%; background: #1769e0; text-align: center; box-shadow: 10px 12px 0 rgba(86,185,255,.22); }
.node-main strong { margin-top: 8px; font-size: clamp(22px,2.5vw,36px); line-height: 1.12; }
.node-main small { color: #dff2ff; }
.node-one,.node-two,.node-three { width: 150px; padding: 16px 18px; border: 1px solid #78bfff; background: #0d3869; box-shadow: 6px 7px 0 rgba(86,185,255,.2); }
.node-one { top: 10%; left: 8%; transform: rotate(-5deg); }.node-two { top: 15%; right: 7%; transform: rotate(6deg); }.node-three { left: 9%; bottom: 9%; transform: rotate(4deg); }
.about-node b { display: block; font-size: 17px; }
.about-zoom { position: absolute; right: 7%; bottom: 8%; z-index: 3; padding: 9px 13px; display: flex; align-items: center; gap: 8px; border: 1px solid #78bfff; background: #f9fcff; color: #08264d; font-size: 11px; font-weight: 800; }
.about-zoom i { width: 8px; height: 8px; border-radius: 50%; background: #1769e0; box-shadow: 0 0 0 4px #d9edff; }
.about-copy h2 { margin: 0; font-size: clamp(46px,5vw,72px); line-height: 1.05; }
.about-lead { margin: 28px 0 34px; color: var(--muted); font-size: 17px; line-height: 1.85; }
.about-points { margin-bottom: 35px; border-top: 1px solid var(--line); }
.about-points > div { padding: 18px 0; display: grid; grid-template-columns: 42px 1fr; gap: 12px; border-bottom: 1px solid var(--line); }
.about-points span { color: #1769e0; font-size: 11px; font-weight: 800; }
.about-points p { margin: 0; color: var(--muted); font-size: 14px; }.about-points b { display: block; margin-bottom: 3px; color: var(--ink); font-size: 16px; }
.product-features { border-top: 1px solid #b7d3ec; background: #eaf4ff; }
.features-heading { max-width: 860px; margin: auto; padding: 130px 24px 85px; text-align: center; }
.features-heading .eyebrow { justify-content: center; }.features-heading h2 { margin: 0; font-size: clamp(46px,5.5vw,76px); line-height: 1.06; }.features-heading > p:last-child { max-width: 660px; margin: 26px auto 0; color: var(--muted); font-size: 17px; }
.feature-item { padding: 100px max(24px,calc((100vw - var(--max)) / 2)); display: grid; grid-template-columns: minmax(0,1.08fr) minmax(420px,.92fr); align-items: center; gap: clamp(60px,7vw,105px); border-top: 1px solid #b7d3ec; background: #eaf4ff; }
.feature-item.reverse { grid-template-columns: minmax(420px,.92fr) minmax(0,1.08fr); }
.feature-item.reverse .feature-media { order: 2; }.feature-item.reverse .feature-copy { order: 1; }
.feature-media { margin: 0; overflow: hidden; border: 1px solid #9fc4e5; border-radius: 6px; background: #dceeff; box-shadow: 14px 15px 0 #b4d8f5; }
.feature-media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.feature-number { display: block; margin-bottom: 19px; color: #1769e0; font-size: 11px; font-weight: 850; }
.feature-copy h3 { margin: 0 0 27px; font-size: clamp(38px,4.3vw,62px); line-height: 1.08; }
.feature-copy > p { margin: 0 0 16px; color: var(--muted); font-size: 16px; line-height: 1.9; }
.feature-tags { display: flex; gap: 9px; margin-top: 28px; flex-wrap: wrap; }
.feature-tags span { padding: 7px 12px; border: 1px solid #9fc4e5; border-radius: 20px; background: #dceeff; color: #24577f; font-size: 11px; font-weight: 750; }
.getting-started { padding: 120px max(24px,calc((100vw - var(--max)) / 2)); overflow: hidden; background: #061a33; color: white; }
.getting-started-inner { position: relative; display: grid; grid-template-columns: minmax(0,.9fr) minmax(500px,1.1fr); align-items: center; gap: clamp(70px,8vw,125px); }
.getting-started-inner::before { position: absolute; top: 50%; left: 22%; width: 560px; aspect-ratio: 1; content: ""; border: 1px solid rgba(115,200,255,.16); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 0 90px rgba(115,200,255,.04),0 0 0 180px rgba(115,200,255,.025); }
.getting-started-copy { position: relative; z-index: 1; }.getting-started-copy h2 { margin: 0; font-size: clamp(44px,5vw,70px); line-height: 1.06; }.getting-started-copy > p:not(.eyebrow) { max-width: 530px; margin: 27px 0 34px; color: #b6d0e8; font-size: 17px; line-height: 1.85; }
.getting-started-steps { position: relative; z-index: 1; margin: 0; padding: 0; border-top: 1px solid #315a82; list-style: none; }
.getting-started-steps li { min-height: 145px; padding: 27px 0; display: grid; grid-template-columns: 60px 1fr; align-items: start; gap: 16px; border-bottom: 1px solid #315a82; }
.getting-started-steps li > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #73c8ff; border-radius: 50%; color: #73c8ff; font-size: 11px; font-weight: 850; }
.getting-started-steps b { display: block; margin-bottom: 7px; font-size: 22px; }.getting-started-steps p { margin: 0; color: #9ebbd4; font-size: 14px; line-height: 1.75; }
.feature-band { max-width: var(--max); margin: auto; padding: 150px 24px; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 80px; }
.section-intro h2,.section-heading h2 { margin: 0; font-size: clamp(39px, 5vw, 70px); line-height: 1.08; letter-spacing: 0; }
.section-intro > p:not(.eyebrow) { max-width: 440px; margin: 28px 0; color: var(--muted); font-size: 17px; }
.text-link { display: inline-flex; gap: 14px; padding-bottom: 4px; border-bottom: 1px solid; font-weight: 800; }
.feature-visual { min-height: 600px; }
.zoom-map { position: relative; width: 100%; height: 600px; overflow: hidden; border: 1px solid #08264d; background: #061a33; }
.zoom-map::before { position: absolute; inset: 0; content: ""; opacity: .15; background: linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size: 42px 42px; }
.zoom-center,.zoom-card { position: absolute; z-index: 3; border: 1px solid white; color: white; }
.zoom-center { top: 29%; left: 31%; width: 38%; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: var(--violet); text-align: center; }
.zoom-center small { font-size: 12px; }.zoom-center strong { font-size: clamp(32px,4vw,58px); line-height: 1; }
.zoom-card { width: 145px; padding: 16px; background: #0d3869; box-shadow: 6px 6px 0 rgba(86,185,255,.24); }.zoom-card span { display: block; color: #9ecdf2; font-size: 10px; }.zoom-card b { font-size: 16px; }
.z1 { top: 10%; left: 9%; transform: rotate(-5deg); }.z2 { right: 6%; top: 18%; transform: rotate(6deg); }.z3 { left: 10%; bottom: 9%; transform: rotate(4deg); }
.zoom-ring { position: absolute; border: 1px dashed rgba(255,255,255,.4); border-radius: 50%; }.r1 { inset: 12%; }.r2 { inset: 22%; }

.ai-section { padding: 130px max(24px, calc((100vw - var(--max)) / 2)); background: var(--soft); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.section-heading { margin-bottom: 55px; text-align: center; }.section-heading .eyebrow { justify-content: center; }.section-heading > p:last-child { color: var(--muted); font-size: 17px; }.section-heading.left { text-align: left; }.section-heading.left .eyebrow { justify-content: flex-start; }
.ai-workspace { min-height: 600px; display: grid; grid-template-columns: .75fr 1.25fr; border: 1px solid #08264d; background: #f9fcff; box-shadow: 12px 12px 0 #0c4f9e; }
.prompt-panel { padding: 48px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #111; }
.panel-label { margin-bottom: 20px; font-size: 14px; font-weight: 800; }.panel-label span { display: inline-grid; width: 31px; height: 31px; margin-right: 9px; place-items: center; border-radius: 50%; background: var(--acid); }
.prompt-input { min-height: 145px; padding: 21px; border: 1px solid #aaa; border-radius: 5px; font-size: 18px; line-height: 1.7; }.typing-caret { display: inline-block; width: 2px; height: 21px; margin-left: 3px; background: #111; animation: blink 1s infinite; vertical-align: -4px; }
@keyframes blink { 50% { opacity: 0; } }
.prompt-tags { display: flex; gap: 7px; margin: 15px 0 29px; flex-wrap: wrap; }.prompt-tags span { padding: 5px 10px; border: 1px solid #ccc; border-radius: 20px; color: #555; font-size: 11px; }.prompt-panel .button { align-self: flex-start; }
.generated-preview { position: relative; min-width: 0; margin: 0; padding: 34px; display: flex; flex-direction: column; justify-content: center; background: #cfe5ff; overflow: hidden; }.generated-preview img { width: 100%; border: 1px solid #08264d; box-shadow: 8px 9px 0 rgba(12,79,158,.24); }.generated-preview figcaption { display: flex; justify-content: space-between; margin-top: 24px; font-size: 13px; }.generated-preview figcaption span::before { display: inline-block; width: 8px; height: 8px; margin-right: 8px; content: ""; border-radius: 50%; background: #1883e6; }

.steps-section { max-width: var(--max); margin: auto; padding: 140px 24px; }
.steps-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #111; border-bottom: 1px solid #111; }
.steps-grid article { position: relative; min-height: 350px; padding: 35px; border-right: 1px solid #111; }.steps-grid article:last-child { border-right: 0; }.step-no { color: var(--muted); font-size: 12px; font-weight: 800; }.steps-grid h3 { margin: 24px 0 10px; font-size: 23px; }.steps-grid p { margin: 0; color: var(--muted); }
.step-icon { width: 115px; height: 82px; margin-top: 50px; position: relative; }.step-icon i { position: absolute; width: 51px; height: 51px; border: 2px solid #08264d; border-radius: 50%; background: var(--acid); }.step-icon i:nth-child(2) { left: 31px; background: var(--sky); }.step-icon i:nth-child(3) { left: 62px; background: #5eaef5; }
.icon-layout i { width: 62px; height: 42px; border-radius: 2px; background: white; }.icon-layout i:nth-child(1) { top: 0; left: 0; }.icon-layout i:nth-child(2) { top: 18px; left: 24px; background: var(--acid); }.icon-layout i:nth-child(3) { top: 36px; left: 48px; background: var(--sky); }
.icon-play { display: grid; place-items: center; border: 2px solid #08264d; border-radius: 50%; background: #8fd4ff; }.icon-play i { position: static; width: 0; height: 0; margin-left: 7px; border: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 21px solid #08264d; border-radius: 0; background: none; }
.steps-action { margin-top: 42px; text-align: center; }

.use-cases { padding: 130px max(24px, calc((100vw - var(--max)) / 2)); display: grid; grid-template-columns: 1fr 1fr; gap: 100px; background: #061a33; color: white; }.eyebrow.light { color: #9ecdf2; }.use-case-copy h2 { margin: 0; font-size: clamp(39px,5vw,70px); line-height: 1.08; }.use-case-copy > p:not(.eyebrow) { max-width: 500px; margin: 28px 0; color: #b6d0e8; font-size: 17px; }
.case-list { border-top: 1px solid #315a82; }.case-list a { min-height: 112px; padding: 20px 0; display: grid; grid-template-columns: 55px 1fr auto; align-items: center; border-bottom: 1px solid #315a82; transition: padding .2s, color .2s; }.case-list a:hover { padding-left: 15px; color: #73c8ff; }.case-list span,.case-list small { color: #84a9ca; font-size: 11px; }.case-list b { display: block; font-size: 21px; }.case-list i { font-style: normal; font-size: 23px; }

.faq-section { max-width: 1000px; margin: auto; padding: 140px 24px; }.faq-list { border-top: 1px solid #111; }.faq-list details { border-bottom: 1px solid #111; }.faq-list summary { padding: 25px 0; display: flex; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; font-size: 19px; font-weight: 750; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { font-size: 25px; font-weight: 400; transition: transform .2s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list p { max-width: 770px; margin: -4px 0 25px; color: var(--muted); }
.final-cta { position: relative; min-height: 620px; padding: 90px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; background: #1769e0; color: white; text-align: center; }.final-cta > p { margin: 0 0 15px; font-weight: 700; }.final-cta h2 { margin: 0 0 35px; font-size: clamp(46px,6vw,82px); line-height: 1.05; }.final-mark { position: absolute; inset: 50% auto auto 50%; width: min(780px,95vw); aspect-ratio:1; transform: translate(-50%,-50%); }.final-mark i { position: absolute; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; }.final-mark i:nth-child(1){inset:0}.final-mark i:nth-child(2){inset:11%}.final-mark i:nth-child(3){inset:22%}.final-mark i:nth-child(4){inset:33%}.final-cta > *:not(.final-mark) { position: relative; z-index: 2; }
.site-footer { padding: 42px max(24px, calc((100vw - var(--max)) / 2)); display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 22px; border-top: 1px solid #111; }.footer-brand { justify-self: start; }.site-footer > p { margin: 0; justify-self: end; color: var(--muted); }.footer-links { display: flex; gap: 24px; font-size: 13px; font-weight: 700; }.site-footer > small { justify-self: end; color: var(--muted); }

@media (max-width: 900px) {
  .desktop-nav { display:none; }.menu-toggle { display:block; }.nav-shell { width: calc(100% - 32px); }
  .hero { padding-top: 54px; display: block; }.hero h1 { font-size: clamp(48px,13vw,78px); }.hero-stage { width: 94vw; margin: 56px 0 0 -3vw; box-shadow: 12px 13px 0 #b4d8f5; }.hero-lead { font-size: 16px; }.hero-proof { margin-top: 32px; }
  .trust-strip { align-items: flex-start; flex-direction: column; }.trust-strip div { gap: 18px 28px; }
  .about-prezi { padding-top: 90px; padding-bottom: 110px; grid-template-columns: 1fr; gap: 60px; }.about-copy { max-width: 680px; }
  .features-heading { padding-top: 100px; padding-bottom: 70px; }.feature-item,.feature-item.reverse { padding-top: 78px; padding-bottom: 88px; grid-template-columns: 1fr; gap: 54px; }.feature-item.reverse .feature-media { order: 1; }.feature-item.reverse .feature-copy { order: 2; }.feature-copy { max-width: 720px; }
  .getting-started { padding-top: 95px; padding-bottom: 100px; }.getting-started-inner { grid-template-columns: 1fr; gap: 65px; }.getting-started-copy { max-width: 720px; }.getting-started-inner::before { top: 15%; left: 45%; }
  .feature-band,.use-cases { grid-template-columns: 1fr; gap: 55px; }.feature-band { padding-top: 100px; padding-bottom: 100px; }.feature-visual,.zoom-map { min-height: 480px; height: 480px; }
  .ai-section { padding-top: 100px; padding-bottom: 100px; }.ai-workspace { grid-template-columns: 1fr; }.prompt-panel { border-right: 0; border-bottom: 1px solid #111; }
  .steps-grid { grid-template-columns: 1fr; }.steps-grid article { min-height: 290px; border-right: 0; border-bottom: 1px solid #111; }.steps-grid article:last-child { border-bottom: 0; }.step-icon { margin-top: 35px; }
  .site-footer { grid-template-columns: 1fr; }.site-footer > p,.site-footer > small { justify-self: start; }
}

@media (max-width: 560px) {
  .nav-shell { height: 66px; }.brand { font-size: 24px; }.brand-orbit { width: 25px; height: 25px; }
  .hero { min-height: auto; padding-top: 42px; }.hero h1 { font-size: 44px; }.hero-actions { align-items: flex-start; flex-direction: column; }.hero-stage { width: 112vw; margin-top: 50px; margin-left: -16vw; }.topic-main { width: 27%; left: 37%; }.hero-proof { margin-top: 27px; }
  .about-prezi { padding-top: 72px; padding-bottom: 86px; gap: 48px; }.about-visual { box-shadow: 8px 9px 0 #b9dcfa; }.about-copy h2 { font-size: 44px; }.about-lead { font-size: 16px; }
  .features-heading { padding-top: 78px; padding-bottom: 55px; }.features-heading h2 { font-size: 42px; }.feature-item,.feature-item.reverse { padding-top: 58px; padding-bottom: 68px; gap: 40px; }.feature-media { box-shadow: 8px 9px 0 #b9dcfa; }.feature-copy h3 { margin-bottom: 22px; font-size: 36px; }.feature-copy > p { font-size: 15px; line-height: 1.8; }
  .getting-started { padding-top: 76px; padding-bottom: 82px; }.getting-started-inner { gap: 52px; }.getting-started-copy h2 { font-size: 42px; }.getting-started-copy > p:not(.eyebrow) { font-size: 16px; }.getting-started-steps li { min-height: 0; grid-template-columns: 48px 1fr; gap: 10px; }.getting-started-steps b { font-size: 19px; }
  .feature-band,.steps-section,.faq-section { padding-top: 84px; padding-bottom: 84px; }.section-intro h2,.section-heading h2,.use-case-copy h2 { font-size: 39px; }.feature-visual,.zoom-map { min-height: 390px; height: 390px; }.zoom-center { top: 30%; left: 27%; width: 46%; }.zoom-card { width: 113px; padding: 11px; }.z2 { top: 8%; }.z3 { bottom: 5%; }
  .ai-section { padding-top: 80px; padding-bottom: 80px; }.prompt-panel,.generated-preview { padding: 24px; }.ai-workspace { min-height: 0; box-shadow: 7px 7px 0 #111; }.generated-preview figcaption { align-items: flex-start; flex-direction: column; gap: 5px; }
  .steps-grid article { padding: 29px 22px; }.use-cases { padding-top: 86px; padding-bottom: 86px; gap: 50px; }.case-list a { grid-template-columns: 39px 1fr auto; }.case-list b { font-size: 18px; }
  .final-cta { min-height: 530px; }.final-cta h2 { font-size: 43px; }.footer-links { gap: 15px; flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }