/* October 2026 revision: centered character, reference orange and visible service cards. */
:root{--orange:#ff4701;--ink:#4b2a1d;--muted:#765e50;--line:#e0cbb9}
.hero{background:var(--orange);color:var(--cream);padding-top:24px}
.hero-topline{color:var(--cream);opacity:1}
.hero-topline .micro{color:var(--cream)}
.availability i{background:var(--cream);box-shadow:0 0 0 4px #fff5de25}
.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;text-align:center}
.hero-art{order:0;width:360px;height:360px;max-width:90%;margin:28px auto 8px}
.hero-mascot{inset:0;width:100%;height:100%;filter:drop-shadow(0 18px 16px #8c300b24);animation:none}
.art-disc,.orbit-word,.hero-art .star,.hero-art .sticker,.floating-audio{display:none}
.hero-copy{order:1;padding:12px 0 34px;max-width:880px;width:100%}
.hero .eyebrow{margin-bottom:13px;color:var(--cream);font-size:11px}
.hero h1{font-size:clamp(35px,4.2vw,60px);line-height:1.13}
.hero h1 br{display:none}
.hero h1 span+span{margin-inline-start:13px}
.hero h1 span:last-child{margin-inline-start:13px}
.hero h1 .blue-text{color:var(--cream)}
.hero-description{margin:18px auto 22px;color:var(--cream);font-size:14px;max-width:590px}
.hero-buttons{justify-content:center;gap:28px}
.hero-buttons .button{background:var(--cream);color:var(--ink);padding:15px 24px}
.hero .text-button{color:var(--cream)}
.hero .play-circle{border-color:#fff5de99}
.hero-footnote{display:none}
.hero-bottom{border-color:#fff5de55;color:var(--cream);font-size:10px}
.hero-bottom a{color:var(--cream)}
.about{background:var(--cream)}
.services{background:#fffdf8}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;border:0}
.service{border:1px solid var(--line);border-radius:12px;padding:29px;background:var(--cream);display:flex;flex-direction:column;min-width:0}
.service-head{display:flex;align-items:center;gap:19px;min-height:45px;margin-bottom:10px}
.service-number{font-size:26px;color:var(--orange)}
.service h3{font-size:25px;line-height:1.3}
.service .service-tag{display:block;color:var(--muted);font-size:10px;margin-bottom:17px}
.service-body{display:flex;flex-direction:column;padding:0;gap:23px;flex:1;animation:none}
.service-body p{font-size:14px;max-width:none;color:#685042}
.service-body>div{margin-top:auto}
.service-inclusions span{border-color:#dbc6b1;font-size:10px}
.service-request{font-size:12px}
.services .blue-text{color:var(--orange)}
.voice{background:#f6e6cf;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.voice .section-top .micro{color:var(--muted)}
.voice .blue-text{color:#9a3210}
.voice-description,.mode-description{color:#685042}
.voice-modes{background:#ebd5bd;border-color:#d9bca0}
.mode{color:var(--ink)}
.mode.active{background:var(--cream);color:var(--ink);box-shadow:0 2px 6px #683b2610}
.audio-card{background:#fffdf8;box-shadow:9px 9px 0 var(--sky);transform:none;border:1px solid #d9bca0}
.process{background:var(--orange);color:var(--cream)}
.process .section-top .micro{color:var(--cream)}
.process-step{border-color:#fff5de66}
.process-step>span,.process-step p{color:var(--cream)}
.idea-visual.video{background:#683b26}
.video-orb{background:radial-gradient(circle at 30% 25%,#fff5de,#80d4f6 40%,#226e8c 75%,#683b26);box-shadow:0 0 50px #80d4f622}
.video-orb:after{color:#683b2690}
.mock-lines i{background:#b69f8b}
.mock-browser{box-shadow:8px 8px 0 #683b26}
.button.dark{background:#683b26}
.button:hover{box-shadow:4px 4px 0 #c75321}
.brief-form{box-shadow:7px 7px 0 #683b26}
.contact{background:var(--sky)}
.close-dialog{color:var(--ink)}
.hero-topline,.hero-topline .micro,.hero .eyebrow,.hero-description,.hero .text-button,.hero-bottom,.hero-bottom a{color:#3b2117}
.hero .play-circle{border-color:#3b211788}
.availability i{background:#3b2117;box-shadow:0 0 0 4px #3b211718}
.browser-bar i{background:var(--ink)}
@media(min-width:1500px){.hero-grid{min-height:0}.hero-art{height:390px;width:390px}}
@media(max-width:800px){.hero-grid{min-height:0;gap:0}.hero-art{width:330px;height:330px;margin:22px auto 8px}.hero h1{font-size:40px}.hero-copy{padding:10px 0 30px}.service{padding:24px}.service h3{font-size:21px}.service-head{gap:13px}.service-body{padding:0;gap:18px}.service-body p{font-size:13px}.service-inclusions span{font-size:9px}}
@media(max-width:600px){.hero{padding-top:21px}.hero-topline{justify-content:center;font-size:10px}.hero-art{width:295px;height:295px;max-width:100%;margin:25px auto 15px}.hero-mascot{inset:0;width:100%;height:100%}.hero-copy{padding:0 0 30px}.hero .eyebrow{font-size:10px}.hero h1,html[lang=en] .hero h1{font-size:34px}.hero h1 br{display:block}.hero h1 span+span{margin-inline-start:0}.hero-description{font-size:13px;margin:16px auto 21px;max-width:325px}.hero-buttons{gap:20px}.hero-buttons .button{padding:13px 19px;font-size:12px}.hero .text-button{font-size:12px}.hero-bottom{font-size:9px}.hero-bottom>span{max-width:175px}.service-list{grid-template-columns:minmax(0,1fr);gap:16px}.service{padding:24px}.service h3{font-size:22px}.service-head{min-height:35px;gap:15px}.service .service-tag{margin-bottom:13px}.service-body{padding:0;gap:18px}.service-body p{font-size:13px}.service-inclusions span{font-size:9px}.voice-grid{gap:25px}.audio-card{margin-bottom:15px}.contact h2>span{margin-inline-start:10px}}
@media(max-width:600px){.hero h1 span:last-child{margin-inline-start:0}}