:root{--canvas:#fbf6f1;--canvas-alt:#f4eae4;--raised:#fff;--principle:#12131c;--principle-alt:#1b1d2b;--ink:#211a22;--muted:#625b66;--faint:#77717b;--on-dark:#f5f0ea;--on-dark-muted:#aca7c4;--pink:#ae3457;--pink-strong:#8c2846;--pink-soft:#f0d9e0;--pink-dark:#f0a8be;--line:rgba(33,26,34,.13);--line-strong:rgba(33,26,34,.28);--line-dark:rgba(245,240,234,.16);--allow:#2e7a5b;--allow-bg:#e1eee7;--ask:#a67527;--ask-bg:#f1e6ce;--deny:#a03350;--deny-bg:#f1dee3;--display:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--shadow-card:0 1px 2px rgba(33,26,34,.06),0 8px 24px rgba(33,26,34,.07);--radius-sharp:3px;--radius-soft:16px;--radius-pill:999px;--content:min(1480px,calc(100% - clamp(48px,8vw,144px)))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.sakura-site{margin:0;overflow-x:hidden;color:var(--ink);background:var(--canvas);font-family:var(--sans);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}.sakura-site main{position:relative;z-index:1}.sakura-site a{color:inherit}.sakura-site p{color:var(--muted)}.sakura-site h1,.sakura-site h2,.sakura-site h3{margin-top:0;color:var(--ink);font-family:var(--display);font-weight:480;letter-spacing:-.035em}.sakura-site code{font-family:var(--mono);font-size:.86em}.sakura-site :focus-visible{outline:3px solid var(--pink);outline-offset:3px}.skip-link{position:fixed;left:16px;top:-60px;z-index:200;padding:10px 14px;background:var(--principle);color:var(--on-dark)}.skip-link:focus{top:12px}.eyebrow,.sakura-site .eyebrow{margin:0 0 16px;color:var(--pink);font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.announcement-bar{position:relative;z-index:90;display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 54px;color:var(--on-dark);background:var(--principle);font-size:.76rem;text-align:center;transition:.35s;max-height:48px;overflow:hidden}.announcement-bar button{position:absolute;right:16px;width:32px;height:32px;border:0;background:transparent;color:var(--on-dark);font-size:20px;cursor:pointer}.announcement-bar.is-hiding{opacity:0;transform:translateY(-100%);max-height:0;min-height:0;padding-block:0}.announcement-bar[hidden]{display:none}
.sakura-site .site-nav{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:64px;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(251,246,241,.9);color:var(--ink);backdrop-filter:blur(20px) saturate(140%)}.sakura-site .brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--display);font-size:1.45rem;font-weight:650}.sakura-site .brand img.brand-mark{width:30px;height:30px;border-radius:9px;box-shadow:0 7px 22px rgba(174,52,87,.16)}.sakura-site .menu-knob{display:none}.sakura-site .nav-links{display:flex;align-items:center;justify-content:center;gap:3px;color:#39333a;font-size:.86rem}.sakura-site .nav-links>a,.sakura-site .global-nav-group>summary{display:inline-flex;align-items:center;min-height:38px;padding:0 11px;border-radius:8px;color:inherit;font-weight:570;cursor:pointer;list-style:none}.sakura-site .nav-links>a:hover,.sakura-site .global-nav-group>summary:hover,.sakura-site .global-nav-group[open]>summary{color:var(--pink-strong);background:var(--pink-soft)}.global-nav-group{position:static}.global-nav-group>summary::-webkit-details-marker{display:none}.global-nav-group>summary::after{content:"⌄";margin-left:6px;color:var(--faint)}.sakura-site .nav-actions{display:flex;align-items:center;gap:8px}.language-link{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:.7rem;font-weight:800}.sakura-site .nav-cta,.sakura-site .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:var(--radius-pill);color:var(--on-dark);background:var(--principle);font:650 .94rem var(--sans);transition:.18s}.sakura-site .nav-cta:hover,.sakura-site .button:hover{transform:translateY(-1px);background:var(--pink-strong)}.sakura-site .button.ghost,.sakura-site .button.light{color:var(--ink);background:transparent;outline:1px solid var(--line-strong)}.studio-download-cta{background:var(--pink)!important}
.sakura-site .global-mega-panel{position:absolute;top:calc(100% + 1px);left:0;width:100%;display:grid;grid-template-columns:minmax(230px,.8fr) repeat(2,minmax(210px,1fr));gap:32px;padding:34px max(24px,calc((100vw - 1160px)/2));border:0;border-bottom:1px solid var(--line);border-radius:0;background:rgba(251,246,241,.98);box-shadow:0 30px 65px rgba(33,26,34,.12)}.global-mega-intro h3{max-width:13ch;margin:10px 0 0;font-size:1.7rem}.global-mega-intro small{color:var(--pink);font-family:var(--mono)}.global-mega-column{display:grid;align-content:start;gap:4px}.global-mega-link{display:grid;gap:3px;padding:10px 12px}.global-mega-link:hover,.global-mega-link.is-current{background:var(--pink-soft)}.global-mega-link strong{font-size:.86rem}.global-mega-link small{color:var(--muted);font-size:.72rem}.nav-scrim{position:fixed;inset:0;z-index:70;background:rgba(18,19,28,.2);backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:.2s}.nav-scrim.is-visible{opacity:1;pointer-events:auto}
#sakura-canvas{position:fixed;inset:0;z-index:12;width:100%;height:100%;pointer-events:none;opacity:.62;filter:drop-shadow(0 3px 4px rgba(140,40,70,.12))}.mode-technical #sakura-canvas{opacity:.24}.mode-document #sakura-canvas{opacity:.04}.petal-high #sakura-canvas{opacity:.82}
.sakura-hero{position:relative;min-height:calc(100svh - 64px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);align-items:center;gap:clamp(44px,7vw,104px);padding:clamp(76px,9vw,120px) max(24px,calc((100vw - 1220px)/2));overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(174,52,87,.11),transparent 34%),linear-gradient(140deg,var(--canvas),#f8f0ed 58%,var(--canvas-alt))}.sakura-copy{position:relative;z-index:2}.sakura-copy h1{max-width:760px;margin:0;font-size:clamp(3rem,5.9vw,5.9rem);line-height:.98}.sakura-copy h1 em{display:block;color:var(--pink);font-style:normal}.sakura-copy .lead{max-width:610px;margin:28px 0 0;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.68}.sakura-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.sakura-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;padding-top:20px;border-top:1px solid var(--line)}.sakura-principles strong{display:block;font-size:.82rem}.sakura-principles span{display:block;margin-top:5px;color:var(--muted);font-size:.72rem;line-height:1.5}.scroll-cue{position:absolute;left:max(24px,calc((100vw - 1220px)/2));bottom:20px;color:var(--faint);font: .68rem var(--mono)}
.sakura-scene{position:relative;z-index:2;min-height:570px;display:grid;place-items:center}.control-field{position:relative;width:min(580px,100%);aspect-ratio:1/.94;border:1px solid var(--line-strong);border-radius:var(--radius-soft);background:rgba(255,255,255,.7);box-shadow:0 20px 48px rgba(18,19,28,.16);backdrop-filter:blur(18px);overflow:hidden}.control-field:before,.control-field:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.control-field:before{inset:13% 10%;transform:rotate(-14deg)}.control-field:after{inset:26% 4%;transform:rotate(13deg)}.field-label{position:absolute;left:24px;top:22px;color:var(--faint);font:.68rem var(--mono)}.field-core{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:94px;height:94px;transform:translate(-50%,-50%) rotate(45deg);background:var(--pink);box-shadow:0 0 0 12px rgba(174,52,87,.1),0 20px 46px rgba(174,52,87,.28)}.field-core img{width:46px;height:46px;transform:rotate(-45deg)}.field-core-label{position:absolute;left:50%;top:calc(50% + 75px);transform:translateX(-50%);font:700 .68rem var(--mono);white-space:nowrap}.field-node{position:absolute;z-index:2;padding:7px 10px;border-left:2px solid var(--pink);background:rgba(255,255,255,.88);font:.68rem var(--mono);box-shadow:var(--shadow-card)}.field-node.n1{left:7%;top:18%}.field-node.n2{right:7%;top:18%}.field-node.n3{left:8%;bottom:17%}.field-node.n4{right:7%;bottom:17%}
.chapter{position:relative;width:var(--content);margin:0 auto;padding:clamp(72px,8vw,112px) 0}.chapter.narrow{width:min(900px,calc(100% - 48px))}.chapter-header{max-width:800px}.chapter-header h1,.chapter-header h2{margin:10px 0 0;font-size:clamp(2.45rem,5vw,5.2rem);line-height:1.08;overflow-wrap:anywhere}.chapter-header .lead{margin:22px 0 0;font-size:1.08rem;line-height:1.72}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,96px);align-items:center}.chapter-copy h2{font-size:clamp(2rem,3.8vw,3.7rem);line-height:1.06}.accent-line{color:var(--pink);font-family:var(--display);font-size:1.65rem}
.sakura-site .hero,.sakura-site .page-hero{position:relative;min-height:auto;padding:clamp(78px,9vw,116px) 24px 72px;background:linear-gradient(155deg,var(--canvas),var(--canvas-alt));color:var(--ink)}.sakura-site .hero-inner{width:min(1120px,100%);text-align:left}.sakura-site .hero h1,.sakura-site .page-hero h1{max-width:13ch;margin:12px 0;font-size:clamp(2.7rem,5.7vw,5.7rem);line-height:1.08;overflow-wrap:anywhere}.sakura-site .hero-copy{max-width:710px;margin:18px 0 0;font-size:1.1rem}.sakura-site .hero-actions{justify-content:flex-start}.sakura-site .hero-stage{width:min(1020px,100%);min-height:0;margin:52px 0 0;border:1px solid var(--line);border-radius:var(--radius-soft);background:rgba(255,255,255,.68);box-shadow:var(--shadow-card)}
.sakura-site .section{position:relative;width:var(--content);margin:0 auto;padding:clamp(64px,7.2vw,96px) 0}.sakura-site .section-head{max-width:800px;margin-bottom:34px}.sakura-site .section-head h2,.sakura-site .feature-copy h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.08}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sakura-site .product-card{min-height:310px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-sharp);background:var(--raised);box-shadow:none}.sakura-site .product-card h3{font-family:var(--sans);font-size:1.28rem;font-weight:680}.sakura-site .product-art{min-height:150px;margin:24px 0 0;padding:18px;border:1px solid var(--line);border-radius:var(--radius-sharp);background:var(--canvas);box-shadow:none}.sakura-site .product-art code{color:var(--ink);font:.76rem/1.75 var(--mono)}
.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;border:1px solid var(--line);border-radius:var(--radius-soft);overflow:hidden;background:var(--line)}.route-card{min-height:260px;padding:28px;background:var(--raised)}.route-card:hover{background:var(--pink-soft)}.route-card small{color:var(--pink);font:.68rem var(--mono)}.route-card h3{margin:50px 0 12px;font-size:1.9rem}.route-card p{font-size:.9rem}.route-card b{display:block;margin-top:22px;font-size:.82rem}
.sakura-site .feature{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(42px,7vw,96px);align-items:center;min-height:auto}.sakura-site .feature.reverse{grid-template-columns:1.15fr 1fr}.sakura-site .feature-visual{min-height:390px;display:grid;place-items:center;padding:28px;border:1px solid var(--line);border-radius:var(--radius-soft);background:var(--canvas-alt)}.sakura-site .visual-window{width:min(560px,100%);min-height:0;padding:20px;border:1px solid var(--line-strong);border-radius:var(--radius-sharp);background:var(--raised);box-shadow:var(--shadow-card)}.sakura-site .visual-row{display:flex;justify-content:space-between;gap:18px;padding:13px 4px;border-bottom:1px solid var(--line);color:var(--muted);font:.76rem var(--mono)}.visual-row:last-child{border:0}.visual-row strong{color:var(--ink)}
.system-map{padding-block:72px!important}.system-diagram{width:min(620px,100%);display:flex;flex-direction:column}.diagram-node{position:relative;padding:13px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-sharp);background:var(--raised);box-shadow:none}.diagram-node:before{content:"";position:absolute;left:-1px;top:-1px;width:10px;height:10px;border-left:2px solid var(--pink);border-top:2px solid var(--pink)}.diagram-node strong{display:block;color:var(--ink);font:.88rem var(--sans)}.diagram-node span{display:block;color:var(--muted);font:.7rem var(--mono)}.diagram-arrow{align-self:center;padding:4px;color:var(--pink)}.diagram-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote-band{position:relative;padding:clamp(72px,9vw,112px) 24px;text-align:left;background:var(--principle);color:var(--on-dark)}.quote-band>*{width:min(900px,100%);margin-inline:auto}.quote-band h2{color:var(--on-dark);font-size:clamp(2.4rem,5vw,4.8rem)}.quote-band p{color:var(--on-dark-muted)}
.platform-map{display:grid;border:1px solid var(--line-strong);background:var(--raised)}.platform-node{display:flex;justify-content:space-between;gap:18px;padding:16px;border-bottom:1px solid var(--line)}.platform-node:last-child{border:0}.platform-node span{font:.72rem var(--mono)}.platform-node.core{background:var(--pink-soft);border-left:4px solid var(--pink)}.status-chip{display:inline-flex;padding:5px 8px;font:700 .68rem var(--mono)}.status-chip.live{color:var(--allow);background:var(--allow-bg)}.status-chip.experimental{color:var(--ask);background:var(--ask-bg)}.status-chip.deferred{color:var(--deny);background:var(--deny-bg)}
.execution-lab{perspective:1300px}.execution-stage{position:relative;margin-top:44px;padding:clamp(24px,4vw,54px);border:1px solid var(--line-strong);border-radius:var(--radius-soft);background:radial-gradient(circle at 50% 20%,rgba(174,52,87,.12),transparent 34%),var(--raised);box-shadow:0 28px 70px rgba(33,26,34,.12);overflow:hidden}.execution-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.72) 48%,transparent 61%);transform:translateX(-120%);animation:stage-sheen 8s ease-in-out infinite}.execution-rail{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:42px}.execution-rail:before{content:"";position:absolute;left:8%;right:8%;top:62px;height:2px;background:linear-gradient(90deg,var(--pink),var(--ask),var(--ink),var(--allow))}.rail-node{position:relative;z-index:2;display:grid;justify-items:center;gap:6px;text-align:center;transform:translateZ(22px)}.rail-node:before{content:"";width:17px;height:17px;margin-bottom:14px;border:3px solid var(--raised);border-radius:50%;background:var(--pink);box-shadow:0 0 0 2px var(--pink),0 0 24px rgba(174,52,87,.35)}.rail-node i{position:absolute;top:-42px;color:var(--faint);font:normal .65rem var(--mono)}.rail-node strong{font-size:.96rem}.rail-node span{color:var(--muted);font:.7rem var(--mono)}.rail-gate:before{border-radius:3px;transform:rotate(45deg);background:var(--ask);box-shadow:0 0 0 2px var(--ask),0 0 30px rgba(166,117,39,.35)}.rail-signal{position:absolute;left:8%;top:56px;z-index:4;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(174,52,87,.25),0 0 20px var(--pink);animation:rail-flow 4.8s cubic-bezier(.6,0,.4,1) infinite}.decision-console{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:end;margin-top:48px;padding:22px;border:1px solid var(--line);border-radius:12px;background:rgba(251,246,241,.84);backdrop-filter:blur(14px);transform:translateZ(42px)}.decision-console>div:first-child{display:grid;gap:7px}.console-kicker{color:var(--pink);font:700 .64rem var(--mono);letter-spacing:.08em}.decision-console code{overflow-wrap:anywhere}.decision-controls{display:flex;flex-wrap:wrap;gap:7px}.decision-receipt{grid-column:1/-1;display:grid;grid-template-columns:90px 1fr;gap:16px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.decision-receipt b{color:var(--ask);font-family:var(--mono)}.execution-stage[data-state=allow] .rail-gate:before{background:var(--allow);box-shadow:0 0 0 2px var(--allow),0 0 30px rgba(46,122,91,.35)}.execution-stage[data-state=allow] .decision-receipt b{color:var(--allow)}.execution-stage[data-state=deny] .rail-gate:before{background:var(--deny);box-shadow:0 0 0 2px var(--deny),0 0 30px rgba(160,51,80,.35)}.execution-stage[data-state=deny] .decision-receipt b{color:var(--deny)}.execution-stage[data-state=deny] .rail-signal{animation-name:rail-denied}.execution-stage[data-state=ask] .rail-signal{animation-name:rail-waiting}@keyframes rail-flow{0%{left:8%;opacity:.3}18%{opacity:1}100%{left:91%;opacity:.2}}@keyframes rail-waiting{0%,100%{left:8%;opacity:.35}48%,58%{left:35.5%;opacity:1}75%{left:35.5%;opacity:.35}}@keyframes rail-denied{0%{left:8%;opacity:.3}55%{left:35.5%;opacity:1}100%{left:35.5%;opacity:0;transform:scale(2)}}@keyframes stage-sheen{0%,68%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}
.wheelbot-stage{position:relative;display:grid;place-items:center;min-height:500px!important;padding:38px!important;background:radial-gradient(circle at 70% 28%,rgba(174,52,87,.12),transparent 30%),linear-gradient(150deg,var(--raised),var(--canvas-alt))!important;overflow:hidden}.wheelbot-network{position:relative;width:min(900px,100%);min-height:350px;transform-style:preserve-3d}.wheelbot-endpoint{position:absolute;left:3%;top:8%;z-index:3;display:grid;gap:6px;padding:18px;border:1px solid var(--line-strong);background:rgba(255,255,255,.9);box-shadow:var(--shadow-card);transform:translateZ(42px)}.wheelbot-endpoint span,.wheelbot-sensor span{color:var(--pink);font:700 .62rem var(--mono)}.wheelbot-endpoint strong{font-size:.9rem}.wheelbot-link{position:absolute;left:20%;right:31%;top:42%;display:grid;justify-items:center;gap:8px;color:var(--muted);transform:translateZ(20px)}.wheelbot-link:before{content:"";position:absolute;top:9px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--pink),var(--principle))}.wheelbot-link i{position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px rgba(174,52,87,.8);animation:packet-flow 3.2s ease-in-out infinite}.wheelbot-link code{margin-top:28px;padding:6px 9px;background:rgba(255,255,255,.76);font-size:.66rem}.wheelbot-link small{font:.58rem var(--mono)}.wheelbot-core{position:absolute;right:4%;top:22%;z-index:3;width:220px;height:170px;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:48px 36px 54px;border:2px solid var(--principle-alt);border-radius:44px;background:linear-gradient(145deg,#fff 20%,var(--pink-soft));box-shadow:0 30px 55px rgba(18,19,28,.16);transform:translateZ(70px)}.wheelbot-core:before{content:"";position:absolute;inset:10px;border:1px solid rgba(174,52,87,.24);border-radius:35px}.bot-eye{position:relative;z-index:2;width:15px;height:15px;border-radius:50%;background:var(--pink);box-shadow:0 0 18px rgba(174,52,87,.65)}.wheelbot-core strong{position:absolute;left:0;right:0;bottom:35px;text-align:center;font:.72rem var(--mono)}.wheelbot-core small{position:absolute;left:0;right:0;bottom:18px;color:var(--muted);text-align:center;font:.54rem var(--mono)}.bot-wheel{position:absolute;bottom:-27px;width:64px;height:64px;border:11px solid var(--principle-alt);border-radius:50%;background:var(--canvas)}.bot-wheel.left{left:20px}.bot-wheel.right{right:20px}.wheelbot-sensor{position:absolute;right:9%;bottom:0;z-index:2;display:grid;gap:4px;padding:12px 15px;border-left:3px solid var(--allow);background:var(--raised);box-shadow:var(--shadow-card);transform:translateZ(32px)}.wheelbot-sensor:before{content:"";position:absolute;left:50%;bottom:100%;height:60px;border-left:1px dashed var(--allow)}.wheelbot-sensor strong{font-size:.72rem}.stage-note{position:relative;z-index:2;margin:20px 0 0!important;color:var(--muted);font:.66rem var(--mono)!important;text-align:center}@keyframes packet-flow{0%,8%{left:0;opacity:0}18%{opacity:1}82%{opacity:1}92%,100%{left:calc(100% - 14px);opacity:0}}
.contact-list{display:grid;margin-top:36px;border:1px solid var(--line-strong);overflow:hidden;background:var(--raised)}.contact-item{display:grid;grid-template-columns:170px 1fr auto;gap:20px;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line)}.contact-item:last-child{border:0}.contact-item strong{overflow-wrap:anywhere}.contact-item b{color:var(--pink);font-size:.8rem}.support-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}.support-guide article{padding:22px;border:1px solid var(--line);background:var(--raised)}.support-guide h2{font-family:var(--sans);font-size:1rem}.legal-copy{font-size:.95rem;line-height:1.8}.legal-copy>section{padding:28px 0;border-bottom:1px solid var(--line)}.legal-copy h2{font-family:var(--sans);font-size:1.12rem;font-weight:700}.legal-mark{display:inline-grid;place-items:center;min-width:28px;height:28px;color:var(--pink);font:.68rem var(--mono)}
.sakura-site .site-footer{position:relative;z-index:2;border-top:0;background:var(--principle);color:var(--on-dark)}.sakura-site .footer-inner{width:var(--content);display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:28px;margin:auto;padding:48px 0}.sakura-site .footer-inner .brand{color:var(--on-dark)}.sakura-site .footer-inner p,.sakura-site .footer-links a{color:var(--on-dark-muted);font-size:.78rem}.sakura-site .footer-links{display:grid;align-content:start;gap:7px}.sakura-site .footer-links strong{color:var(--on-dark);font-size:.78rem}.sakura-site .footer-bottom{padding:17px 24px;border-top:1px solid var(--line-dark);color:var(--on-dark-muted);font:.64rem var(--mono);text-align:center}.reveal-section{opacity:0;transform:translateY(18px);transition:.65s ease var(--reveal-delay,0ms)}.reveal-section.is-revealed{opacity:1;transform:none}
@media(max-width:980px){.sakura-hero,.chapter-grid,.account-shell,.sakura-site .feature,.sakura-site .feature.reverse{grid-template-columns:1fr}.sakura-scene{min-height:470px}.product-grid,.route-grid{grid-template-columns:1fr}.sakura-site .global-mega-panel{grid-template-columns:1fr;padding:18px}.global-mega-intro{display:none}.sakura-site .footer-inner{grid-template-columns:1.1fr repeat(2,1fr)}.support-guide{grid-template-columns:1fr}}
@media(max-width:900px){.sakura-site .site-nav{grid-template-columns:auto auto 1fr;gap:9px;padding-inline:15px}.sakura-site .menu-knob{display:grid;place-items:center}.sakura-site .nav-links{position:absolute;left:12px;right:12px;top:calc(100% + 8px);display:none;max-height:calc(100vh - 110px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:var(--radius-soft);background:var(--canvas);box-shadow:0 24px 64px rgba(33,26,34,.16)}.sakura-site .nav-links.open{display:flex;flex-direction:column;align-items:stretch}.sakura-site .global-mega-panel{position:static;width:100%;margin-top:5px;padding:8px;background:var(--canvas-alt)}.sakura-site .nav-actions{justify-self:end}}
@media(max-width:760px){:root{--content:min(100% - 36px,1180px)}.sakura-site .site-nav{grid-template-columns:auto auto 1fr;gap:9px;padding-inline:15px}.sakura-site .menu-knob{display:grid;place-items:center}.sakura-site .nav-links{position:absolute;left:12px;right:12px;top:calc(100% + 8px);display:none;max-height:calc(100vh - 110px);overflow:auto;padding:12px;border:1px solid var(--line);border-radius:var(--radius-soft);background:var(--canvas);box-shadow:0 24px 64px rgba(33,26,34,.16)}.sakura-site .nav-links.open{display:flex;flex-direction:column;align-items:stretch}.sakura-site .global-mega-panel{position:static;width:100%;margin-top:5px;padding:8px;background:var(--canvas-alt)}.sakura-site .nav-actions{justify-self:end}.sakura-hero{display:block;min-height:auto;padding:76px 18px 68px}.sakura-copy h1{font-size:clamp(2.85rem,14vw,4.2rem)}.sakura-principles{grid-template-columns:1fr}.sakura-scene{min-height:390px;margin-top:34px}.chapter,.chapter.narrow{width:var(--content);padding-block:64px}.chapter-header h1,.chapter-header h2{font-size:clamp(2.25rem,11vw,3.7rem)}.sakura-site .hero h1,.sakura-site .page-hero h1{font-size:clamp(2.35rem,11vw,4rem)}.diagram-row{grid-template-columns:1fr}.contact-item{grid-template-columns:1fr;gap:5px}.sakura-site .footer-inner{grid-template-columns:1fr 1fr}.sakura-site .footer-inner>div:first-child{grid-column:1/-1}}
@media(max-width:760px){.execution-rail{grid-template-columns:repeat(4,minmax(76px,1fr));gap:6px;overflow-x:auto;padding-bottom:12px}.execution-rail:before{left:42px;right:42px}.rail-node strong{font-size:.78rem}.rail-node span{font-size:.58rem}.decision-console{grid-template-columns:1fr}.decision-receipt{grid-template-columns:1fr;gap:4px}}
@media(max-width:760px){.wheelbot-stage{padding:22px!important}.wheelbot-network{min-height:520px}.wheelbot-endpoint{left:5%;right:5%;top:0}.wheelbot-link{left:50%;right:auto;top:100px;width:2px;height:165px}.wheelbot-link:before{left:0;right:auto;top:0;width:2px;height:100%;background:linear-gradient(var(--pink),var(--principle))}.wheelbot-link i{left:-6px;top:0;animation-name:packet-flow-mobile}.wheelbot-link code{position:absolute;top:55px;left:18px;width:210px;margin:0}.wheelbot-link small{position:absolute;top:92px;left:18px;width:190px}.wheelbot-core{left:50%;right:auto;top:260px;transform:translateX(-50%) translateZ(70px)}.wheelbot-sensor{right:3%;bottom:0}@keyframes packet-flow-mobile{0%,8%{top:0;opacity:0}18%{opacity:1}82%{opacity:1}92%,100%{top:calc(100% - 14px);opacity:0}}}
@media(max-width:460px){.sakura-site .brand span{display:none}.sakura-site .nav-cta{display:none}.sakura-site .footer-inner{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#sakura-canvas{display:none}.reveal-section{opacity:1;transform:none;transition:none!important}.sakura-site *{animation:none!important}}

/* Cross-page plane transition + restrained spatial demos */
/* Disabled: with the added WebGL liquid-metal canvases, the browser's
   cross-document view-transition capture sometimes aborts mid-flight
   ("InvalidStateError: Transition was aborted"), leaving the previous
   page's snapshot visually stuck over the new page — old and new nav
   buttons appearing stacked on top of each other. Plain navigation is
   more reliable than a broken transition.
@view-transition{navigation:auto} */
::view-transition-old(root){animation:yana-plane-out .34s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:yana-plane-in .52s cubic-bezier(.16,1,.3,1) both}
@keyframes yana-plane-out{to{opacity:0;transform:perspective(1200px) translateZ(-90px) rotateX(2deg)}}
@keyframes yana-plane-in{from{opacity:0;transform:perspective(1200px) translateY(22px) translateZ(80px) rotateX(-2deg)}}
.depth-card{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .55s cubic-bezier(.16,1,.3,1)}
.depth-card .field-node{transform:translateZ(38px)}.depth-card .field-core{transform:translate(-50%,-50%) translateZ(74px) rotate(45deg)}.depth-card .field-core-label{transform:translateX(-50%) translateZ(54px)}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.depth-card{transform:none}}

/* Scroll-spatial scene transition: sections settle from depth as they cross the viewport. */
.scroll-spatial{transform-origin:50% 50%;transform:none;transform-style:flat;will-change:auto;transition:opacity .65s ease var(--reveal-delay,0ms)}.scroll-spatial:after{display:none}.scroll-spatial.is-revealed{opacity:1}.scroll-spatial:not(.is-revealed){opacity:0}
/* PERF: the scroll-linked blur(2px) on every .scroll-spatial section is disabled. Blurring a full-width section on
   every scroll frame forced each one (with its backdrop-filter children) through an offscreen filter pass on a
   Retina display and drove the GPU to ~80% while scrolling. To restore it, put back:
   @supports(animation-timeline:view()){.scroll-spatial{animation:spatial-focus linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes spatial-focus{0%{filter:blur(2px)}35%,65%{filter:blur(0)}100%{filter:blur(2px)}}} */
@media(prefers-reduced-motion:reduce){.scroll-spatial{transform:none!important;filter:none!important;animation:none!important;will-change:auto}.scroll-spatial:after{display:none}}

/* Wide-screen correction: menus and visual fields use the viewport, copy keeps a readable line length. */
@media(min-width:901px){.sakura-site .global-mega-panel{left:0!important;right:0!important;z-index:82;width:100%!important;max-width:none!important;padding-inline:max(32px,calc((100vw - 1440px)/2))!important;transform:none!important}.sakura-site .hero-inner{width:min(1480px,100%)}.chapter.narrow{width:var(--content)}.chapter-header{max-width:900px}.legal-copy p{max-width:1100px}}
.nav-scrim{background:rgba(18,19,28,.12);backdrop-filter:blur(2px)}

/* Yana Liquid Glass: translucent where interaction happens, solid where reading happens. */
.sakura-site .site-nav{background:linear-gradient(110deg,rgba(251,246,241,.78),rgba(255,255,255,.62));box-shadow:0 10px 32px rgba(33,26,34,.055);-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%)}
.control-field,.execution-stage,.wheelbot-stage,.sakura-site .hero-stage,.sakura-site .feature-visual{border-color:rgba(255,255,255,.72);background-color:rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(174,52,87,.08),0 24px 70px rgba(33,26,34,.13);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}
.sakura-site .product-card,.route-card,.support-guide article,.contact-list,.sakura-site .visual-window,.platform-map{background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.62));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 40px rgba(33,26,34,.055);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%)}
.field-node,.wheelbot-endpoint,.wheelbot-sensor{border:1px solid rgba(255,255,255,.8);border-left:2px solid var(--pink);background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(240,217,224,.58));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.wheelbot-stage{width:100%!important}.liquid-highlight{position:absolute;pointer-events:none;border-radius:50%;filter:blur(18px);opacity:.35}
@media(max-width:1200px){:root{--content:min(100% - 56px,1180px)}.sakura-site .hero-inner{width:100%}.sakura-site .hero-stage{width:100%}}
@media(max-width:900px){:root{--content:min(100% - 40px,900px)}.sakura-site .global-mega-panel{transform:none!important}.scroll-spatial{transition-duration:.22s}}
@media(max-width:600px){:root{--content:calc(100% - 30px)}.control-field,.execution-stage,.wheelbot-stage,.sakura-site .hero-stage,.sakura-site .feature-visual{-webkit-backdrop-filter:blur(14px) saturate(125%);backdrop-filter:blur(14px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 15px 38px rgba(33,26,34,.1)}.sakura-site .section,.chapter,.chapter.narrow{width:var(--content)}.chapter-grid{gap:34px}.sakura-site .product-card{min-height:auto}.route-card{min-height:230px}}

/* Exact ThreeUI Sylva Living Green intro. The authored document stays isolated and byte-exact. */
.sylva-intro{position:relative;height:calc(100svh - 64px);min-height:620px;overflow:hidden;background:#4a4d44;isolation:isolate}.sylva-intro iframe{display:block;width:100%;height:100%;border:0;background:#4a4d44}.sylva-yana-mark,.sylva-scroll{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.2);color:#fff;background:linear-gradient(180deg,rgba(62,69,58,.96),rgba(27,32,25,.9));box-shadow:inset 0 1px rgba(255,255,255,.16),0 16px 44px rgba(10,14,8,.24)}.sylva-yana-mark{left:clamp(18px,3vw,48px);top:clamp(18px,3vw,42px);padding:8px 13px;border-radius:12px;font:650 .66rem var(--mono);letter-spacing:.11em}.sylva-yana-mark img{width:25px;height:25px;border-radius:8px}.sylva-scroll{right:clamp(18px,3vw,48px);bottom:clamp(18px,3vw,42px);min-height:44px;padding:0 17px;border-radius:999px;font:650 .76rem var(--sans);text-decoration:none}.sylva-scroll i{font:normal 1rem var(--sans);animation:sylva-cue 1.7s ease-in-out infinite}@keyframes sylva-cue{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}

/* A held cinematic chapter separates the ecosystem story from individual products. */
.ecosystem-prologue{position:relative;height:185svh;background:radial-gradient(circle at 70% 40%,rgba(174,52,87,.18),transparent 34%),linear-gradient(150deg,#f9f1ed,#f1e6e1 54%,#f8f4ef)}.prologue-sticky{position:sticky;top:64px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);align-items:center;gap:clamp(40px,7vw,120px);width:var(--content);height:calc(100svh - 64px);min-height:640px;margin:auto;perspective:1500px;overflow:hidden}.prologue-copy{position:relative;z-index:4;transform:translate3d(0,calc((.5 - var(--prologue-progress,0)) * 70px),calc((var(--prologue-progress,0) - .5) * 110px));opacity:calc(.72 + var(--prologue-progress,0) * .28)}.prologue-copy h1{max-width:10ch;margin:0;font-size:clamp(3.5rem,6.6vw,7rem);line-height:.91}.prologue-copy h1 em{display:block;color:var(--pink);font-weight:inherit}.prologue-copy>p:not(.eyebrow){max-width:620px;margin:28px 0;font-size:clamp(1rem,1.3vw,1.22rem)}.yana-orbit{position:relative;width:min(700px,48vw);aspect-ratio:1;margin:auto;transform-style:preserve-3d;transform:rotateX(calc(62deg - var(--prologue-progress,0) * 24deg)) rotateZ(calc(-18deg + var(--prologue-progress,0) * 36deg)) translateZ(30px)}.yana-orbit:before{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.82),rgba(240,217,224,.28) 45%,transparent 68%);filter:blur(8px);transform:translateZ(-50px)}.orbit-ring{position:absolute;inset:12%;border:1px solid rgba(140,40,70,.26);border-radius:50%;transform-style:preserve-3d;pointer-events:none}.orbit-ring.r2{inset:26%;border-color:rgba(46,122,91,.25);transform:rotateX(64deg) rotateY(24deg)}.orbit-core{position:absolute;left:50%;top:50%;z-index:5;display:grid;place-items:center;gap:8px;width:128px;height:128px;margin:-64px;border:1px solid rgba(255,255,255,.84);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(240,217,224,.7));box-shadow:inset 0 1px #fff,0 28px 62px rgba(33,26,34,.19);transform:translateZ(82px) rotateZ(calc(18deg - var(--prologue-progress,0) * 36deg)) rotateX(calc(-62deg + var(--prologue-progress,0) * 24deg));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.orbit-core img{width:56px;height:56px}.orbit-core span{font:700 .6rem var(--mono);letter-spacing:.13em}.orbit-product{position:absolute;z-index:4;display:grid;gap:2px;min-width:126px;padding:13px 15px;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,.57));box-shadow:inset 0 1px #fff,0 18px 42px rgba(33,26,34,.11);text-decoration:none;transform-style:preserve-3d;-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%);transition:transform .35s cubic-bezier(.16,1,.3,1),background .2s}.orbit-product:hover{background:#fff}.orbit-product b{font-size:.82rem}.orbit-product small{color:var(--pink);font:650 .52rem var(--mono);letter-spacing:.08em}.orbit-product.p-ai{left:2%;top:38%;transform:translateZ(56px) rotateZ(calc(18deg - var(--prologue-progress,0) * 36deg)) rotateX(calc(-62deg + var(--prologue-progress,0) * 24deg))}.orbit-product.p-studio{right:5%;top:12%;transform:translateZ(92px) rotateZ(calc(18deg - var(--prologue-progress,0) * 36deg)) rotateX(calc(-62deg + var(--prologue-progress,0) * 24deg))}.orbit-product.p-wheelbot{right:4%;bottom:13%;transform:translateZ(42px) rotateZ(calc(18deg - var(--prologue-progress,0) * 36deg)) rotateX(calc(-62deg + var(--prologue-progress,0) * 24deg))}.orbit-signal{position:absolute;z-index:6;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(174,52,87,.16),0 0 26px var(--pink);pointer-events:none}.orbit-signal.s1{left:13%;top:48%;animation:orbit-pulse-a 5s ease-in-out infinite}.orbit-signal.s2{right:14%;bottom:28%;animation:orbit-pulse-b 6.2s ease-in-out infinite}@keyframes orbit-pulse-a{0%,100%{transform:translate3d(0,0,70px)}50%{transform:translate3d(360px,-120px,110px)}}@keyframes orbit-pulse-b{0%,100%{transform:translate3d(0,0,50px)}50%{transform:translate3d(-260px,-180px,100px)}}.yana-orbit.compact{width:min(540px,100%);transform:rotateX(54deg) rotateZ(-14deg)}

/* Stronger depth between chapters; the sticky prologue supplies the slower hand-off. */
.scroll-spatial{transform:perspective(1500px) translate3d(0,var(--scroll-y,0),var(--scroll-z,0)) rotateX(var(--scroll-rotate,0)) scale(var(--scroll-scale,1));transition:opacity .75s ease var(--reveal-delay,0ms),transform .24s linear,filter .24s linear}
@media(max-width:980px){.prologue-sticky{grid-template-columns:1fr;align-content:center;gap:30px}.prologue-copy h1{max-width:12ch}.yana-orbit{width:min(560px,82vw);max-height:46svh}.ecosystem-prologue{height:210svh}}
@media(max-width:600px){.sylva-intro{height:calc(100svh - 64px);min-height:560px}.sylva-yana-mark{top:12px;left:12px}.sylva-scroll{right:12px;bottom:12px}.prologue-sticky{top:64px;width:calc(100% - 30px);min-height:560px}.prologue-copy h1{font-size:clamp(3rem,15vw,4.6rem)}.prologue-copy>p:not(.eyebrow){margin:18px 0}.yana-orbit{width:96vw;margin-left:-6vw}.orbit-core{width:94px;height:94px;margin:-47px;border-radius:28px}.orbit-core img{width:42px;height:42px}.orbit-product{min-width:100px;padding:10px}.orbit-product.p-ai{left:6%}.orbit-product.p-studio{right:8%}.orbit-product.p-wheelbot{right:5%;bottom:8%}.ecosystem-prologue{height:220svh}}
@media(prefers-reduced-motion:reduce){.sylva-scroll i,.orbit-signal{animation:none}.ecosystem-prologue{height:auto}.prologue-sticky{position:relative;top:0;min-height:780px}.prologue-copy,.yana-orbit{transform:none!important}.prologue-copy{opacity:1}}

/* Performance budget: off-screen reading sections skip layout/paint until needed. */
.sakura-site main>.chapter,.sakura-site main>.section,.sakura-site .site-footer{content-visibility:auto;contain-intrinsic-size:auto 760px}.sylva-intro,.ecosystem-prologue{content-visibility:visible}.sylva-intro iframe{contain:strict}.sakura-site .route-card,.sakura-site .product-card{contain:layout paint style}
@media(max-width:900px){.sakura-site .product-card,.route-card,.support-guide article,.contact-list,.sakura-site .visual-window,.platform-map{-webkit-backdrop-filter:none;backdrop-filter:none}.orbit-signal{display:none}.yana-orbit{will-change:transform}.scroll-spatial{will-change:auto}}
@media(max-width:600px){#sakura-canvas{opacity:.48}.sylva-intro iframe{transform:translateZ(0)}.execution-stage:before{display:none}}

/* Shared reading layout: content must fit before decorative perspective is applied. */
.sakura-site{isolation:isolate}
.sakura-site:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url("sakura-canopy.svg") right bottom / min(90vw,1300px) auto no-repeat;opacity:.1}
.sakura-site.mode-document:before{opacity:.045}
.sakura-site :is(.chapter-grid,.product-grid,.route-grid,.feature,.footer-inner,.hero-inner)>*{min-width:0}
.sakura-site :is(h1,h2,h3,p,.button,.eyebrow){overflow-wrap:break-word}
.sakura-site .button{max-width:100%;height:auto;padding-block:12px;white-space:normal;text-align:center}
.sakura-site :is(img,video,svg){max-width:100%}
.sakura-site pre{max-width:100%;overflow:auto}
.sakura-site .hero,.sakura-site .page-hero{background:linear-gradient(155deg,rgba(251,246,241,.86),rgba(244,234,228,.78))}
.prologue-sticky{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,72px);height:auto;min-height:calc(100svh - 64px);padding-block:clamp(44px,6vh,84px);overflow:visible}
.prologue-copy{min-width:0;transform:none;opacity:1}
.prologue-copy h1{max-width:100%;font-size:clamp(2.75rem,4.6vw,5rem);line-height:1.12;letter-spacing:-.015em;text-wrap:balance}
.prologue-copy h1 em{font-style:normal}
.prologue-copy .eyebrow{line-height:1.7}
.prologue-copy>p:not(.eyebrow){max-width:54ch;font-size:clamp(1rem,1.15vw,1.15rem)}
.ecosystem-prologue{isolation:isolate;background:linear-gradient(150deg,rgba(249,241,237,.92),rgba(241,230,225,.85),rgba(248,244,239,.92))}
.ecosystem-prologue:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("sakura-canopy.svg") right 80% / min(1100px,100%) auto no-repeat;opacity:.14}
.yana-orbit{width:min(100%,600px);max-height:none}
.scroll-spatial{filter:none!important;animation:none!important;will-change:auto;transform-style:flat;transition:opacity .5s ease,transform .18s ease-out}
.scroll-spatial:after{display:none}
@media(max-width:1100px),(max-height:760px){.ecosystem-prologue{height:auto}.prologue-sticky{position:relative;top:auto;grid-template-columns:1fr;min-height:0;height:auto;padding-block:64px;gap:32px}.prologue-copy{max-width:760px}.prologue-copy h1{max-width:18ch;font-size:clamp(2.5rem,6vw,4.5rem)}.yana-orbit{width:min(100%,500px);margin:0 auto;aspect-ratio:1}.prologue-copy>p:not(.eyebrow){max-width:60ch}}
@media(max-width:600px){.prologue-sticky{width:var(--content);padding-block:48px;gap:24px}.prologue-copy h1{font-size:clamp(2.3rem,9.5vw,3.5rem);line-height:1.13}.prologue-copy .sakura-actions{display:grid;grid-template-columns:1fr}.yana-orbit{width:min(74vw,296px);margin:0 auto;max-height:none;transform-origin:50% 50%}.orbit-product{min-width:92px;padding:8px}.orbit-product.p-ai{left:0}.orbit-product.p-studio{right:1%}.orbit-product.p-wheelbot{right:1%}.sakura-site .feature-visual{padding:16px;min-height:280px}.sakura-site:before{background-size:160vw auto;opacity:.07}.scroll-spatial{transform:none!important}.sylva-intro{height:940px;min-height:0}.sylva-scroll{color:#fff!important;background:rgba(32,38,29,.9)}}
@media(min-width:601px) and (max-width:900px){.sylva-intro{height:calc(100vw * 1625 / 760);min-height:100svh}}
@media(prefers-reduced-motion:reduce){.prologue-sticky{min-height:0}.scroll-spatial{transition:none}.yana-orbit{transform:none!important}}

/* Yana liquid glass: the hero's blue-white-pink metal rim becomes the shared CTA material. */
.sakura-site .button:not(.ghost):not(.light),.sakura-site .nav-cta{
  position:relative;isolation:isolate;overflow:hidden;color:#fff!important;border:1px solid transparent!important;
  background:
    radial-gradient(52% 90% at 58% 122%,rgba(255,247,201,.8),transparent 42%) padding-box,
    radial-gradient(58% 105% at 38% 124%,rgba(82,145,255,.75),transparent 46%) padding-box,
    linear-gradient(180deg,rgba(44,48,52,.84),rgba(17,18,24,.9)) padding-box,
    conic-gradient(from 205deg,#f5a8c0,#77a8ff 22%,#eaf5ff 39%,#fff3c6 54%,#eea2bc 72%,#739cff 88%,#f5a8c0) border-box;
  box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -12px 22px rgba(73,126,255,.18),0 12px 30px rgba(23,27,36,.18);
  text-shadow:0 1px 10px rgba(0,0,0,.32);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,filter .22s ease
}
.sakura-site .button:not(.ghost):not(.light)::after,.sakura-site .nav-cta::after{
  content:"";position:absolute;inset:-70% -28%;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 48%,transparent 61%);transform:translateX(-70%) rotate(4deg);transition:transform .65s cubic-bezier(.16,1,.3,1)
}
.sakura-site .button:not(.ghost):not(.light):hover,.sakura-site .nav-cta:hover{transform:translateY(-2px) scale(1.012);filter:saturate(1.08);box-shadow:inset 0 1px rgba(255,255,255,.34),inset 0 -15px 26px rgba(73,126,255,.25),0 17px 38px rgba(23,27,36,.24)}
.sakura-site .button:not(.ghost):not(.light):hover::after,.sakura-site .nav-cta:hover::after{transform:translateX(70%) rotate(4deg)}
.sakura-site .button:not(.ghost):not(.light):focus-visible,.sakura-site .nav-cta:focus-visible{outline:3px solid rgba(101,151,255,.42);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.sakura-site .button::after,.sakura-site .nav-cta::after{display:none}}

/* 2026-09 visual refinement: one restrained liquid-glass material system.
   Spectral colour belongs to interactive edges, not to whole page surfaces. */
body.sakura-site{
  background:
    radial-gradient(circle at 78% 8%,rgba(103,145,220,.06),transparent 28rem),
    linear-gradient(155deg,#f8f6f3,#f1efed 52%,#f7f5f2);
}
#sakura-canvas{opacity:.28;filter:none}
.sakura-site:before{opacity:.035;filter:grayscale(.45)}
.sakura-site .site-nav{
  border-color:rgba(255,255,255,.7);
  background:linear-gradient(115deg,rgba(250,249,247,.76),rgba(235,237,240,.58));
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 12px 38px rgba(20,24,31,.07);
}
.sakura-site .global-mega-panel{
  border:1px solid rgba(255,255,255,.78);border-top:0;
  background:linear-gradient(145deg,rgba(250,249,247,.9),rgba(231,234,239,.82));
  -webkit-backdrop-filter:blur(26px) saturate(112%);backdrop-filter:blur(26px) saturate(112%);
}
.sakura-site .nav-links>a:hover,.sakura-site .global-nav-group>summary:hover,.sakura-site .global-nav-group[open]>summary,.global-mega-link:hover,.global-mega-link.is-current{
  color:var(--ink);background:rgba(255,255,255,.62);box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -1px rgba(104,151,235,.26)
}
.sylva-intro{background:#444841}
.sylva-intro iframe{filter:saturate(.72) contrast(.96)}
.ecosystem-prologue,.sakura-site .hero,.sakura-site .page-hero{
  background:linear-gradient(150deg,rgba(247,246,243,.94),rgba(226,229,233,.82) 55%,rgba(246,244,241,.94));
}
.ecosystem-prologue:before{opacity:.055;filter:grayscale(.55)}
.orbit-core,.orbit-product,.sakura-site .product-card,.route-card,.support-guide article,.contact-list,.sakura-site .visual-window,.platform-map,.control-field,.execution-stage,.wheelbot-stage,.sakura-site .hero-stage,.sakura-site .feature-visual{
  border:1px solid rgba(255,255,255,.76);
  background:
    radial-gradient(72% 24% at 66% 108%,rgba(255,244,197,.11),transparent 65%),
    radial-gradient(70% 30% at 35% 110%,rgba(91,145,245,.11),transparent 66%),
    linear-gradient(145deg,rgba(255,255,255,.66),rgba(224,228,234,.38));
  box-shadow:
    inset 0 1px rgba(255,255,255,.94),
    inset 0 -1px rgba(101,151,244,.23),
    0 18px 54px rgba(24,28,35,.09);
  -webkit-backdrop-filter:blur(22px) saturate(110%);backdrop-filter:blur(22px) saturate(110%);
}
.orbit-product:hover,.route-card:hover{
  background:
    radial-gradient(60% 28% at 64% 108%,rgba(255,238,168,.18),transparent 65%),
    radial-gradient(62% 30% at 34% 110%,rgba(83,141,247,.2),transparent 66%),
    linear-gradient(145deg,rgba(255,255,255,.82),rgba(225,229,236,.52));
}
.orbit-product small,.global-mega-intro small,.eyebrow,.sakura-site .eyebrow{color:#76596a}
.pink-glow,.liquid-highlight{opacity:.16}
@media(max-width:900px){
  .sylva-intro iframe{filter:saturate(.65) contrast(.96)}
  .orbit-core,.orbit-product,.sakura-site .product-card,.route-card,.support-guide article,.contact-list,.sakura-site .visual-window,.platform-map,.control-field,.execution-stage,.wheelbot-stage,.sakura-site .hero-stage,.sakura-site .feature-visual{-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){.sylva-intro iframe{filter:saturate(.66)}}

/* Lightweight home intro. The former multi-context WebGL scene is retained as
   a source asset, but is no longer mounted on the public homepage. */
.yana-intro{position:relative;min-height:calc(100svh - 64px);display:grid;align-items:center;overflow:hidden;color:#171719;background:radial-gradient(circle at 50% 10%,#fff 0,#fbfbfd 45%,#f4f5f7 100%)}
.home-page #sakura-canvas{display:none}
.yana-intro:before{content:"";position:absolute;left:50%;bottom:-38%;width:min(86vw,1100px);aspect-ratio:1;translate:-50% 0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(126,158,255,.10),rgba(255,184,211,.045) 34%,transparent 68%);filter:blur(26px)}
.yana-intro-inner{position:relative;z-index:1;width:min(100% - 40px,980px);margin:auto;display:block;padding-block:clamp(96px,14vh,168px);text-align:center}
.yana-intro-copy{max-width:940px;margin:auto}.yana-intro-copy .eyebrow{color:#77777d;letter-spacing:.18em}
.yana-intro-copy h1{max-width:940px;margin:18px auto 0;color:#171719;font-family:var(--sans);font-size:clamp(3.8rem,6.8vw,6.5rem);font-weight:520;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
.yana-intro-copy h1 em{display:block;margin-top:.08em;color:#74747b;font-style:normal;font-weight:400}
.yana-intro-copy>p:not(.eyebrow){max-width:650px;margin:30px auto 24px;color:#68686e;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.65;text-wrap:balance}
.yana-liquid-wrap{position:relative;width:380px;height:136px;margin:0 auto;overflow:hidden}
.yana-liquid-wrap .liquid-stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.liquid-stage{--h:64px;--lu:calc(var(--h) / 516);--bh:var(--h);--pad:calc(900 * var(--lu));position:relative;width:max-content;height:max-content;padding:var(--pad);display:grid;place-items:center;touch-action:manipulation;font-family:var(--sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
.liquid-stage--explore{--h:82px}
/* Round icon "knob" button — extracted from ThreeUI's Living Green source
   (docs/landing-pages/, removed): pure CSS, no WebGL, just the circle +
   soft shadow + scale/rotate hover. */
.sakura-site .knob{place-items:center;width:52px;height:52px;border:0;border-radius:50%;cursor:pointer;background:#fff;color:var(--ink);box-shadow:0 10px 26px rgba(33,26,34,.16);transition:transform .5s cubic-bezier(.16,1,.3,1),background .3s ease,box-shadow .3s ease}
.sakura-site .language-link.knob{display:grid}
.sakura-site .knob svg,.sakura-site .knob img{width:20px;height:20px;display:block}
.sakura-site .knob:hover{transform:scale(1.1) rotate(8deg);background:#fff;box-shadow:0 14px 34px rgba(33,26,34,.22)}
.sakura-site .knob:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.liquid-stage--cta{--h:44px;--pad:14px}
.liquid-stage--knob{--h:44px;--pad:9px}
.liquid-stage--decision{--h:36px;--pad:6px}
.liquid-button--knob{width:var(--bh);padding:0;font-size:calc(150*var(--lu));font-weight:650}
.liquid-button--cta{padding:0 calc(300*var(--lu));font-size:calc(175*var(--lu));font-weight:560;letter-spacing:-.01em}
.liquid-button--decision{padding:0 12px;font-family:var(--mono);font-size:.67rem;font-weight:700;letter-spacing:.02em}
.hero-actions .liquid-stage--cta,.sakura-actions .liquid-stage--cta{flex:none}
.liquid-stage--decision.is-selected[data-decision=allow] .liquid-plate{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.02) 44%,rgba(255,255,255,0) 64%),var(--allow)}
.liquid-stage--decision.is-selected[data-decision=ask] .liquid-plate{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.02) 44%,rgba(255,255,255,0) 64%),var(--ask)}
.liquid-stage--decision.is-selected[data-decision=deny] .liquid-plate{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.02) 44%,rgba(255,255,255,0) 64%),var(--deny)}
.liquid-plate{position:absolute;inset:var(--pad);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.014) 44%,rgba(255,255,255,0) 64%),rgba(10,12,10,.42);box-shadow:0 calc(var(--h)*.08) calc(var(--h)*.18) rgba(0,0,0,.38),0 calc(var(--h)*.24) calc(var(--h)*.50) rgba(0,0,0,.28),0 calc(var(--h)*.48) calc(var(--h)*.96) rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.13),inset 0 calc(var(--h)*-.02) calc(var(--h)*.05) rgba(255,255,255,.05);transition:box-shadow .38s cubic-bezier(.22,.61,.36,1),background .38s cubic-bezier(.22,.61,.36,1)}
.liquid-stage.hot .liquid-plate{background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.02) 44%,rgba(255,255,255,0) 64%),rgba(8,10,8,.5);box-shadow:0 calc(var(--h)*.10) calc(var(--h)*.22) rgba(0,0,0,.44),0 calc(var(--h)*.32) calc(var(--h)*.66) rgba(0,0,0,.34),0 calc(var(--h)*.66) calc(var(--h)*1.32) rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.17),inset 0 calc(var(--h)*-.02) calc(var(--h)*.05) rgba(255,255,255,.06)}
.liquid-fx{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.liquid-button{position:relative;height:var(--bh);border:0;background:none;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:inherit;font-weight:500;line-height:1;letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none}
.yana-intro .liquid-button{color:#fff}
.liquid-button:focus-visible{outline:calc(4 * var(--lu)) solid rgba(255,255,255,.55);outline-offset:calc(10 * var(--lu))}
.liquid-button .ico{display:block;flex:none;overflow:visible}.liquid-button .lbl{display:block;transform:translateY(calc(2 * var(--lu)))}
.liquid-button--explore{padding:0 calc(224 * var(--lu)) 0 calc(95 * var(--lu));gap:calc(112 * var(--lu));font-size:calc(140 * var(--lu))}.liquid-button--explore .ico{width:calc(150 * var(--lu));height:calc(150 * var(--lu))}
.liquid-stage.press .liquid-plate{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.01) 44%,rgba(255,255,255,0) 64%),rgba(7,9,7,.55);box-shadow:0 calc(var(--h)*.04) calc(var(--h)*.11) rgba(0,0,0,.46),0 calc(var(--h)*.13) calc(var(--h)*.32) rgba(0,0,0,.36),0 calc(var(--h)*.27) calc(var(--h)*.62) rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.10);transition-duration:.1s}
.yana-glass-mark{display:none}
.yana-glass-mark img{width:38%;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28))}.yana-glass-mark span{margin-top:-18%;font:700 .72rem var(--mono);letter-spacing:.2em}.yana-glass-mark small{margin-top:-30%;color:rgba(255,255,255,.45);font:600 .55rem var(--mono);letter-spacing:.14em}
@media(max-width:820px){.yana-intro{min-height:calc(100svh - 58px)}.yana-intro-inner{padding-block:88px}.yana-intro-copy h1{font-size:clamp(3.5rem,14vw,5.5rem)}.yana-intro-copy>p:not(.eyebrow){margin-block:24px}}
@media(max-width:460px){.yana-intro-inner{width:min(100% - 32px,980px);padding-block:72px}.yana-intro-copy h1{font-size:clamp(3.25rem,15vw,4.5rem)}.yana-liquid-wrap{width:min(100%,340px);height:116px}.liquid-stage--explore{--h:68px}}

/* Home follows one bright, quiet material system. Decorative Sakura artwork,
   editorial serif type and solid pink panels belong to the old direction. */
body.home-page{--canvas:#fff;--canvas-alt:#f5f5f7;--raised:rgba(255,255,255,.72);--ink:#1d1d1f;--muted:#6e6e73;--line:rgba(20,20,24,.10);--line-strong:rgba(20,20,24,.15);background:#fff;color:var(--ink);font-family:var(--sans)}
.home-page:before,.home-page .ecosystem-prologue:before{display:none!important}
.home-page main{background:#fff}
.home-page :is(h1,h2,h3),.home-page .accent-line,.home-page .brand{font-family:var(--sans);font-style:normal}
.home-page :is(.chapter-header h1,.chapter-header h2,.chapter-copy h2,.prologue-copy h1){font-weight:580;letter-spacing:-.025em}
.home-page .eyebrow{color:#6e6e73;letter-spacing:.15em}
.home-page .ecosystem-prologue{background:linear-gradient(180deg,#fff 0,#fafafa 58%,#f5f5f7 100%)}
.home-page .prologue-copy h1 em{color:#76767c}
.home-page .chapter{background:#fff}
.home-page .chapter:nth-of-type(even){background:linear-gradient(180deg,#fff,#f8f8fa 50%,#fff)}
.home-page .platform-map{gap:1px;overflow:hidden;border:1px solid rgba(18,18,22,.09);border-radius:28px;background:rgba(18,18,22,.09);box-shadow:0 24px 70px rgba(18,18,22,.08);-webkit-backdrop-filter:none;backdrop-filter:none}
.home-page .platform-node{min-height:108px;padding:28px 30px;border:0;background:rgba(255,255,255,.92);align-items:center}
.home-page .platform-node.core{border:0;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(237,243,255,.9))}
.home-page .platform-node strong{font-size:clamp(1.05rem,1.6vw,1.35rem);letter-spacing:-.025em}
.home-page .platform-node span{color:#6e6e73}
.home-page .execution-stage{border:1px solid rgba(18,18,22,.08);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,247,251,.82));box-shadow:inset 0 1px #fff,0 28px 80px rgba(18,18,22,.09);-webkit-backdrop-filter:blur(22px) saturate(110%);backdrop-filter:blur(22px) saturate(110%)}
.home-page .execution-stage:before{opacity:.3}
.home-page .decision-console{background:rgba(255,255,255,.78);border-color:rgba(18,18,22,.08);box-shadow:inset 0 1px rgba(255,255,255,.9)}
.home-page .route-card{border-color:rgba(18,18,22,.08);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,246,250,.76));box-shadow:inset 0 1px #fff,0 18px 54px rgba(18,18,22,.07)}
.home-page .site-footer{background:#f5f5f7;color:#1d1d1f}.home-page .site-footer p,.home-page .footer-bottom{color:#6e6e73}
@media(max-width:600px){.home-page .chapter{padding-block:72px}.home-page .platform-map{border-radius:20px}.home-page .platform-node{min-height:94px;padding:22px 20px}.home-page .platform-node.core{border-left:0}.home-page .execution-stage{-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Global visual reset: a bright product interface rather than an illustrated
   editorial theme. This applies to every public page, not only the homepage. */
body.sakura-site{--canvas:#fff;--canvas-alt:#f5f5f7;--raised:rgba(255,255,255,.78);--ink:#1d1d1f;--muted:#6e6e73;--faint:#8b8b91;--pink:#6174f3;--pink-strong:#4e60d5;--pink-soft:rgba(97,116,243,.09);--line:rgba(20,20,24,.09);--line-strong:rgba(20,20,24,.14);--display:var(--sans);background:#fff;color:var(--ink)}
body.sakura-site:before,.sakura-site .ecosystem-prologue:before{display:none!important}
.sakura-site h1,.sakura-site h2,.sakura-site h3,.sakura-site .brand,.sakura-site .accent-line{font-family:var(--sans);font-style:normal}
.sakura-site h1,.sakura-site h2{font-weight:580;letter-spacing:-.015em}.sakura-site h3{font-weight:560;letter-spacing:-.015em}
.sakura-site .eyebrow,.sakura-site .global-mega-intro small,.sakura-site .orbit-product small{color:#717178}
.sakura-site .site-nav{border-color:rgba(20,20,24,.07);background:rgba(255,255,255,.76);box-shadow:0 10px 40px rgba(20,20,24,.055);-webkit-backdrop-filter:blur(28px) saturate(125%);backdrop-filter:blur(28px) saturate(125%)}
.sakura-site .global-mega-panel{border-color:rgba(20,20,24,.08);background:rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(20,20,24,.09)}
.sakura-site .hero,.sakura-site .page-hero,.sakura-site .ecosystem-prologue{background:linear-gradient(180deg,#fff 0,#fafafa 58%,#f5f5f7 100%)}
.sakura-site .platform-node.core,.sakura-site .field-node,.sakura-site .wheelbot-endpoint,.sakura-site .wheelbot-sensor{border-left-color:rgba(97,116,243,.5);background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,243,255,.78))}
.sakura-site :is(.product-card,.route-card,.support-guide article,.contact-list,.visual-window,.platform-map,.control-field,.execution-stage,.wheelbot-stage,.hero-stage,.feature-visual){border-color:rgba(20,20,24,.075);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,246,250,.74));box-shadow:inset 0 1px #fff,0 18px 58px rgba(20,20,24,.07)}
.sakura-site .site-footer{background:#f5f5f7;color:#1d1d1f}.sakura-site .site-footer :is(p,a,.footer-bottom){color:#6e6e73}.sakura-site .site-footer strong,.sakura-site .site-footer .brand{color:#1d1d1f}
.sakura-site .quote-band{background:linear-gradient(145deg,#f5f5f7,#fff);color:#1d1d1f}.sakura-site .quote-band :is(h2,p){color:inherit}
@media(max-width:900px){.sakura-site :is(.product-card,.route-card,.support-guide article,.contact-list,.visual-window,.platform-map,.control-field,.execution-stage,.wheelbot-stage,.hero-stage,.feature-visual){-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Bright Yana correction: white is the canvas. Cool colour appears only as a
   faint optical tint so the interface stays luminous instead of grey. */
body.sakura-site{
  --canvas:#fff;--canvas-alt:#fbfdff;--raised:rgba(255,255,255,.34);
  --muted:#565b68;--faint:#747b8c;
  background:
    radial-gradient(circle at 12% 18%,rgba(126,208,255,.16),transparent 19rem),
    radial-gradient(circle at 88% 34%,rgba(160,139,255,.11),transparent 22rem),
    radial-gradient(circle at 48% 78%,rgba(112,222,232,.10),transparent 26rem),
    #fff;
  background-attachment:fixed;
}
.sakura-site main{background:transparent}
.sakura-site .site-nav{
  background:rgba(255,255,255,.52);
  box-shadow:inset 0 1px rgba(255,255,255,.96),0 10px 36px rgba(65,78,130,.055);
}
.sakura-site .hero,.sakura-site .page-hero,.sakura-site .ecosystem-prologue,.yana-intro{
  background:
    radial-gradient(circle at 78% 8%,rgba(103,182,255,.10),transparent 31rem),
    radial-gradient(circle at 18% 76%,rgba(125,226,232,.07),transparent 24rem),
    rgba(255,255,255,.18);
}
.yana-intro:before{opacity:.38}
.yana-intro-copy h1 em,.home-page .prologue-copy h1 em{color:#626a7c}
.sakura-site :is(.product-card,.route-card,.support-guide article,.contact-list,.visual-window,.platform-map,.control-field,.execution-stage,.wheelbot-stage,.hero-stage,.feature-visual){
  background:
    radial-gradient(90% 46% at 22% 112%,rgba(94,204,255,.16),transparent 66%),
    radial-gradient(72% 42% at 92% -8%,rgba(255,255,255,.72),transparent 62%),
    linear-gradient(145deg,rgba(255,255,255,.38),rgba(255,255,255,.12));
  border-color:rgba(255,255,255,.82);
  box-shadow:
    inset 0 1px rgba(255,255,255,.98),
    inset 1px 0 rgba(255,255,255,.54),
    inset 0 -1px rgba(93,166,222,.18),
    0 18px 58px rgba(64,91,133,.08);
  -webkit-backdrop-filter:url(#apple-glass-refract) blur(.6px) saturate(130%);backdrop-filter:url(#apple-glass-refract) blur(.6px) saturate(130%);
}
.home-page .ecosystem-prologue,.home-page .chapter,.home-page .chapter:nth-of-type(even){background:transparent}
.home-page .platform-map{background:rgba(117,172,226,.12);border-color:rgba(255,255,255,.88)}
.home-page .platform-node{background:rgba(255,255,255,.34)}
.home-page .platform-node.core{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(208,237,255,.22))}
.home-page .execution-stage,.home-page .route-card{background:linear-gradient(145deg,rgba(255,255,255,.40),rgba(224,245,255,.14))}
.sakura-site .site-footer,.home-page .site-footer{background:#fff;border-top:1px solid rgba(74,89,149,.09)}
.sakura-site .quote-band{background:linear-gradient(180deg,#fff,#fbfcff)}
/* Quiet water drops: stationary optical highlights, not animated particles. */
.sakura-site main:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.52;
  background:
    radial-gradient(circle at 8% 16%,rgba(255,255,255,.95) 0 3px,rgba(117,197,238,.22) 4px,transparent 8px),
    radial-gradient(circle at 91% 24%,rgba(255,255,255,.92) 0 5px,rgba(128,184,236,.18) 6px,transparent 12px),
    radial-gradient(circle at 78% 61%,rgba(255,255,255,.95) 0 2px,rgba(105,207,226,.2) 3px,transparent 7px),
    radial-gradient(circle at 19% 72%,rgba(255,255,255,.94) 0 4px,rgba(125,176,234,.18) 5px,transparent 10px),
    radial-gradient(circle at 63% 88%,rgba(255,255,255,.94) 0 3px,rgba(105,203,232,.18) 4px,transparent 9px);
}
.sakura-site main>*{position:relative;z-index:1}
@media(max-width:900px){
  body.sakura-site{background-attachment:scroll}
  .sakura-site main:before{opacity:.35}
  .sakura-site :is(.product-card,.route-card,.support-guide article,.contact-list,.visual-window,.platform-map,.control-field,.execution-stage,.wheelbot-stage,.hero-stage,.feature-visual){background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(232,248,255,.24))}
}

/* Unified liquid controls. The homepage hero keeps its authored WebGL button;
   every other control uses this lightweight optical version. */
body.sakura-site{
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",sans-serif;
}
.sakura-site :is(h1,h2){font-weight:560;letter-spacing:-.015em}
.sakura-site h3{font-weight:560}.sakura-site p{letter-spacing:-.012em}
.sakura-site :is(.button,.nav-cta){
  position:relative;isolation:isolate;overflow:hidden;font-family:var(--sans);font-weight:560;letter-spacing:-.018em;
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,filter .28s ease;
}
.sakura-site :is(.button:not(.ghost):not(.light),.nav-cta){
  color:#fff!important;border:1px solid transparent!important;outline:0;
  background:
    radial-gradient(60% 125% at 52% 122%,rgba(255,248,201,.88),transparent 38%) padding-box,
    radial-gradient(55% 115% at 26% 122%,rgba(82,151,255,.92),transparent 44%) padding-box,
    radial-gradient(45% 105% at 78% 122%,rgba(255,151,192,.72),transparent 44%) padding-box,
    linear-gradient(180deg,rgba(45,53,69,.88),rgba(24,27,39,.94)) padding-box,
    conic-gradient(from 205deg,#f4a8c0,#78a9ff 22%,#e9f7ff 39%,#fff1bd 55%,#ef9fbb 73%,#739cff 89%,#f4a8c0) border-box!important;
  box-shadow:inset 0 1px rgba(255,255,255,.4),inset 0 -16px 30px rgba(91,151,255,.24),0 13px 34px rgba(32,45,74,.18)!important;
  text-shadow:0 1px 12px rgba(0,0,0,.28);
}
.sakura-site :is(.button:not(.ghost):not(.light),.nav-cta)::before{
  content:"";position:absolute;z-index:-1;left:5%;right:5%;bottom:-44%;height:74%;border-radius:50%;pointer-events:none;
  background:linear-gradient(90deg,rgba(92,145,255,.78),rgba(247,252,255,.95) 50%,rgba(255,181,202,.7));
  filter:blur(12px);opacity:.92;transform:scaleX(.8);
}
.sakura-site :is(.button.ghost,.button.light){
  color:#1d1d1f!important;border:1px solid rgba(0,0,0,.1)!important;outline:0;
  background:linear-gradient(160deg,rgba(255,255,255,.7),rgba(230,230,232,.4)) padding-box!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 10px 26px rgba(20,20,24,.1);
  -webkit-backdrop-filter:url(#apple-glass-refract) blur(.6px) saturate(105%);backdrop-filter:url(#apple-glass-refract) blur(.6px) saturate(105%);
}
.sakura-site :is(.button,.nav-cta):hover{transform:translateY(-2px) scale(1.018);filter:saturate(1.06)}
.sakura-site :is(.button.ghost,.button.light):hover{box-shadow:inset 0 1px #fff,0 14px 32px rgba(20,20,24,.14)}
@media(max-width:900px){.sakura-site :is(.button.ghost,.button.light){-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(230,230,232,.5)) padding-box!important}}

/* Apple Liquid Glass (iOS/macOS): clean centre, refraction concentrated at
   the rim — see apple-glass-refract filter injected by sakura-site.js. Placed
   last so it wins over the shared card backdrop-filter rules above. */
.sakura-site.sakura-site .apple-glass{position:relative;border:1.5px solid rgba(255,255,255,.7);background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.01));backdrop-filter:url(#apple-glass-refract) blur(.6px) saturate(1.4) brightness(1.02);-webkit-backdrop-filter:url(#apple-glass-refract) blur(.6px) saturate(1.4) brightness(1.02);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.15),0 24px 60px rgba(20,20,30,.14)}
@media(max-width:900px){.sakura-site.sakura-site .apple-glass{backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}}