/* Brand-led composition: B's laboratory; A's open editorial sections. */
[data-theme=C]{--soft-border:#132d9120;--panel-shadow:0 22px 65px #132d9110}
[data-theme=C] .site-header{background:#f4f8fff2;border-color:#ffffff80;box-shadow:0 8px 28px #132d911f;backdrop-filter:blur(16px)}
[data-theme=C] .site-header .header-contact{background:linear-gradient(135deg,#fff1bc,var(--yellow));box-shadow:0 4px 18px #ffd24d30}
[data-theme=C] .site-header .menu-toggle{background:var(--sea-gradient)}
[data-theme=C] .hero:after{background:linear-gradient(90deg,#132d91fa 0%,#132d91d9 22%,#132d9160 49%,transparent 68%)}
[data-theme=C] .hero-content{padding-top:185px}
[data-theme=C] .hero-big{font-size:clamp(74px,7.3vw,112px)}
[data-theme=C] .hero-sign{top:auto;bottom:90px;right:12%;transform:rotate(6deg);border-radius:50%;padding:24px 30px;background:linear-gradient(135deg,#a5efff,var(--cyan));box-shadow:0 10px 35px #132d9140}
[data-theme=C] .cross-ribbon{background:linear-gradient(135deg,#fff0b3 0%,var(--yellow) 45%,#ffbdad 100%);border-block:1px solid #132d9138;box-shadow:0 8px 24px #132d910d}
[data-theme=C] .about{background:radial-gradient(ellipse at 100% 35%,#4d8bff0d,transparent 58%),var(--paper)}
[data-theme=C] .about-track{opacity:.42}
[data-theme=C] .about-track path{stroke:url('#about-spectrum')}
[data-theme=C] .about-orbit{background:radial-gradient(circle at 24% 18%,#c1f5ff 0%,var(--cyan) 39%,var(--blue) 79%,var(--navy) 125%);box-shadow:0 35px 65px #4d8bff23}
[data-theme=C] .about-orbit:before{border-color:#4d8bff65}
[data-theme=C] .about-copy h2 em{background:linear-gradient(transparent 76%,#ffd24dc0 76%,#ff6fae65 94%,transparent 94%)}
[data-theme=C] .about-foot{border-color:var(--soft-border)}
[data-theme=C] .about-foot>span:nth-child(3){color:var(--blue);-webkit-text-stroke:0}
/* A deep blue space with light entering from the far corner. */
[data-theme=C] .services{color:white;padding:130px 0 105px;background:none;border-radius:72px 72px 0 0;z-index:2}
[data-theme=C] .services:before{display:none}
[data-theme=C] .services:after{content:'';position:absolute;inset:0 0 -58px;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 96% 3%,#00c8ff80,transparent 48%),radial-gradient(ellipse at 5% 100%,#ff6fae18,transparent 40%),linear-gradient(135deg,var(--navy) 10%,#244bbb 63%,var(--blue) 130%);clip-path:polygon(0 0,100% 0,100% calc(100% - 58px),65% 100%,0 calc(100% - 58px))}
[data-theme=C] .service-bg-word{-webkit-text-stroke:1px #ffffff18;top:26px}
[data-theme=C] .services-note .small-star{color:var(--yellow)}
[data-theme=C] .slider-toolbar{margin-top:42px;border-top:1px solid #ffffff30;padding-top:22px}
[data-theme=C] .slider-toolbar>p{font-size:12px;opacity:.85}
[data-theme=C] .slide-count{margin:0;letter-spacing:.08em}
[data-theme=C] .slide-count b{font-size:22px}
.service-carousel{position:relative;margin-top:18px}
[data-theme=C] .service-track{margin:0;padding-block:18px 36px}
[data-theme=C] .motion-reveal[data-reveal=card]{scale:1;translate:0 0}
[data-theme=C] .town-portrait{transition:translate .7s var(--arrival),transform .4s var(--ease)}
html[data-theme=C][data-motion=playing].motion-ready .service-card:not(.is-visible) .town-portrait{translate:0 24px}
[data-theme=C] .service-card.town-card{color:var(--navy);border:1px solid #ffffffb3;box-shadow:0 16px 28px #07174c30;border-radius:25px;flex-basis:360px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
[data-theme=C] .service-card.town-card:hover{transform:translateY(-5px);box-shadow:0 22px 35px #07174c40}
[data-theme=C] .town-heading{border-bottom:1px solid #132d910a}
[data-theme=C] .town-circle{background:radial-gradient(circle at 25% 20%,white,var(--town-accent));box-shadow:inset 0 0 35px #ffffff66}
[data-theme=C] .town-books{--town-accent:#c4e8ff}
[data-theme=C] .town-number{border:0;background:var(--paper);color:var(--navy)}
[data-theme=C] .town-worry{border-color:#132d9155;box-shadow:0 5px 15px #132d9105}
[data-theme=C] .town-body{background:linear-gradient(145deg,white,var(--paper))}
[data-theme=C] .service-link>span{background:var(--sea-gradient);color:white}
.service-side-controls{position:absolute;inset:0;pointer-events:none}
[data-theme=C] .service-side-controls .circle-button{position:absolute;top:285px;width:60px;height:60px;background:white;color:var(--navy);border:1px solid #ffffffc0;box-shadow:0 8px 28px #07174c60;pointer-events:auto}
[data-theme=C] .service-side-controls [data-slide=prev]{left:18px}
[data-theme=C] .service-side-controls [data-slide=next]{right:18px}
[data-theme=C] .service-side-controls .circle-button:disabled{opacity:.35}
[data-theme=C] .service-side-controls .circle-button:hover:not(:disabled){background:var(--yellow);color:var(--navy);transform:scale(1.07)}
[data-theme=C] .service-bottom{margin-top:24px}
[data-theme=C] .service-bottom strong{color:var(--yellow);background:none}
[data-theme=C] .service-mascot{width:165px;top:-103px;right:7%}
/* The blue shelf folds into the examples instead of a hard color cut. */
[data-theme=C] .examples{background:var(--paper);padding-top:156px}
[data-theme=C] .examples:before{display:none}
[data-theme=C] .example-bridge{background:linear-gradient(135deg,#fff1bc,var(--yellow));box-shadow:0 10px 25px #132d9110;z-index:3}
[data-theme=C] .example-art:before{background:radial-gradient(ellipse at top left,#c0f4ff,var(--cyan) 70%,var(--blue))}
[data-theme=C] .example-screen{box-shadow:12px 16px 35px #132d9126}
[data-theme=C] .mock-sticker{box-shadow:3px 5px 15px #132d9120}
[data-theme=C] .belief{background:radial-gradient(ellipse at 85% 30%,#4d8bff80,transparent 65%),var(--navy)}
[data-theme=C] .belief-topline{background:linear-gradient(135deg,#bcefff,var(--cyan),var(--blue));border:0}
[data-theme=C] .belief-orbit:before{background:radial-gradient(circle at 25% 25%,#00c8ff99,var(--blue) 60%,#ff6fae40)}
[data-theme=C] .belief-note{border:1px solid #ffffff70;border-radius:8px 28px 8px 8px;box-shadow:0 14px 32px #06165638}
[data-theme=C] .belief-note:last-child{background:linear-gradient(135deg,#fff0b8,var(--yellow))}
/* A meandering route between four substantial, staggered explanations. */
[data-theme=C] .flow{padding-block:145px 105px;background:radial-gradient(ellipse at 95% 20%,#00c8ff0c,transparent 42%),radial-gradient(ellipse at 0 80%,#ff6fae0a,transparent 40%),var(--paper)}
.journey-intro{padding:0 0 10px 24px;border-left:1px solid #132d9130;font-size:15px;line-height:2}
.journey-intro>span{display:block;font-size:12px;font-weight:800;margin-top:13px;color:#4865a6}
.journey{position:relative;margin-top:85px;padding:25px 0 0;isolation:isolate}
.journey-trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}
.journey-route{fill:none;stroke:none}
.journey-guide{position:absolute;right:10%;top:-25px;width:172px;rotate:8deg;z-index:1}
.journey-guide .character{width:100%}
.journey-guide>span{display:block;font-size:11px;font-weight:800;text-align:center;margin-top:-5px;rotate:-8deg}
.journey-card{position:relative;display:grid;grid-template-columns:110px 1fr;gap:30px;width:66%;padding:38px 42px 37px 32px;margin:0 0 118px;min-height:285px;background:linear-gradient(135deg,#ffffff,var(--paper));border:1px solid #fff;box-shadow:var(--panel-shadow);border-radius:10px 40px 10px 10px;--stage-color:var(--cyan);--stage-tint:#00c8ff18}
.journey-card:nth-of-type(even){margin-left:auto;border-radius:40px 10px 10px 10px}
.journey-card[data-step="2"]{--stage-color:var(--pink);--stage-tint:#ff6fae18}
.journey-card[data-step="3"]{--stage-color:var(--blue);--stage-tint:#4d8bff18}
.journey-card[data-step="4"]{--stage-color:var(--yellow);--stage-tint:#ffd24d25;margin-bottom:65px}
.journey-card:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,var(--stage-color),transparent);border-radius:10px 0 0 10px}
.journey-index{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;border-right:1px solid #132d9112;padding-right:22px}
.journey-index>span{font-size:9px;letter-spacing:.22em;font-weight:800}
.journey-index>b{font-size:78px;line-height:1.12;letter-spacing:-.065em;font-weight:900;margin:8px 0 19px;background:var(--sea-gradient);background-clip:text;color:transparent}
.journey-index>small{font-size:9px;letter-spacing:.08em;font-weight:800;line-height:1.6;max-width:90px}
.journey-verb{font-size:12px;font-weight:900;letter-spacing:.16em;margin-bottom:9px;display:flex;align-items:center;gap:8px}
.journey-verb:before{content:'';width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--stage-color)}
.journey-copy h3{font-size:30px;line-height:1.55;letter-spacing:-.04em}
.journey-copy>p:not(.journey-verb){margin-top:18px;font-size:14px;line-height:2}
.journey-point{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:11px;font-weight:800;border-top:1px solid #132d9112;padding-top:15px}
.journey-point>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--stage-tint);font-size:17px;color:var(--navy)}
.journey-end{display:flex;justify-content:center;align-items:center;gap:25px;width:fit-content;margin:20px auto 0;padding:17px 34px;background:white;border:1px solid #132d911a;border-radius:50px;box-shadow:0 10px 35px #132d9108}
.journey-end>span{font-size:9px;letter-spacing:.16em;font-weight:800;color:var(--blue)}
.journey-end>b{font-size:17px}
.journey-paw{fill:var(--blue);opacity:0;transform-box:fill-box;transform-origin:center;scale:.5;transition:opacity .2s,scale .3s var(--pop),fill .3s}
.journey-paw.is-printed{opacity:.68;scale:1}
.journey-paw.is-leading{opacity:1;fill:var(--navy);scale:1.12}
[data-motion=paused] .journey-paw{opacity:.68;scale:1;transition:none}
/* A's question/closing compositions, with layered brand light. */
[data-theme=C] .faq{background:radial-gradient(ellipse at 0 90%,#00c8ff70,transparent 70%),linear-gradient(135deg,#9ec1ff,var(--blue));padding-bottom:150px}
[data-theme=C] .faq:before{background:#9ec1ff}
[data-theme=C] .questions{background:var(--paper);border:1px solid #132d9138;box-shadow:0 18px 55px #132d9117}
[data-theme=C] .question{border:0;border-bottom:1px solid #132d912d}
[data-theme=C] .question:last-child{border-bottom:0}
[data-theme=C] .question summary:hover{background:#00c8ff12}
[data-theme=C] .question[open]{background:white}
[data-theme=C] .contact{background:radial-gradient(ellipse at 100% 80%,#ff6fae55,transparent 58%),linear-gradient(135deg,#fff3c5,var(--yellow) 78%);border-radius:50% 50% 0 0 / 55px 55px 0 0;margin-top:-45px;z-index:2}
[data-theme=C] .contact:before{display:none}
[data-theme=C] .contact-button{background:var(--sea-gradient);box-shadow:0 12px 35px #132d9125;border:1px solid #132d9120;border-radius:8px 36px 8px 8px}
[data-theme=C] .contact-button:hover{box-shadow:0 18px 40px #132d9133}
[data-theme=C] .site-footer{background:radial-gradient(ellipse at 100% 100%,#4d8bff14,transparent 55%),var(--paper);border-top:0}
[data-theme=C] .site-footer:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:var(--brand-spectrum)}
[data-theme=C] .footer-logo{opacity:.94}
[data-theme=C] .floating-contact{background:linear-gradient(135deg,#fff1bd,var(--yellow));box-shadow:0 6px 20px #132d9120;border-color:#132d9130}
[data-theme=C] .menu-scene{background:radial-gradient(ellipse at 25% 90%,#00c8ff70,transparent 65%),var(--navy)}
[data-theme=C] .menu-cta strong>span{display:inline-block}
@media(max-width:1100px){
 .journey-card{width:72%;padding:30px 28px;grid-template-columns:80px 1fr;gap:22px}
 .journey-index>b{font-size:62px}.journey-copy h3{font-size:25px}.journey-guide{width:145px;right:6%}
 [data-theme=C] .services{border-radius:50px 50px 0 0}
}
@media(max-width:700px){
 [data-theme=C] .hero{height:900px}
 [data-theme=C] .hero-content{padding-top:127px;width:100%}
 [data-theme=C] .hero-big{font-size:clamp(65px,16vw,106px)}
 [data-theme=C] .hero-lab{inset:auto -3.5% 0}
 [data-theme=C] .hero-lab picture{height:auto}
 [data-theme=C] .hero-lab img{width:100%;height:auto;min-width:0;object-fit:contain;object-position:center}
 [data-theme=C] .hero:after{background:linear-gradient(180deg,#132d91 0%,#132d91 30%,#132d91a0 40%,transparent 52%)}
 [data-theme=C] .lab-light{right:32%;top:73%;width:43%}
 [data-theme=C] .lab-ring{display:none}
 [data-theme=C] .about-visual{margin-bottom:12px}
 [data-theme=C] .services{border-radius:32px 32px 0 0;padding:90px 0 70px}
 [data-theme=C] .services-note .small-star{width:41px}
 [data-theme=C] .slider-toolbar{margin-top:27px;gap:12px;padding-top:18px}
 [data-theme=C] .slider-toolbar>p{max-width:210px;font-size:10px}
 [data-theme=C] .slide-count b{font-size:17px}
 [data-theme=C] .service-track{padding-inline:38px;scroll-padding-inline:38px;gap:20px;padding-block:12px 25px}
 [data-theme=C] .service-card.town-card{flex-basis:100%;max-width:none;border-radius:22px}
 [data-theme=C] .service-side-controls .circle-button{width:42px;height:42px;top:258px;box-shadow:0 5px 15px #07174c66}
 [data-theme=C] .service-side-controls [data-slide=prev]{left:6px}
 [data-theme=C] .service-side-controls [data-slide=next]{right:6px}
 [data-theme=C] .service-side-controls .circle-button svg{width:22px;height:22px}
 [data-theme=C] .service-mascot{width:115px;top:-91px;right:4%}
 [data-theme=C] .service-bottom{margin-top:7px}
 [data-theme=C] .examples{padding-top:112px}
 [data-theme=C] .examples:before{height:42px}
 [data-theme=C] .flow{padding:100px 0 85px}
 .journey-intro{margin-top:25px;padding:0 0 0 17px;font-size:13px}
 .journey-intro>span{font-size:11px;margin-top:8px}
 .journey{margin-top:58px;padding:45px 0 0}
 .journey-guide{width:105px;top:-41px;right:1%;rotate:9deg}
 .journey-guide>span{font-size:9px}
 .journey-card,.journey-card:nth-of-type(even){width:calc(100% - 44px);margin:0 0 95px 44px;padding:24px 22px 26px;grid-template-columns:1fr;gap:19px;border-radius:8px 30px 8px 8px;min-height:0}
 .journey-card[data-step="4"]{margin-bottom:58px}
 .journey-index{border:0;border-bottom:1px solid #132d9112;display:flex;flex-direction:row;gap:8px;align-items:baseline;padding:0 0 12px;line-height:1}
 .journey-index>span{font-size:8px}
 .journey-index>b{font-size:40px;line-height:1;margin:0 12px 0 0}
 .journey-index>small{font-size:8px;letter-spacing:.03em;max-width:none;margin-left:auto}
 .journey-copy h3{font-size:23px;line-height:1.5}
 .journey-copy>p:not(.journey-verb){font-size:12px;line-height:2;margin-top:14px}
 .journey-verb{font-size:11px;margin-bottom:9px}
 .journey-point{font-size:10px;gap:9px;margin-top:18px;padding-top:14px}
 .journey-point>span{width:23px;height:23px;flex-shrink:0}
 .journey-end{display:block;text-align:center;padding:15px 25px;margin-top:0}
 .journey-end>span{display:block;font-size:8px;margin-bottom:4px}
 .journey-end>b{font-size:14px}
 [data-theme=C] .faq{padding-bottom:100px}
 [data-theme=C] .preview-dock>a[href^="A.html"],[data-theme=C] .preview-dock>a[href^="B.html"]{display:none}
}
@media(max-width:370px){
 [data-theme=C] .hero{height:860px}
 [data-theme=C] .hero-content{padding-top:121px}
 [data-theme=C] .hero-big{font-size:60px}
 [data-theme=C] .service-track{padding-inline:33px;scroll-padding-inline:33px}
 [data-theme=C] .service-card.town-card{flex-basis:100%}
 [data-theme=C] .town-heading{padding-inline:15px;gap:8px}
 [data-theme=C] .town-card .town-heading h3{font-size:19px}
 [data-theme=C] .town-worry{left:14px;font-size:10px}
 [data-theme=C] .town-owner{left:14px}
 [data-theme=C] .town-body{padding-inline:17px}
 [data-theme=C] .service-side-controls .circle-button{width:38px;height:38px}
 .journey-card,.journey-card:nth-of-type(even){margin-left:35px;width:calc(100% - 35px);padding:22px 18px}
 .journey-copy h3{font-size:21px}
 .journey-index>small{font-size:7px;letter-spacing:0}
}
@media print{.journey-paw{opacity:.7;scale:1}.service-side-controls{display:none}.journey-card{break-inside:avoid}.journey-trail{display:none}}