:root { --paper:#f4f4f2; --ink:#090909; --red:#f01818; --muted:#6c6c6a; --line:#c9c9c5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
.dm-page { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
p { font-size:clamp(1rem,1.15vw,1.22rem); line-height:1.48; margin:0; max-width:46rem; }
h1,h2,h3 { margin:0; font-weight:500; letter-spacing:-.055em; line-height:.96; }
h1 { font-size:clamp(3.1rem,6.4vw,7.8rem); }
h2 { font-size:clamp(2.65rem,4.6vw,5.9rem); }
h3 { font-size:clamp(1.55rem,2.15vw,2.8rem); line-height:1.03; }
em { color:var(--red); font-style:normal; }
.logo { font-size:clamp(1.05rem,1.4vw,1.35rem); font-weight:800; letter-spacing:-.08em; }
.logo span { color:var(--red); }
.site-header { position:absolute; z-index:20; top:0; left:0; width:100%; height:88px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 6.2vw; }
.site-header nav { display:flex; gap:clamp(2rem,5vw,5.5rem); font-size:.78rem; }
.header-actions { justify-self:end; display:flex; align-items:center; gap:1.5rem; }
.lang { font-size:.72rem; letter-spacing:.04em; }
.mobile-menu { display:none; position:relative; }
.mobile-menu summary { list-style:none; width:26px; cursor:pointer; }
.mobile-menu summary::-webkit-details-marker { display:none; }
.mobile-menu summary i { display:block; height:1px; background:currentColor; margin:6px 0; }
.mobile-menu>div { position:absolute; right:0; top:35px; display:grid; gap:1px; width:180px; padding:10px; background:#111; color:#fff; box-shadow:0 15px 40px #0003; }
.mobile-menu a { padding:12px; border-bottom:1px solid #333; font-size:.9rem; }
section { position:relative; min-height:620px; padding:clamp(6rem,10vw,10rem) 8vw; display:grid; align-items:center; gap:4vw; overflow:hidden; }
.section-light { background:var(--paper); color:var(--ink); }
.section-dark { background:#0a0a0a; color:#f3f3f0; }
.section-copy { position:relative; z-index:3; }
.section-copy p,.hero-copy p { margin-top:2rem; }
.kicker { display:flex; gap:2rem; margin-bottom:2.7rem; font-size:.72rem; font-weight:600; letter-spacing:.16em; line-height:1.25; }
.kicker span:first-child { min-width:0; }
section>aside { justify-self:end; align-self:center; font-size:.68rem; font-weight:600; letter-spacing:.18em; line-height:1.45; }
section>aside i { display:block; width:32px; border-top:1px solid currentColor; margin-top:1.3rem; opacity:.75; }
.tags { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:2.1rem; }
.tags span { background:#dededb; color:#202020; border-radius:4px; padding:.45rem .8rem; font-size:.74rem; }
.section-dark .tags span { background:#171717; color:#ddd; border:1px solid #3c3c3c; }

.hero { min-height:100svh; padding-top:9rem; grid-template-columns:minmax(340px,42%) 1fr 70px; }
.hero-copy { position:relative; z-index:3; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.hero-copy p { max-width:34rem; }
.scroll-cue { margin-top:auto; padding-top:4rem; display:flex; align-items:center; gap:1.5rem; width:max-content; font-size:.66rem; font-weight:600; letter-spacing:.15em; cursor:pointer; }
.scroll-cue span { font-size:2rem; font-weight:300; }
.scroll-cue:focus-visible { outline:2px solid currentColor; outline-offset:8px; }
.ecosystem { scroll-margin-top:80px; }
.hero-art { position:absolute; inset:0; width:100%; height:100%; }
.hero-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; mix-blend-mode:multiply; }

.ecosystem { grid-template-columns:35% 1fr 90px; }
.network { position:relative; min-height:510px; width:100%; max-width:780px; justify-self:center; }
.brand-orb { position:absolute; z-index:3; left:50%; top:50%; width:130px; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; display:grid; place-items:center; color:#fff; font-size:.85rem; letter-spacing:.12em; background:radial-gradient(circle at 35% 25%,#ff5a5a 0,#e00808 24%,#530000 65%,#030303 100%); box-shadow:0 12px 38px #e00a, inset -20px -22px 30px #000a; }
.network-lines { position:absolute; inset:12%; border:2px solid var(--red); border-radius:50%; transform:rotate(-12deg); opacity:.9; }
.network-lines:before,.network-lines:after { content:""; position:absolute; inset:7% -3%; border:2px solid var(--red); border-radius:50%; transform:rotate(35deg); }
.network-lines:after { transform:rotate(78deg); }
.node { position:absolute; z-index:4; display:flex; align-items:center; gap:.75rem; font-size:.68rem; letter-spacing:.15em; }
.node span { width:62px; aspect-ratio:1; display:grid; place-items:center; border-radius:50%; color:#fff; background:radial-gradient(circle at 35% 25%,#555,#161616 50%,#000); border:1px solid #555; box-shadow:0 10px 20px #0007; }
.n1{left:42%;top:0}.n2{left:3%;top:18%}.n3{right:3%;top:13%}.n4{left:0;top:45%}.n5{left:8%;bottom:12%}.n6{right:0;top:43%}.n7{left:33%;bottom:0}.n8{right:3%;bottom:10%}.n9{right:35%;top:12%}

.website { min-height:760px; grid-template-columns:39% 1fr 70px; }
.website-visual { position:relative; min-height:570px; perspective:1000px; }
.glass-sheet { position:absolute; border:1px solid #ccc; background:#fff5; box-shadow:0 20px 40px #0001; }
.gs1{width:74%;height:78%;right:6%;top:5%;transform:rotateY(-8deg)}.gs2{width:45%;height:50%;left:1%;bottom:3%;}
.browser-card { position:absolute; z-index:3; width:69%; height:62%; right:6%; bottom:8%; overflow:hidden; border-radius:6px; background:#111; color:#fff; transform:rotateY(-5deg); box-shadow:0 35px 45px #0005; }
.browser-top { height:28px; display:flex; align-items:center; gap:5px; padding:0 10px; border-bottom:1px solid #333; }
.browser-top i { width:5px;height:5px;border-radius:50%;background:#888; }
.browser-copy { padding:10%; width:50%; font-size:clamp(1.2rem,2vw,2.3rem); }
.browser-copy span,.phone-card span { display:block; width:80%; border-top:2px solid #444; margin-top:1rem; }
.mountain { background:linear-gradient(145deg,transparent 40%,#555 41% 54%,#222 55% 68%,transparent 69%),linear-gradient(35deg,#1a1a1a 45%,#777 46% 53%,#222 54%); }
.browser-card>.mountain { position:absolute; inset:10% 5% 10% 48%; }
.phone-card { position:absolute; z-index:4; width:24%; height:48%; left:19%; bottom:3%; padding:8px; border-radius:22px; background:#111; box-shadow:0 20px 30px #0006; }
.phone-card .mountain { height:48%;border-radius:14px; }
.cable-segment { position:absolute; z-index:5; width:44%; height:37%; right:0; bottom:0; border:4px solid var(--red); border-left-color:transparent; border-top-color:transparent; border-radius:0 0 70px 0; }

.social { grid-template-columns:58% 1fr 70px; min-height:800px; }
.social .section-copy h3 { margin-top:3rem; }
.social-visual { min-height:620px; position:relative; }
.social-phone { position:absolute; z-index:3; left:0; top:2%; width:35%; height:72%; padding:12% 7%; display:flex; flex-direction:column; justify-content:space-between; border:5px solid #444; border-radius:35px; background:linear-gradient(160deg,#4a4a4a,#0c0c0c 55%); transform:rotate(-8deg); box-shadow:0 30px 50px #000; }
.social-phone strong { font-size:clamp(1.2rem,2vw,2.2rem); font-weight:400; line-height:1; }
.social-phone i { height:3px; background:var(--red); width:65%; }
.content-strip { position:absolute; right:0; top:20%; width:67%; display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }
.content-card { aspect-ratio:9/17; border:1px solid #444; border-radius:8px; background:linear-gradient(145deg,#555,#111 55%,#333); position:relative; overflow:hidden; }
.content-card:after { content:""; position:absolute; width:60%; height:1px; background:var(--red); top:50%; left:20%; transform:rotate(-30deg); }
.content-card span { position:absolute; top:calc(100% + 12px); font-size:.58rem; letter-spacing:.13em; }
.social-marks { position:absolute; right:11%; bottom:17%; display:flex; gap:2.5rem; align-items:center; font-size:1.5rem; }
.social-marks svg { color:var(--red); }

.google { grid-template-columns:39% 1fr 110px; min-height:650px; }
.search-ui { width:100%; max-width:680px; padding:1rem; }
.search-bar { height:58px; padding:0 1.3rem; display:flex; align-items:center; gap:1rem; background:#fff; border-radius:30px; box-shadow:0 13px 30px #0002; }
.search-tabs { display:flex; gap:2rem; padding:1.1rem 1rem .7rem; color:#6f6f6f; font-size:.78rem; }
.search-tabs .is-active { color:#222; border-bottom:2px solid #222; padding-bottom:.5rem; }
.profile-card { display:grid; grid-template-columns:1fr 42%; min-height:220px; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 12px 30px #0001; }
.profile-card>div:first-child { padding:2rem; display:flex; flex-direction:column; gap:.7rem; }
.profile-card .rating { color:#b83a12; }.profile-card small { color:#666; }
.profile-actions { display:flex; gap:.7rem; margin-top:auto; }.profile-actions i { display:grid; place-items:center; width:36px; height:36px; color:#1689ff; border:1px solid #1689ff; border-radius:50%; font-style:normal; }
.mini-map { display:grid; place-items:center; color:var(--red); background:repeating-linear-gradient(34deg,#e3e3e0 0 2px,transparent 2px 45px),repeating-linear-gradient(-28deg,#ddd 0 2px,#f0f0ee 2px 55px); }

.setup { grid-template-columns:35% 1fr 90px; min-height:660px; }
.setup h3 { margin-top:1.6rem; }
.tools-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; }
.tools-grid>div { min-height:135px; padding:1.4rem; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:1rem; background:#181818; border:1px solid #252525; border-radius:8px; font-size:.82rem; }
.tools-grid svg { width:25px; }
.tools-grid .tool-icon{position:relative;display:grid;width:58px;height:58px;place-items:center;border:1px solid #3a3a3a;border-radius:16px;background:radial-gradient(circle at 32% 25%,#343434,#1b1b1b 58%,#111);box-shadow:inset 0 1px 0 #ffffff18,0 12px 24px #0005;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.tools-grid>div:hover .tool-icon{transform:translateY(-3px);border-color:#666;box-shadow:inset 0 1px 0 #ffffff24,0 16px 30px #0008}
.tool-icon:before{display:grid;place-items:center;width:34px;height:34px;color:#f4f4f1;font-size:25px;font-weight:500;line-height:1}
.tool-icon:after{content:'';position:absolute;right:8px;bottom:8px;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 10px #e72b2288}
.tool-email{--tool-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='38' height='28' rx='4'/%3E%3Cpath d='m7 14 17 14 17-14'/%3E%3C/g%3E%3C/svg%3E")}
.tool-workspace{--tool-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='3'%3E%3Crect x='7' y='7' width='34' height='34' rx='6'/%3E%3Cpath d='M17 7v34M7 18h34'/%3E%3Ccircle cx='29' cy='29' r='6'/%3E%3Cpath d='m34 34 6 6'/%3E%3C/g%3E%3C/svg%3E")}
.tool-forms{--tool-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Crect x='9' y='5' width='30' height='38' rx='4'/%3E%3Cpath d='M20 16h12M20 25h12M20 34h8M13 15l2 2 3-4'/%3E%3C/g%3E%3C/svg%3E")}
.tool-booking{--tool-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Crect x='6' y='10' width='36' height='32' rx='4'/%3E%3Cpath d='M6 19h36M16 6v8M32 6v8m-16 16 5 5 11-12'/%3E%3C/g%3E%3C/svg%3E")}
.tool-newsletter{--tool-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 14h36v25H6zM7 16l17 14 17-14M14 8h20'/%3E%3C/g%3E%3C/svg%3E")}
.tool-whatsapp{--tool-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M24 6A18 18 0 0 0 8 32L6 42l10-3A18 18 0 1 0 24 6Z'/%3E%3Cpath d='M17 15c1 9 7 15 16 18l3-5-6-3-3 3c-4-2-6-4-8-8l3-3-3-5-2 3Z'/%3E%3C/g%3E%3C/svg%3E")}
.tool-analytics{--tool-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='3'%3E%3Cpath d='M6 41h37'/%3E%3Crect x='9' y='26' width='8' height='12' rx='1'/%3E%3Crect x='21' y='17' width='8' height='21' rx='1'/%3E%3Crect x='33' y='7' width='8' height='31' rx='1'/%3E%3C/g%3E%3C/svg%3E")}
.tool-integrations{--tool-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='36' cy='12' r='5'/%3E%3Ccircle cx='12' cy='36' r='5'/%3E%3Ccircle cx='36' cy='36' r='5'/%3E%3Cpath d='M17 12h14M12 17v14M36 17v14M17 36h14'/%3E%3C/g%3E%3C/svg%3E")}
.tool-email:before{content:'✉'}.tool-workspace:before{content:'G';font-size:24px;font-weight:800}.tool-forms:before{content:'☷';font-size:29px}.tool-booking:before{content:'▦';font-size:29px}.tool-newsletter:before{content:'➤';font-size:22px;transform:rotate(-18deg)}.tool-whatsapp:before{content:'◉';font-size:29px}.tool-analytics:before{content:'▥';font-size:29px}.tool-integrations:before{content:'⌘';font-size:27px}
.tools-grid>.tools-note { align-items:flex-start; text-align:left; color:#f3f3f0; font-size:.68rem; font-weight:600; letter-spacing:.18em; line-height:1.45; }
.tools-note i { display:block; width:32px; border-top:1px solid currentColor; margin-top:.35rem; opacity:.75; }
.same { grid-template-columns:34% 1fr 90px; min-height:650px; }
.same .network { min-height:430px; transform:scale(.85); }
.same .brand-orb { background:radial-gradient(circle at 35% 25%,#666,#151515 55%,#000); }
.same .node span { width:48px; }.same .node { color:#111; }
.faq { grid-template-columns:35% 1fr; align-items:start; min-height:610px; }
.faq-list details { border-top:1px solid #494949; }
.faq-list details:last-child { border-bottom:1px solid #494949; }
.faq-list summary { list-style:none; padding:1.4rem 0; display:flex; justify-content:space-between; gap:2rem; cursor:pointer; font-size:clamp(1rem,1.2vw,1.25rem); }
.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { font-size:1.4rem; transition:transform .2s; }.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list p { padding:0 3rem 1.5rem 0; color:#aaa; font-size:.95rem; }
.back-services { min-height:260px; padding:4rem 6.2vw; display:flex; align-items:center; justify-content:center; background:var(--paper); }
.back-services a { display:flex; align-items:center; gap:1.2rem; font-size:clamp(1.5rem,2.6vw,3rem); letter-spacing:-.04em; border-bottom:1px solid currentColor; padding:.55rem 0; transition:gap .2s ease,color .2s ease; }
.back-services a:hover { gap:1.7rem; color:var(--red); }.back-services span { font-size:1.15em; font-weight:300; }

.ecosystem-art,.website-art,.social-art,.same-art { position:absolute; inset:0; width:100%; height:100%; min-height:0; overflow:hidden; }
.ecosystem-art img,.website-art img,.social-art img,.same-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.art-mobile { display:none; }
.ecosystem-art img { object-position:center; }
.website-art img { object-position:center; mix-blend-mode:multiply; }
.social-art img { object-position:center; }
.same-art img { object-position:center; mix-blend-mode:multiply; }
.ecosystem .section-copy { grid-column:1; max-width:34rem; }
.website .section-copy { grid-column:1; max-width:30rem; }
.website .section-copy h2 { max-width:29rem; font-size:clamp(3rem,4vw,5.2rem); }
.website .section-copy p { max-width:27rem; }
.website>.tags { position:absolute; z-index:3; left:8vw; bottom:6.5rem; max-width:29rem; }
.same .section-copy { grid-column:1; max-width:30rem; }
.same .section-copy p { max-width:22rem; }
.social::after { content:""; position:absolute; z-index:2; inset:0 0 0 52%; background:linear-gradient(90deg,transparent 0,#080808d9 16%,#080808 42%); pointer-events:none; }
.social .section-copy { grid-column:2; width:min(100%,29rem); max-width:29rem; justify-self:end; }
.social .section-copy h2 { max-width:28rem; font-size:clamp(3rem,4vw,5.1rem); }
.social .section-copy p { max-width:28rem; }
.social .kicker { justify-content:flex-end; }.social .tags { max-width:29rem; justify-content:flex-end; }
.social .section-copy,.social-primary,.social-secondary { text-align:right; }
.social aside { position:relative; z-index:3; }
.ecosystem,.website,.social,.same { isolation:isolate; min-height:clamp(760px,58vw,980px); }

@media (min-width:901px) {
 .social { grid-template-columns:58% minmax(0,1fr); padding-right:4vw; }
 .social .section-copy { width:min(100%,32rem); max-width:32rem; justify-self:end; }
 .social-primary,.social-secondary { display:flex; flex-direction:column; align-items:flex-end; width:100%; }
 .social .kicker { width:100%; }
 .social .section-copy h2,.social .section-copy h3,.social .section-copy p { width:100%; margin-left:auto; text-align:right; }
 .social .tags { width:100%; margin-left:auto; justify-content:flex-end; }
}

@media (max-width:900px) {
 .site-header { padding:0 4.5vw; height:74px; grid-template-columns:1fr auto; }.site-header nav { display:none; }.mobile-menu { display:block; }
 section { min-height:auto; padding:7rem 5vw; grid-template-columns:1fr !important; gap:3.5rem; }.section-copy,.hero-copy { max-width:680px; }
 section>aside { display:none; }
 .art-desktop { display:none !important; }.art-mobile { display:block; }
 .hero,.ecosystem,.website,.same { position:relative; min-height:max(100svh,calc(100vw * 1.777)); padding:7rem 5vw 5rem; display:block; }
 .hero-copy { min-height:0; max-width:92%; }.hero-art,.ecosystem-art,.website-art,.same-art { position:absolute; inset:0; width:100%; height:100%; margin:0; aspect-ratio:auto; }
 .hero-art img,.ecosystem-art img,.website-art img,.same-art img { object-fit:cover; object-position:center; }
 .scroll-cue { margin-top:3rem; padding-top:0; }
 .ecosystem .section-copy,.website .section-copy,.same .section-copy { grid-column:auto; max-width:680px; }
 .social { position:relative; min-height:max(1180px,calc(100vw * 2.85)); padding:0; display:block; }
 .social-art { position:absolute; inset:0; width:100%; height:100%; margin:0; aspect-ratio:auto; }
 .social-art img { object-fit:contain; object-position:center; }
 .social .section-copy { position:absolute; inset:0; padding:6.5rem 5vw 5rem; max-width:none; display:flex; flex-direction:column; justify-content:space-between; }
 .social::after { inset:0; background:linear-gradient(180deg,#080808 0,#080808ed 25%,transparent 42%,transparent 70%,#080808e8 84%,#080808 100%); }
 .social-primary,.social-secondary { width:88%; max-width:580px; margin-left:auto; }.social .section-copy h3 { margin-top:0; }
 .google .section-copy { order:1; }.search-ui { order:2; }
 .tools-grid { grid-template-columns:repeat(3,1fr); }.faq-list { width:100%; }
}
@media (max-width:560px) {
 p { font-size:1rem; }.kicker { margin-bottom:2.2rem; }
 .hero,.ecosystem,.website,.same { padding-top:5.5rem; }.hero h1 { font-size:clamp(2.85rem,13vw,4.8rem); }
 .hero h1,.ecosystem h2,.website h2,.same h2 { font-size:clamp(2.55rem,12vw,3.65rem); }
 .hero .kicker,.ecosystem .kicker,.website .kicker,.same .kicker { margin-bottom:1.4rem; }
 .hero-copy p,.ecosystem .section-copy p,.website .section-copy p,.same .section-copy p { margin-top:1.25rem; line-height:1.42; }
 .website .section-copy { max-width:82%; }.website .section-copy p { max-width:17.5rem; font-size:.88rem; line-height:1.34; }
 .same .section-copy p { max-width:18rem; }
 .website>.tags { left:5vw; right:5vw; bottom:4.25rem; max-width:none; margin:0; gap:.38rem; }.website>.tags span { padding:.35rem .58rem; font-size:.66rem; }
 .social { min-height:1120px; }.social .section-copy { padding:5.5rem 5vw 4.5rem; }
 .social h2 { font-size:clamp(2.45rem,11.5vw,3.45rem); }.social .kicker { margin-bottom:1.35rem; }
 .social .section-copy p { font-size:.94rem; margin-top:1.1rem; }.social .tags { margin-top:1.2rem; gap:.35rem; }.social .tags span { padding:.35rem .5rem; font-size:.62rem; }
 .social-secondary h3 { font-size:1.85rem; max-width:19rem; }.social-secondary p { max-width:22rem; }
 .back-services { min-height:190px; padding:3rem 5vw; }.back-services a { font-size:1.65rem; }
 .search-ui { padding:0; }.search-tabs { gap:1.2rem; overflow:hidden; }.profile-card { grid-template-columns:1fr; }.mini-map { min-height:150px; }.tools-grid { grid-template-columns:1fr 1fr; }.tools-grid>div { min-height:120px; }.tools-grid>.tools-note { display:none; }.faq { padding-top:6rem; }
 .hero .hero-copy{position:static;display:block}
 .hero .hero-copy>.kicker,.hero .hero-copy>h1,.hero .hero-copy>p{position:relative;z-index:3}
 .hero .scroll-cue{position:absolute;z-index:4;left:5vw;bottom:4rem;margin:0;padding:0}
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Consistent breathing room between headings and their supporting copy. */
.dm-page .hero-copy>h1+p,
.dm-page .section-copy>h2+p,
.dm-page .social-primary>h2+p,
.dm-page .social-secondary>h3+p,
.dm-page .section-copy>h3+p{margin-top:clamp(1.25rem,1.8vw,1.7rem)}
.dm-page .setup .section-copy>h2+h3{margin-top:clamp(1rem,1.35vw,1.35rem)}

/* Keep the desktop tool artwork intact in the two-column mobile grid. */
@media (max-width:560px){
 .dm-page .tools-grid .tool-icon{display:grid!important;width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:16px!important;visibility:visible!important;opacity:1!important}
 .dm-page .tools-grid .tool-icon::before{display:grid!important;width:34px!important;height:34px!important;visibility:visible!important;opacity:1!important}
 .dm-page .tools-grid .tool-icon::after{display:block!important;visibility:visible!important;opacity:1!important}
 .dm-page .tools-grid>div{min-height:135px!important;gap:1rem!important}
}

/* Mobile copy stays clear of the artwork in every image-led section. */
@media (max-width:560px){
 .dm-page .hero h1,
 .dm-page .ecosystem h2,
 .dm-page .website h2,
 .dm-page .same h2{font-size:clamp(2.15rem,10vw,3.15rem)!important}
 .dm-page .hero-copy>h1+p,
 .dm-page .ecosystem .section-copy>h2+p,
 .dm-page .same .section-copy>h2+p{font-size:.88rem!important;line-height:1.38!important;margin-top:1.05rem!important}
 .dm-page .website .section-copy>h2+p{font-size:.8rem!important;line-height:1.34!important;margin-top:1rem!important}
 .dm-page .social h2{font-size:clamp(2.05rem,9.7vw,2.9rem)!important}
 .dm-page .social .social-primary>h2+p{font-size:.84rem!important;line-height:1.36!important;margin-top:.95rem!important}
 .dm-page .social .social-secondary h3{font-size:1.55rem!important;line-height:1.06!important}
 .dm-page .social .social-secondary>h3+p{font-size:.82rem!important;line-height:1.36!important;margin-top:.9rem!important}
}