/*
Theme Name: Deviceterra
Theme URI: https://deviceterra.com
Author: Deviceterra
Description: A scalable corporate and product-led WordPress theme for Deviceterra.
Version: 3.1.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: deviceterra
*/

:root {
  --blue-950: #071b3f;
  --blue-900: #0a2557;
  --blue-700: #1555c0;
  --blue-600: #1769e0;
  --blue-100: #dceaff;
  --blue-50: #f2f7ff;
  --cyan: #31d5e7;
  --lime: #b8ec5a;
  --orange: #ffb454;
  --ink: #12203a;
  --muted: #5f6e86;
  --line: #dce3ee;
  --surface: #ffffff;
  --soft: #f6f8fc;
  --radius: 20px;
  --shadow: 0 22px 65px rgba(9, 37, 87, .10);
  --container: min(1180px, calc(100% - 40px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--surface); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.container { width: var(--container); margin-inline: auto; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 9999; padding: 12px 18px; background: #fff; color: var(--blue-900); border-radius: 8px; }
.skip-link:focus { top: 16px; }

.site-header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,.9); border-bottom: 1px solid rgba(220,227,238,.75); backdrop-filter: blur(16px); }
.nav-shell { min-height: 76px; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 1.18rem; font-weight: 800; letter-spacing: -.03em; color: var(--blue-950); }
.brand-mark { width: 34px; aspect-ratio: 1; display: grid; place-items: center; color: white; border-radius: 10px; background: linear-gradient(145deg, var(--blue-700), var(--cyan)); box-shadow: 0 8px 22px rgba(21,85,192,.25); }
.brand-mark svg { width: 20px; }
.site-nav { margin-left: auto; }
.site-nav ul { list-style: none; display: flex; align-items: center; gap: 30px; padding: 0; margin: 0; font-size: .94rem; font-weight: 650; }
.site-nav a:hover, .site-nav a:focus { color: var(--blue-600); }
.menu-toggle { display: none; margin-left: auto; border: 0; padding: 8px; background: transparent; color: var(--blue-950); }
.menu-toggle svg { width: 26px; display: block; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 0 22px; border: 1px solid transparent; border-radius: 12px; background: var(--blue-600); color: #fff; font-weight: 750; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; cursor: pointer; }
.button:hover, .button:focus { transform: translateY(-2px); background: var(--blue-700); box-shadow: 0 12px 28px rgba(21,85,192,.23); }
.button-light { background: #fff; color: var(--blue-900); }
.button-light:hover { background: var(--blue-50); }
.button-outline { background: transparent; color: var(--blue-700); border-color: var(--blue-100); }
.button-outline:hover { background: var(--blue-50); box-shadow: none; }
.eyebrow { margin: 0 0 14px; color: var(--blue-600); font-size: .79rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.hero .eyebrow, .dark-section .eyebrow, .product-hero .eyebrow { color: var(--cyan); }
h1, h2, h3 { margin-top: 0; color: var(--blue-950); line-height: 1.12; letter-spacing: -.04em; }
h1 { font-size: clamp(2.7rem, 5.8vw, 5.7rem); }
h2 { font-size: clamp(2rem, 3.8vw, 3.6rem); }
h3 { font-size: 1.3rem; letter-spacing: -.025em; }
.lead { color: var(--muted); font-size: clamp(1.08rem, 1.5vw, 1.3rem); }

.hero { position: relative; overflow: hidden; padding: clamp(86px, 11vw, 145px) 0 110px; color: white; background: var(--blue-950); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .45; background: radial-gradient(circle at 78% 15%, rgba(49,213,231,.27), transparent 30%), linear-gradient(115deg, transparent 50%, rgba(21,85,192,.2)); }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; gap: clamp(50px, 8vw, 100px); }
.hero h1 { color: #fff; max-width: 820px; margin-bottom: 25px; }
.hero .lead { max-width: 680px; color: #c8d6ef; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 34px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 23px; margin-top: 48px; color: #b9c9e5; font-size: .9rem; }
.hero-proof span { display: flex; align-items: center; gap: 8px; }
.hero-proof span::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(184,236,90,.12); }
.hero-visual { position: relative; min-height: 460px; }
.orbit { position: absolute; inset: 8% 0 0 5%; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; transform: rotate(-12deg); }
.orbit::before, .orbit::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.10); border-radius: 50%; }
.orbit::before { inset: 17%; }.orbit::after { inset: 34%; }
.solution-card { position: absolute; width: min(270px, 74%); padding: 22px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(255,255,255,.1); box-shadow: 0 28px 70px rgba(0,0,0,.2); backdrop-filter: blur(14px); }
.solution-card strong { display: block; margin-bottom: 5px; font-size: 1.04rem; }
.solution-card small { color: #c3d2eb; }
.solution-card:nth-child(2) { top: 5%; right: 2%; }.solution-card:nth-child(3) { top: 37%; left: 0; }.solution-card:nth-child(4) { right: 5%; bottom: 3%; }
.solution-icon { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 35px; color: var(--blue-950); border-radius: 12px; background: var(--cyan); font-weight: 900; }

.section { padding: clamp(80px, 10vw, 130px) 0; }
.section-soft { background: var(--soft); }
.section-heading { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; align-items: end; margin-bottom: 58px; }
.section-heading h2, .section-heading p { margin-bottom: 0; }
.intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 80px; align-items: center; }
.statement-card { padding: clamp(30px, 5vw, 58px); border: 1px solid var(--blue-100); border-radius: var(--radius); background: linear-gradient(145deg, var(--blue-50), #fff); box-shadow: var(--shadow); }
.statement-card blockquote { margin: 0; color: var(--blue-900); font-size: clamp(1.45rem, 2.6vw, 2.15rem); font-weight: 750; line-height: 1.4; letter-spacing: -.025em; }
.pill-list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.pill { padding: 8px 13px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: #fff; font-size: .86rem; font-weight: 650; }

.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 23px; }
.product-card { overflow: hidden; display: flex; flex-direction: column; min-height: 430px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; transition: transform .25s ease, box-shadow .25s ease; }
.product-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.product-art { min-height: 180px; padding: 24px; display: flex; align-items: flex-end; background: linear-gradient(145deg, var(--blue-900), var(--blue-600)); color: white; }
.product-art img { width: 100%; height: 210px; object-fit: cover; }
.product-art .product-monogram { width: 62px; height: 62px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 17px; background: rgba(255,255,255,.12); font-size: 1.7rem; font-weight: 850; }
.product-card:nth-child(3n+2) .product-art { background: linear-gradient(145deg, #064e5b, #09a8b6); }
.product-card:nth-child(3n+3) .product-art { background: linear-gradient(145deg, #59320b, #ef8e24); }
.product-card-body { display: flex; flex: 1; flex-direction: column; padding: 27px; }
.product-type { margin-bottom: 9px; color: var(--blue-600); font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.product-card p { color: var(--muted); }
.card-link { margin-top: auto; color: var(--blue-700); font-weight: 800; }
.empty-products { grid-column: 1 / -1; padding: 40px; border: 1px dashed #b8c5d9; border-radius: var(--radius); text-align: center; color: var(--muted); background: #fff; }

.capability-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.capability { min-height: 225px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.capability-number { color: var(--blue-600); font-size: .78rem; font-weight: 850; letter-spacing: .1em; }
.capability h3 { margin-top: 35px; }
.capability p { margin-bottom: 0; color: var(--muted); font-size: .94rem; }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; counter-reset: steps; }
.process-item { counter-increment: steps; }
.process-item::before { content: "0" counter(steps); display: block; margin-bottom: 23px; color: var(--cyan); font-weight: 850; letter-spacing: .08em; }
.dark-section { color: #c5d2e8; background: var(--blue-950); }
.dark-section h2, .dark-section h3 { color: #fff; }

.audience-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.audience { padding: 26px 20px; border-radius: 15px; background: var(--blue-50); text-align: center; font-weight: 750; color: var(--blue-900); }
.cta-band { position: relative; overflow: hidden; padding: clamp(55px, 7vw, 85px); border-radius: 28px; color: #fff; background: linear-gradient(120deg, var(--blue-700), #073276); }
.cta-band::after { content: ""; position: absolute; width: 380px; height: 380px; right: -110px; top: -220px; border: 80px solid rgba(49,213,231,.13); border-radius: 50%; }
.cta-band h2 { max-width: 730px; color: #fff; }
.cta-band p { max-width: 640px; color: #cfddf4; }
.cta-band .button { position: relative; z-index: 1; margin-top: 18px; }

.site-footer { padding: 70px 0 25px; color: #9eafc8; background: #04132e; }
.footer-grid { display: grid; grid-template-columns: 1.3fr .7fr .7fr; gap: 60px; padding-bottom: 48px; }
.site-footer .brand { color: #fff; }.site-footer h3 { color: #fff; font-size: .88rem; letter-spacing: .08em; text-transform: uppercase; }
.site-footer ul { list-style: none; padding: 0; margin: 0; }.site-footer li + li { margin-top: 9px; }.site-footer a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.1); font-size: .86rem; }

/* Product landing page */
.product-hero { padding: clamp(85px, 10vw, 130px) 0; color: #fff; background: var(--blue-950); }
.product-hero-grid { display: grid; grid-template-columns: 1fr .85fr; gap: 70px; align-items: center; }
.product-hero h1 { color: #fff; font-size: clamp(2.8rem, 5vw, 4.9rem); }
.product-hero .lead { color: #c9d6eb; }
.product-mockup { min-height: 390px; display: grid; place-items: center; padding: 30px; border: 1px solid rgba(255,255,255,.15); border-radius: 25px; background: linear-gradient(145deg, rgba(49,213,231,.17), rgba(255,255,255,.05)); }
.product-mockup img { max-height: 420px; border-radius: 12px; box-shadow: 0 30px 70px rgba(0,0,0,.35); }
.product-mockup .product-monogram { width: 130px; height: 130px; display: grid; place-items: center; border-radius: 30px; background: var(--cyan); color: var(--blue-950); font-size: 3.6rem; font-weight: 900; }
.benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.benefit { padding: 31px; border: 1px solid var(--line); border-radius: 17px; background: #fff; }
.benefit-icon { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 27px; border-radius: 12px; background: var(--blue-100); color: var(--blue-700); font-weight: 900; }
.benefit p { margin-bottom: 0; color: var(--muted); }
.content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 70px; align-items: start; }
.prose { font-size: 1.08rem; }.prose h2 { margin-top: 2em; }.prose h2:first-child { margin-top: 0; }.prose p, .prose li { color: #43536d; }
.quote-card { position: sticky; top: 105px; padding: 30px; border-radius: 18px; background: var(--blue-50); }
.quote-card h3 { font-size: 1.55rem; }.quote-card .button { width: 100%; }
.faq-list { max-width: 850px; margin-inline: auto; }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { padding: 23px 5px; font-weight: 750; cursor: pointer; list-style: none; }
.faq-item summary::after { content: "+"; float: right; color: var(--blue-600); }.faq-item[open] summary::after { content: "\2212"; }
.faq-answer { padding: 0 5px 22px; color: var(--muted); }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 30px; }
.field-full { grid-column: 1 / -1; }.contact-form label { display: block; margin-bottom: 6px; font-size: .88rem; font-weight: 750; }
.contact-form input, .contact-form textarea, .contact-form select { width: 100%; padding: 13px 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); }
.contact-form textarea { min-height: 125px; resize: vertical; }
.form-note { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .82rem; }
.entry-page { padding: 90px 0; }.entry-page article { max-width: 850px; margin: auto; }

@media (max-width: 960px) {
  .nav-cta { display: none; }.menu-toggle { display: block; }.site-nav { display: none; position: absolute; left: 0; right: 0; top: 76px; padding: 18px 20px 25px; background: #fff; border-bottom: 1px solid var(--line); }.site-nav.is-open { display: block; }.site-nav ul { align-items: stretch; flex-direction: column; gap: 0; }.site-nav a { display: block; padding: 11px 0; }
  .hero-grid, .product-hero-grid, .intro-grid, .section-heading, .content-layout { grid-template-columns: 1fr; }
  .hero-visual { min-height: 390px; }.product-grid, .benefit-grid { grid-template-columns: repeat(2, 1fr); }.capability-grid, .process-grid { grid-template-columns: repeat(2, 1fr); }.audience-grid { grid-template-columns: repeat(3, 1fr); }.section-heading { gap: 15px; }.quote-card { position: static; }
}
@media (max-width: 620px) {
  :root { --container: min(100% - 28px, 1180px); }.hero { padding-top: 75px; }.hero-visual { min-height: 350px; }.solution-card { padding: 17px; }.solution-icon { margin-bottom: 20px; }.product-grid, .benefit-grid, .capability-grid, .process-grid, .audience-grid, .contact-form, .footer-grid { grid-template-columns: 1fr; }.audience-grid { grid-template-columns: 1fr 1fr; }.footer-grid { gap: 35px; }.footer-bottom { flex-direction: column; }.cta-band { padding-inline: 27px; }.section { padding-block: 75px; }
}


/* Living 3D motion layer */
.hero::after { content:""; position:absolute; width:min(62vw,900px); aspect-ratio:1.65; right:-10vw; bottom:-19%; background:url("assets/images/deviceterra-ecosystem.png") center/cover; opacity:.2; filter:saturate(1.15); mix-blend-mode:screen; -webkit-mask-image:linear-gradient(115deg,transparent 0%,#000 40%,#000 80%,transparent 100%); mask-image:linear-gradient(115deg,transparent 0%,#000 40%,#000 80%,transparent 100%); transform:translate3d(0,calc(var(--scroll-progress,0)*120px),0) scale(1.08); }
.dark-section { position:relative; overflow:hidden; isolation:isolate; }
.dark-section::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,var(--blue-950) 8%,rgba(7,27,63,.82) 48%,rgba(7,27,63,.35)),url("assets/images/deviceterra-ecosystem.png") 85% center/min(950px,80vw) auto no-repeat; opacity:.68; transform:scale(1.04); }
.motion-section { position:relative; transform-style:preserve-3d; }
.motion-section::before { content:""; pointer-events:none; position:absolute; z-index:4; left:50%; bottom:-1px; width:min(86vw,980px); height:42px; background:inherit; border-radius:50% 50% 0 0/100% 100% 0 0; transform:translate(-50%,50%) scaleY(.35); filter:drop-shadow(0 18px 18px rgba(7,27,63,.05)); opacity:.7; }
.reveal-item { opacity:0; transform:translate3d(0,38px,0) scale(.985); filter:blur(7px); transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform .85s cubic-bezier(.2,.75,.2,1),filter .85s ease; }
.reveal-item.is-visible { opacity:1; transform:translate3d(0,0,0) scale(1); filter:blur(0); }
.product-grid .reveal-item:nth-child(2),.capability-grid .reveal-item:nth-child(2n),.process-grid .reveal-item:nth-child(2){transition-delay:.09s}
.product-grid .reveal-item:nth-child(3),.capability-grid .reveal-item:nth-child(3n),.process-grid .reveal-item:nth-child(3){transition-delay:.17s}
.product-grid .reveal-item:nth-child(4),.process-grid .reveal-item:nth-child(4){transition-delay:.24s}
.tilt-card { position:relative; transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transform-style:preserve-3d; transition:transform .18s ease,box-shadow .25s ease; }
.tilt-card::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; opacity:0; background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),rgba(49,213,231,.18),transparent 42%); transition:opacity .25s ease; }
.tilt-card:hover::after{opacity:1}.tilt-card>*{transform:translateZ(10px)}
.dt-world { pointer-events:none; position:fixed; z-index:30; right:clamp(-105px,-6vw,-45px); top:53%; width:clamp(120px,14vw,230px); aspect-ratio:1; perspective:800px; opacity:calc(.3 + var(--scroll-progress,0)*.45); transform:translateY(-50%) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg)) scale(calc(.82 + var(--scroll-progress,0)*.32)); mix-blend-mode:multiply; transition:opacity .3s ease; }
.dt-world-ring,.dt-world-core { position:absolute; inset:14%; border-radius:45% 55% 58% 42%/50% 42% 58% 50%; border:1px solid rgba(23,105,224,.5); box-shadow:inset 0 0 35px rgba(49,213,231,.18),0 0 28px rgba(23,105,224,.12); animation:world-spin 14s linear infinite; }
.dt-world .ring-a { inset:1%; border-width:2px; transform:rotateX(65deg); animation-duration:11s; }
.dt-world .ring-b { inset:8%; border-color:rgba(255,180,84,.42); transform:rotateY(68deg); animation-direction:reverse; animation-duration:17s; }
.dt-world-core { border:0; background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.9),rgba(49,213,231,.72) 8%,rgba(23,105,224,.63) 36%,rgba(7,27,63,.12) 68%,transparent 70%); filter:drop-shadow(0 15px 24px rgba(21,85,192,.25)); animation:world-morph 9s ease-in-out infinite alternate; }
.dt-world-core i { position:absolute; width:7px; aspect-ratio:1; border-radius:50%; background:var(--cyan); box-shadow:0 0 13px var(--cyan); animation:node-pulse 2.4s ease-in-out infinite; }
.dt-world-core i:nth-child(1){left:9%;top:42%}.dt-world-core i:nth-child(2){right:13%;top:28%;animation-delay:-.8s}.dt-world-core i:nth-child(3){left:47%;bottom:4%;animation-delay:-1.6s}
@keyframes world-spin{to{rotate:1 1 .25 360deg}}@keyframes world-morph{0%{border-radius:48% 52% 43% 57%/58% 39% 61% 42%;transform:rotate(-8deg) scale(.92)}100%{border-radius:37% 63% 58% 42%/43% 61% 39% 57%;transform:rotate(18deg) scale(1.08)}}@keyframes node-pulse{50%{transform:scale(1.8);opacity:.45}}
@media(max-width:620px){.dt-world{right:-72px;opacity:.35}.hero::after{width:115vw;right:-45vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-item{opacity:1;transform:none;filter:none}.dt-world{display:none}}



/* Section-directed world motion: values are interpolated by site.js */
.dt-world { left:0; right:auto; top:0; opacity:calc(.34 + var(--scroll-progress,0)*.38); transform:translate3d(calc(var(--world-x,88vw) - 50%),calc(var(--world-y,48vh) - 50%),0) rotateX(var(--world-rx,12deg)) rotateY(var(--world-ry,-18deg)) rotateZ(var(--world-rz,-8deg)) scale(var(--world-scale,1.08)); filter:hue-rotate(var(--world-hue,0deg)); transition:opacity .25s ease; will-change:transform; }
.dt-world-ring,.dt-world-core { animation:none; border-radius:var(--morph-a,48%) var(--morph-b,52%) var(--morph-c,43%) var(--morph-d,57%)/var(--morph-c,43%) var(--morph-a,48%) var(--morph-d,57%) var(--morph-b,52%); transition:border-radius .12s linear; }
.dt-world .ring-a { transform:rotateX(var(--ring-angle,64deg)) rotateZ(calc(var(--section-progress,0)*52deg)); }
.dt-world .ring-b { transform:rotateY(calc(110deg - var(--ring-angle,64deg))) rotateZ(calc(var(--section-progress,0)*-67deg)); }
.dt-world-core { transform:scaleX(calc(.84 + var(--scroll-progress,0)*.28)) rotate(calc(var(--section-progress,0)*38deg)); }
@media(max-width:620px){.dt-world{left:0;right:auto;transform:translate3d(calc(var(--world-x,88vw) - 50%),calc(var(--world-y,48vh) - 50%),0) rotateX(var(--world-rx,12deg)) rotateY(var(--world-ry,-18deg)) rotateZ(var(--world-rz,-8deg)) scale(calc(var(--world-scale,1.08)*.72));}}


/* Deviceterra robot mascot */
.dt-world{width:clamp(118px,12vw,190px);aspect-ratio:.67;mix-blend-mode:normal;filter:none;transform:translate3d(calc(var(--world-x,88vw) - 50% + var(--flee-x,0px)),calc(var(--world-y,48vh) - 50% + var(--flee-y,0px)),0) rotateZ(calc(var(--world-rz,-8deg)*.16)) scale(var(--world-scale,1));z-index:45}.dt-world-ring,.dt-world-core{display:none}.dt-robot{position:absolute;inset:0;transform-style:preserve-3d;filter:drop-shadow(0 18px 16px rgba(7,27,63,.22));transition:filter .2s ease}.dt-robot img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;user-select:none;transform-origin:50% 82%;animation:robot-run var(--run-cycle,.82s) cubic-bezier(.45,0,.55,1) infinite;will-change:transform}.robot-shadow{position:absolute;z-index:1;left:20%;right:20%;bottom:4%;height:7%;border-radius:50%;background:rgba(7,27,63,.2);filter:blur(7px);animation:robot-shadow var(--run-cycle,.82s) ease-in-out infinite}.robot-alert{position:absolute;z-index:4;right:2%;top:4%;width:30px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:var(--blue-950);font-weight:950;box-shadow:0 7px 20px rgba(255,180,84,.5);opacity:0;transform:translateY(10px) scale(.5);transition:opacity .16s ease,transform .16s ease}.dt-world.is-startled .robot-alert{opacity:1;transform:translateY(0) scale(1);animation:alert-pop .38s ease-in-out infinite alternate}.dt-world.is-startled .dt-robot{filter:drop-shadow(0 24px 22px rgba(23,105,224,.35))}@keyframes robot-run{0%,100%{transform:scaleX(var(--robot-facing,1)) translateY(0) rotate(-2deg)}50%{transform:scaleX(var(--robot-facing,1)) translateY(-10px) rotate(2.5deg)}}@keyframes robot-shadow{0%,100%{transform:scaleX(1);opacity:.2}50%{transform:scaleX(.68);opacity:.09}}@keyframes alert-pop{to{transform:translateY(-4px) scale(1.1) rotate(8deg)}}@media(max-width:620px){.dt-world{width:104px;left:0;right:auto;transform:translate3d(calc(var(--world-x,88vw) - 50% + var(--flee-x,0px)),calc(var(--world-y,48vh) - 50% + var(--flee-y,0px)),0) rotateZ(calc(var(--world-rz,-8deg)*.12)) scale(calc(var(--world-scale,1)*.8))}}



/* Section guide, speech and supplied brand signature */
.brand-signature{position:relative;z-index:6;width:min(520px,88vw);height:230px;margin:-80px auto -70px;border:1px solid rgba(21,85,192,.12);border-radius:28px;background-color:#fff;background-image:var(--logo-url);background-repeat:no-repeat;background-size:130%;background-position:center;box-shadow:0 24px 70px rgba(7,27,63,.14)}
.brand-signature span{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dt-world{transition:filter .2s ease}.robot-standing{display:none}.dt-world.is-settled .robot-running{display:none}.dt-world.is-settled .robot-standing{display:block;animation:robot-breathe 2.8s ease-in-out infinite}.dt-world.is-settled .robot-shadow{animation:none;opacity:.18;transform:scaleX(1.05)}
.dt-speech{position:absolute;z-index:8;right:calc(100% + 15px);top:-42px;width:min(245px,38vw);padding:15px 17px;border:1px solid rgba(21,85,192,.16);border-radius:18px 18px 5px 18px;background:rgba(255,255,255,.97);color:var(--blue-950);box-shadow:0 18px 45px rgba(7,27,63,.16);font-size:.82rem;font-weight:700;line-height:1.45;opacity:0;transform:translateY(12px) scale(.88);transform-origin:100% 100%;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.9,.2,1);pointer-events:none}
.dt-speech::after{content:"";position:absolute;right:-9px;bottom:7px;width:17px;height:17px;background:#fff;border-right:1px solid rgba(21,85,192,.16);border-bottom:1px solid rgba(21,85,192,.16);transform:rotate(-45deg)}
.dt-world.on-left .dt-speech{left:calc(100% + 15px);right:auto;border-radius:18px 18px 18px 5px;transform-origin:0 100%}.dt-world.on-left .dt-speech::after{left:-9px;right:auto;transform:rotate(135deg)}
.dt-world.is-settled .dt-speech{opacity:1;transform:translateY(0) scale(1)}.dt-world.is-startled .dt-speech{opacity:0;transform:translateY(12px) scale(.88)}
@keyframes robot-breathe{0%,100%{transform:scaleX(var(--robot-facing,1)) translateY(0)}50%{transform:scaleX(var(--robot-facing,1)) translateY(-3px)}}
@media(max-width:620px){.brand-signature{height:170px;margin:-55px auto -45px;border-radius:20px}.dt-speech{width:190px;font-size:.74rem;padding:12px 13px;top:-30px}}



/* Collision-safe salesperson bubble */
.dt-speech{width:min(300px,42vw);padding:18px 20px 17px;border:2px solid var(--blue-600);background:#fff;color:#071b3f;font-size:1rem;font-weight:850;line-height:1.38;letter-spacing:-.01em;box-shadow:0 22px 55px rgba(7,27,63,.22)}
.dt-speech::before{content:"DEVICETERRA SAYS";display:block;margin-bottom:7px;color:var(--blue-600);font-size:.65rem;font-weight:950;letter-spacing:.14em}
.dt-world:not(.is-settled) .dt-speech{visibility:hidden}.dt-world.is-settled .dt-speech{visibility:visible}
.dt-world.is-settled{transition:filter .2s ease}.dt-world.is-settled .robot-standing{filter:drop-shadow(0 5px 0 rgba(23,105,224,.08))}
@media(max-width:700px){.dt-speech{width:205px;padding:13px 14px;font-size:.8rem;line-height:1.35}.dt-speech::before{font-size:.56rem}}


/* Header logo and guaranteed guide visibility */
.brand-signature{display:none!important}
.brand-mark{width:52px;height:40px;flex:0 0 52px;background-color:#fff;background-image:url("assets/images/deviceterra-logo.png");background-repeat:no-repeat;background-size:175% auto;background-position:center 38%;box-shadow:none;border:1px solid rgba(21,85,192,.12);border-radius:9px}
.brand-mark svg{display:none}
.dt-world{z-index:1100}
.dt-speech{z-index:1200;max-height:calc(100vh - 120px);overflow:visible}
@media(max-width:700px){.brand-mark{width:46px;height:36px;flex-basis:46px}.dt-world{z-index:1100}}

/* Quiet ambient particle layer */
.dt-particles{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.72;contain:strict}
.site-header,.hero-grid,.section>.container,.site-footer>.container{position:relative;z-index:9}
@media(prefers-reduced-motion:reduce){.dt-particles{display:none}}

/* Particle visibility calibration */
.dt-particles{z-index:8;opacity:.95;filter:saturate(1.2)}

/* Futuristic hero card choreography */
.solution-card{overflow:hidden;border:1px solid rgba(49,213,231,.42);background:linear-gradient(145deg,rgba(18,65,124,.52),rgba(255,255,255,.065));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(23,105,224,.08),0 0 24px rgba(49,213,231,.12),0 25px 65px rgba(0,0,0,.24);animation:hero-card-float 5.8s ease-in-out infinite;will-change:transform,box-shadow}
.solution-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(115deg,rgba(49,213,231,.9),transparent 28%,transparent 68%,rgba(23,105,224,.85));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.72}
.solution-card::after{content:"";position:absolute;pointer-events:none;width:45%;height:180%;top:-45%;left:-70%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(18deg);animation:hero-card-scan 7.5s ease-in-out infinite}
.solution-card:nth-child(2){animation-delay:-.4s;animation-duration:5.4s}.solution-card:nth-child(3){animation-delay:-2.1s;animation-duration:6.2s}.solution-card:nth-child(4){animation-delay:-3.7s;animation-duration:5.7s}
.solution-card:nth-child(2)::after{animation-delay:-1.5s}.solution-card:nth-child(3)::after{animation-delay:-4s}.solution-card:nth-child(4)::after{animation-delay:-6s}
.solution-card:hover{border-color:rgba(49,213,231,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(49,213,231,.18),0 0 38px rgba(49,213,231,.28),0 30px 75px rgba(0,0,0,.32)}
.solution-icon{position:relative;box-shadow:0 0 0 1px rgba(255,255,255,.35),0 0 24px rgba(49,213,231,.5);background:linear-gradient(145deg,#8cf4ff,var(--cyan))}
@keyframes hero-card-float{0%,100%{transform:translate3d(0,0,0) rotate(-.35deg)}45%{transform:translate3d(0,-13px,0) rotate(.45deg)}65%{transform:translate3d(0,-9px,0) rotate(.15deg)}}
@keyframes hero-card-scan{0%,62%{left:-70%;opacity:0}68%{opacity:1}88%,100%{left:130%;opacity:0}}
.hero-visual::after{content:"";position:absolute;inset:10% 5%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(49,213,231,.14),rgba(23,105,224,.05) 48%,transparent 70%);filter:blur(20px);animation:hero-neon-breathe 5s ease-in-out infinite}
@keyframes hero-neon-breathe{50%{transform:scale(1.08);opacity:.62}}
@media(prefers-reduced-motion:reduce){.solution-card{animation:none}.solution-card::after,.hero-visual::after{animation:none}}

/* Site-wide restrained neon card system */
:is(.product-card,.capability,.statement-card,.benefit,.audience,.quote-card,.cta-band,.empty-products){position:relative;isolation:isolate;border-color:rgba(49,213,231,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 0 0 1px rgba(23,105,224,.04),0 0 18px rgba(49,213,231,.07),0 18px 50px rgba(7,27,63,.08);animation:card-soft-dance 7.5s ease-in-out infinite;will-change:translate,box-shadow}
:is(.product-card,.capability,.statement-card,.benefit,.audience,.quote-card,.cta-band,.empty-products)::before{content:"";position:absolute;z-index:-1;inset:-1px;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(49,213,231,.78),transparent 24%,transparent 72%,rgba(23,105,224,.58));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.48;animation:card-neon-pulse 5.5s ease-in-out infinite}
:is(.product-card,.capability,.statement-card,.benefit,.audience,.quote-card,.cta-band,.empty-products):hover{border-color:rgba(49,213,231,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 0 0 1px rgba(49,213,231,.11),0 0 28px rgba(49,213,231,.14),0 24px 58px rgba(7,27,63,.12)}
:is(.product-card,.capability,.statement-card,.benefit,.audience,.quote-card,.cta-band,.empty-products):nth-child(2n){animation-delay:-2.2s}
:is(.product-card,.capability,.statement-card,.benefit,.audience,.quote-card,.cta-band,.empty-products):nth-child(3n){animation-delay:-4.6s}
.capability{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(242,247,255,.72))}.audience{background:linear-gradient(145deg,#f7fbff,#edf6ff)}
@keyframes card-soft-dance{0%,100%{translate:0 0}35%{translate:0 -3px}67%{translate:1.5px -1px}}
@keyframes card-neon-pulse{0%,100%{opacity:.35;filter:brightness(.92)}50%{opacity:.62;filter:brightness(1.12)}}
@media(prefers-reduced-motion:reduce){:is(.product-card,.capability,.statement-card,.benefit,.audience,.quote-card,.cta-band,.empty-products),:is(.product-card,.capability,.statement-card,.benefit,.audience,.quote-card,.cta-band,.empty-products)::before{animation:none;translate:none}}


/* Exact bubble collision gate and alternate placements */
.dt-world.is-settled .dt-speech{visibility:hidden;opacity:0;pointer-events:none}
.dt-world.is-settled.bubble-safe .dt-speech{visibility:visible;opacity:1}
.dt-world.bubble-left .dt-speech{left:auto;right:calc(100% + 16px);top:-38px;bottom:auto;transform:translateY(0) scale(1);transform-origin:100% 100%;border-radius:18px 18px 5px 18px}
.dt-world.bubble-right .dt-speech{left:calc(100% + 16px);right:auto;top:-38px;bottom:auto;transform:translateY(0) scale(1);transform-origin:0 100%;border-radius:18px 18px 18px 5px}
.dt-world.bubble-top .dt-speech{left:50%;right:auto;top:auto;bottom:calc(100% + 14px);transform:translateX(-50%) scale(1);transform-origin:50% 100%;border-radius:18px}
.dt-world.bubble-bottom .dt-speech{left:50%;right:auto;top:calc(100% + 14px);bottom:auto;transform:translateX(-50%) scale(1);transform-origin:50% 0;border-radius:18px}
.dt-world.bubble-left .dt-speech::after{left:auto;right:-9px;top:auto;bottom:7px;transform:rotate(-45deg)}
.dt-world.bubble-right .dt-speech::after{left:-9px;right:auto;top:auto;bottom:7px;transform:rotate(135deg)}
.dt-world.bubble-top .dt-speech::after{left:calc(50% - 8px);right:auto;top:auto;bottom:-9px;transform:rotate(45deg)}
.dt-world.bubble-bottom .dt-speech::after{left:calc(50% - 8px);right:auto;top:-9px;bottom:auto;transform:rotate(225deg)}




/* Production conversion funnel, WhatsApp and social sharing */
.whatsapp-float{position:fixed;z-index:1300;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;min-height:56px;padding:0 18px 0 14px;border:2px solid rgba(255,255,255,.85);border-radius:999px;background:#16a865;color:#fff;font-size:.9rem;font-weight:850;box-shadow:0 12px 38px rgba(5,84,49,.34),0 0 0 6px rgba(37,211,102,.12);transition:transform .2s ease,box-shadow .2s ease}.whatsapp-float svg{width:28px;height:28px}.whatsapp-float:hover,.whatsapp-float:focus{color:#fff;background:#0e9557;transform:translateY(-3px);box-shadow:0 17px 44px rgba(5,84,49,.4),0 0 0 9px rgba(37,211,102,.15)}
.funnel-section{background:linear-gradient(180deg,#fff,var(--blue-50))}.funnel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.funnel-card{position:relative;padding:32px;border:1px solid rgba(49,213,231,.32);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(7,27,63,.08)}.funnel-card>span{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:28px;border-radius:12px;background:var(--blue-100);color:var(--blue-700);font-weight:900}.funnel-card p{color:var(--muted)}.funnel-card>a:not(.button){color:var(--blue-700);font-weight:850}.funnel-convert{color:#d9e7fb;background:linear-gradient(145deg,var(--blue-900),var(--blue-700));border-color:rgba(49,213,231,.55)}.funnel-convert h3{color:#fff}.funnel-convert p{color:#d2def2}.funnel-convert>span{background:var(--cyan);color:var(--blue-950)}.funnel-convert .button{background:#fff;color:var(--blue-900)}
.footer-grid-expanded{grid-template-columns:1.25fr repeat(3,.75fr);gap:42px}.footer-brand p{max-width:330px}.footer-whatsapp{display:inline-flex;margin-top:12px;color:var(--cyan);font-weight:800}.social-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.social-links a{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(49,213,231,.28);border-radius:10px;color:#fff;background:rgba(255,255,255,.06);font-size:.72rem;font-weight:900;text-transform:uppercase}.social-links a:hover{border-color:var(--cyan);background:rgba(49,213,231,.14)}
.share-panel{width:var(--container);margin:0 auto 80px;padding:24px 28px;border:1px solid var(--line);border-radius:18px;background:var(--blue-50);display:flex;align-items:center;justify-content:space-between;gap:20px}.share-panel>strong{color:var(--blue-950);font-size:1.05rem}.share-links{display:flex;flex-wrap:wrap;gap:9px}.share-links a,.share-links button{min-height:38px;padding:8px 13px;border:1px solid var(--blue-100);border-radius:9px;background:#fff;color:var(--blue-700);font-size:.8rem;font-weight:800;cursor:pointer}
@media(max-width:960px){.funnel-grid{grid-template-columns:1fr}.footer-grid-expanded{grid-template-columns:1fr 1fr}.share-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.whatsapp-float{right:14px;bottom:14px;width:58px;height:58px;min-height:58px;padding:0;justify-content:center}.whatsapp-float span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.footer-grid-expanded{grid-template-columns:1fr}.share-panel{margin-bottom:55px;padding:20px}.funnel-card{padding:25px}}



/* My Memory product launch */
.deviceterra-my-memory .dt-world{display:none!important}.my-memory-page{overflow:hidden;background:#fff}.mm-hero{position:relative;padding:clamp(72px,9vw,120px) 0 84px;color:#fff;background:radial-gradient(circle at 74% 25%,rgba(49,213,231,.2),transparent 28%),linear-gradient(135deg,#061936 0%,#0a2c67 58%,#123e84 100%)}.mm-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(49,213,231,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(49,213,231,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}.mm-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(34px,5vw,80px);align-items:center}.mm-copy h1{max-width:760px;color:#fff;font-size:clamp(3rem,6vw,6.4rem)}.mm-lead{max-width:680px;color:#cbdaf2;font-size:clamp(1.12rem,1.7vw,1.38rem)}.mm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:32px}.mm-download{min-height:60px;padding:0 28px;background:linear-gradient(135deg,#31d5e7,#17a8df);color:#061936;box-shadow:0 0 0 6px rgba(49,213,231,.1),0 18px 45px rgba(0,0,0,.28);font-size:1.03rem;font-weight:900}.mm-download:hover,.mm-download:focus{color:#061936;background:#86eff7;box-shadow:0 0 0 9px rgba(49,213,231,.15),0 22px 52px rgba(0,0,0,.34)}.mm-text-link{color:#bff8ff;font-weight:800}.mm-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px;color:#b8c9e4;font-size:.84rem}.mm-trust span::before{content:"\2713";margin-right:7px;color:#7ee6a8;font-weight:900}.mm-sales-stage{position:relative;min-height:600px;display:flex;align-items:center;justify-content:flex-end}.mm-presenter{position:absolute;z-index:2;left:-4%;bottom:0;width:min(48%,390px);max-height:590px;object-fit:contain;filter:drop-shadow(0 24px 24px rgba(0,0,0,.3))}.mm-download-card{position:relative;z-index:1;width:min(68%,470px);padding:38px 34px 34px;border:1px solid rgba(49,213,231,.55);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(225,244,255,.94));color:#233957;box-shadow:0 0 45px rgba(49,213,231,.18),0 32px 80px rgba(0,0,0,.3)}.mm-download-card h2{font-size:clamp(2rem,3vw,3.1rem)}.mm-download-card ul{padding-left:20px}.mm-download-card li{margin:8px 0}.mm-card-kicker{display:inline-block;margin-bottom:18px;color:#1769df;font-size:.72rem;font-weight:950;letter-spacing:.13em}.mm-download-wide{width:100%;margin-top:14px}.mm-download-card small{display:block;margin-top:13px;color:#64758d;line-height:1.4}.mm-proof{border-bottom:1px solid #dbe8f5;background:#f5faff}.mm-proof .container{display:grid;grid-template-columns:.85fr repeat(3,1fr);gap:24px;padding-top:27px;padding-bottom:27px;align-items:center}.mm-proof p{margin:0;color:#0b2a5b;font-size:1.12rem;font-weight:900}.mm-proof strong,.mm-proof span{display:block}.mm-proof strong{color:#0b2a5b;font-size:.86rem}.mm-proof span{margin-top:4px;color:#667891;font-size:.76rem;line-height:1.45}.mm-story-image,.mm-privacy figure{overflow:hidden;margin:0;border-radius:28px;background:#071b3f;box-shadow:0 26px 70px rgba(7,27,63,.18)}.mm-story-image img,.mm-privacy figure img{width:100%;display:block}.mm-story-image figcaption,.mm-privacy figcaption{padding:13px 18px;color:#c8d9f4;background:#071b3f;font-size:.82rem}.mm-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mm-feature{padding:30px;border:1px solid rgba(49,213,231,.28);border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(7,27,63,.07)}.mm-feature>span{color:#1769df;font-size:.72rem;font-weight:950;letter-spacing:.12em}.mm-feature h3{margin-top:24px}.mm-feature p{margin-bottom:0;color:#61738b}.mm-privacy{background:#071b3f;color:#c7d5eb}.mm-privacy h2{color:#fff}.mm-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.mm-checks{padding:0;list-style:none}.mm-checks li{position:relative;padding-left:30px;margin:14px 0}.mm-checks li::before{content:"\2713";position:absolute;left:0;color:#31d5e7;font-weight:950}.mm-how{text-align:center}.mm-how>h2{max-width:700px;margin-left:auto;margin-right:auto}.mm-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;text-align:left}.mm-step-grid article{padding:30px;border-radius:20px;background:#f3f8ff}.mm-step-grid b{display:grid;place-items:center;width:42px;height:42px;margin-bottom:26px;border-radius:12px;background:#1769df;color:#fff}.mm-step-grid p{color:#667891}.mm-fit-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.mm-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mm-specs div{padding:23px;border:1px solid #d4e5f5;border-radius:16px;background:#fff}.mm-specs strong,.mm-specs span{display:block}.mm-specs span{margin-top:6px;color:#667891}.mm-final{display:grid;grid-template-columns:310px 1fr;gap:55px;align-items:center;padding:25px 55px 0;border-radius:30px;background:linear-gradient(135deg,#edfaff,#e8f1ff)}.mm-final>img{align-self:end;width:100%;max-height:390px;object-fit:contain;object-position:bottom}.mm-final h2{max-width:760px}.mm-final p{max-width:700px;color:#5f7188}.deviceterra-my-memory .share-panel{margin-top:80px}
@media(max-width:1050px){.mm-hero-grid{grid-template-columns:1fr}.mm-sales-stage{min-height:560px;max-width:760px;margin:auto}.mm-proof .container{grid-template-columns:1fr 1fr}.mm-feature-grid{grid-template-columns:1fr 1fr}.mm-split,.mm-fit-grid{grid-template-columns:1fr}.mm-final{grid-template-columns:240px 1fr}}
@media(max-width:680px){.mm-hero{padding-top:65px}.mm-sales-stage{min-height:680px;align-items:flex-end}.mm-presenter{left:-16px;top:0;width:54%;max-height:330px}.mm-download-card{width:100%;padding:28px 23px;margin-top:240px}.mm-proof .container,.mm-feature-grid,.mm-step-grid,.mm-specs{grid-template-columns:1fr}.mm-final{grid-template-columns:1fr;padding:28px}.mm-final>img{display:none}.mm-actions{align-items:stretch;flex-direction:column}.mm-actions .button{text-align:center}.mm-text-link{text-align:center}.mm-split{gap:38px}}

/* Illustrated My Memory manual */
.article-entry{max-width:920px;margin:0 auto}.article-entry>h1{max-width:900px}.manual-intro{padding:28px;border:1px solid #cce7f5;border-radius:20px;background:linear-gradient(145deg,#f1fbff,#eef4ff)}.manual-toc{margin:34px 0;padding:26px 30px;border-radius:18px;background:#071b3f;color:#fff}.manual-toc strong{font-size:1.2rem}.manual-toc ol{columns:2;gap:35px;margin-bottom:0}.manual-toc a{color:#a9f5fc}.manual-figure{overflow:hidden;margin:42px 0;border-radius:22px;background:#071b3f;box-shadow:0 20px 55px rgba(7,27,63,.16)}.manual-figure img{display:block;width:100%}.manual-figure figcaption{padding:13px 18px;color:#c6d6ef;font-size:.84rem}.article-entry .manual-callout{margin:24px 0;padding:20px 23px;border-left:5px solid #31d5e7;border-radius:8px 16px 16px 8px;background:#eefbff;color:#193451}.article-entry table{width:100%;display:table;margin:25px 0;border-collapse:collapse;font-size:.92rem}.article-entry th,.article-entry td{padding:13px;border:1px solid #d9e5f2;text-align:left}.article-entry th{background:#edf6ff;color:#0b2a5b}.article-entry details{margin:12px 0;padding:17px 20px;border:1px solid #d7e5f2;border-radius:14px;background:#fff}.article-entry summary{cursor:pointer;color:#0b2a5b;font-weight:850}.manual-end{margin-top:50px;padding:38px;border-radius:24px;background:linear-gradient(135deg,#071b3f,#12438a);color:#d3e2f7}.manual-end h2{color:#fff}@media(max-width:680px){.manual-toc ol{columns:1}.article-entry table{display:block;overflow-x:auto}.manual-intro,.manual-end{padding:24px}}


/* Editable screenshot markers inside the My Memory manual */
.manual-shot-slot{display:grid;gap:6px;margin:20px 0 28px;padding:28px;border:2px dashed #76cfe5;border-radius:18px;background:linear-gradient(145deg,#f3fdff,#f3f7ff);color:#536b86;text-align:center}.manual-shot-slot::before{content:"＋";display:grid;place-items:center;width:44px;height:44px;margin:0 auto 8px;border-radius:13px;background:#1769df;color:#fff;font-size:1.55rem;font-weight:800}.manual-shot-slot strong{color:#0b2a5b;font-size:1.03rem}.manual-shot-slot span{font-size:.88rem;line-height:1.5}