@font-face{font-family:Sarabun;src:url('./assets/Sarabun-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Sarabun;src:url('./assets/Sarabun-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

:root{
  --ink:#211a16;
  --paper:#f5efe4;
  --sand:#d9c6aa;
  --wheat:#e8dcc9;
  --clay:#a36243;
  --olive:#4d5544;
  --cream:#fbf5ea;
  --accent:#c9784c;
  --gold:#e1b36e;
  --line-dark:rgba(33,26,22,.22);
  --line-light:rgba(251,245,234,.26);
  --page-x:clamp(2.2rem,6vw,7.5rem);
  --header-h:5.2rem;
  --ease:cubic-bezier(.22,1,.36,1);
}

*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth}
body{margin:0;background:var(--ink);font-family:Sarabun,"Noto Sans Thai",sans-serif;font-weight:400;color:var(--ink);overflow:hidden;text-rendering:optimizeLegibility}
button,input,output{font:inherit}
button{color:inherit}
img{max-width:100%}
::selection{background:var(--gold);color:var(--ink)}

.skip-link{position:fixed;z-index:300;top:-5rem;left:1rem;background:#fff;color:#000;padding:.75rem 1rem;border-radius:.4rem}.skip-link:focus{top:1rem}
.screen-frame{position:fixed;z-index:100;inset:1.35rem;border:1px solid currentColor;opacity:.23;pointer-events:none;color:var(--paper);transition:color .5s ease}
body[data-theme="light"] .screen-frame{color:var(--ink)}

.site-header{position:fixed;z-index:120;inset:0 var(--page-x) auto;height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--paper);transition:color .5s ease;pointer-events:none}
body[data-theme="light"] .site-header{color:var(--ink)}
.site-header>*{pointer-events:auto}
.brand{justify-self:start;text-decoration:none;font-size:.92rem;font-weight:700;line-height:1.4}
.chapter{font-size:.76rem;line-height:1.4;letter-spacing:.14em;opacity:.62}
.fullscreen{justify-self:end;width:2.5rem;height:2.5rem;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;opacity:.75}.fullscreen:hover{opacity:1}.fullscreen svg{width:1.1rem;fill:none;stroke:currentColor;stroke-width:1.5}

.deck{height:100svh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none}.deck::-webkit-scrollbar{display:none}
.scene{position:relative;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;isolation:isolate}
.scene--dark{background:var(--ink);color:var(--paper)}
.scene--paper{background:var(--paper);color:var(--ink)}
.scene--sand{background:var(--sand);color:var(--ink)}
.scene--wheat{background:var(--wheat);color:var(--ink)}
.scene--clay{background:var(--clay);color:var(--cream)}
.scene--olive{background:var(--olive);color:var(--cream)}
.scene-content{position:relative;z-index:2;width:100%;min-height:100svh;padding:calc(var(--header-h) + 2.1rem) var(--page-x) 5.3rem;display:flex;flex-direction:column;justify-content:center}

h1,h2,p,figure{margin-top:0}
h1{margin:0;font-size:clamp(5rem,8.5vw,9.5rem);font-weight:400;line-height:1.02;overflow-wrap:normal}
h1 span{color:var(--gold)}
h2{margin:.45rem 0 1.25rem;font-size:clamp(3rem,5.2vw,5.8rem);font-weight:400;line-height:1.12;overflow-wrap:normal}
h2 span{color:var(--accent)}
.scene--dark h2 span,.scene--clay h2 span,.scene--olive h2 span{color:var(--gold)}
.micro{margin:0 0 1rem;font-size:.76rem;line-height:1.45;letter-spacing:.12em;font-weight:700;opacity:.58}
.intro,.simple-head>p:last-child{max-width:38rem;margin:0;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.7;opacity:.68}
.simple-head{max-width:43rem}
.note{margin:1.45rem 0 0;font-size:.82rem;line-height:1.6;opacity:.58}

.reveal{opacity:0;transform:translateY(2.1rem);clip-path:inset(0 0 100% 0);transition:opacity .85s var(--ease),transform .85s var(--ease),clip-path 1s var(--ease)}
.reveal--late{transition-delay:.13s}
.scene.is-active .reveal{opacity:1;transform:translateY(0);clip-path:inset(0)}

.float{position:absolute;z-index:1;pointer-events:none;transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .25s ease-out}
.float img{display:block;width:100%;height:100%;object-fit:contain;opacity:.25;filter:saturate(.78) sepia(.1);animation:drift 18s ease-in-out infinite alternate}
.scene--paper .float img,.scene--sand .float img,.scene--wheat .float img{opacity:.14;filter:saturate(.72) sepia(.18)}
.float:nth-of-type(2) img{animation-duration:22s;animation-delay:-7s}
.float:nth-of-type(3) img{animation-duration:16s;animation-delay:-11s}
.float--cover-a{width:15rem;height:15rem;left:-7rem;top:13%}.float--cover-b{width:23rem;height:23rem;right:-11rem;top:-9rem}.float--cover-c{width:8rem;height:8rem;left:43%;bottom:-3rem}
.float--product-a{width:12rem;height:12rem;left:-5rem;bottom:-3rem}.float--product-b{width:19rem;height:19rem;right:-9rem;top:-7rem}
.float--changes-a{width:18rem;height:18rem;right:-8rem;bottom:-7rem}.float--changes-b{width:9rem;height:9rem;left:-4rem;top:16%}
.float--survey-a{width:14rem;height:14rem;right:-6rem;bottom:-5rem}
.float--cost-a{width:11rem;height:11rem;right:-4rem;top:-4rem}.float--cost-b{width:16rem;height:16rem;left:-7rem;bottom:-6rem}
.float--normal-a{width:14rem;height:14rem;right:-6rem;top:-5rem}.float--normal-b{width:10rem;height:10rem;left:48%;bottom:-4rem}
.float--promo-a{width:9rem;height:9rem;left:-4rem;top:12%}.float--promo-b{width:18rem;height:18rem;right:-8rem;bottom:-7rem}
.float--bep-a{width:17rem;height:17rem;right:-8rem;top:-6rem}.float--bep-b{width:8rem;height:8rem;left:-3rem;bottom:6%}
.float--marketing-a{width:14rem;height:14rem;right:-5rem;bottom:-4rem}.float--marketing-b{width:12rem;height:12rem;left:-5rem;top:-4rem}
.float--coordination{width:12rem;height:12rem;right:-5rem;bottom:-4rem}
.float--preparation{width:18rem;height:18rem;right:-8rem;bottom:-7rem}
.float--operation-a{width:17rem;height:17rem;right:-8rem;top:-6rem}.float--operation-b{width:8rem;height:8rem;left:-3rem;bottom:-2rem}
.float--roles{width:12rem;height:12rem;left:-5rem;bottom:-4rem}
.float--decision-a{width:15rem;height:15rem;right:-6rem;top:-6rem}.float--decision-b{width:15rem;height:15rem;left:-7rem;bottom:-6rem}
@keyframes drift{0%{transform:translate3d(-6px,-12px,0) rotate(-5deg)}48%{transform:translate3d(13px,8px,0) rotate(3deg)}100%{transform:translate3d(-2px,23px,0) rotate(9deg)}}

.cover-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:4vw}
.cover-copy{align-self:center}.tagline{margin:1.8rem 0 0;font-size:clamp(1rem,1.4vw,1.28rem);line-height:1.65;opacity:.72}
.price-line{display:flex;align-items:center;gap:1.55rem;margin-top:2.6rem}.price-line>div{display:flex;align-items:baseline;gap:.65rem;min-width:0}.price-line strong{font-size:clamp(3rem,4.8vw,5.2rem);line-height:1;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.price-line span{font-size:.95rem;white-space:nowrap}.price-line>i{width:1px;height:3rem;background:var(--line-light)}
.product-stage{position:relative;justify-self:center;width:min(47vw,47rem);margin:0}.product-ring{position:relative;aspect-ratio:1.33;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line-light);border-radius:50% 47% 51% 46%;background:radial-gradient(circle at 50% 48%,rgba(225,179,110,.13),transparent 64%)}.product-ring::after{content:"";position:absolute;inset:6%;border:1px solid rgba(251,245,234,.11);border-radius:47% 52% 48% 55%;pointer-events:none}.product-ring img{display:block;width:104%;height:104%;object-fit:contain;animation:productFloat 7.5s ease-in-out infinite}
.frame-label{position:absolute;z-index:3;right:4%;top:-.8rem;font-size:.75rem;line-height:1.4;letter-spacing:.1em;padding:.48rem .72rem;border:1px solid currentColor;border-radius:2rem;background:var(--ink);color:var(--paper)}
.product-stage figcaption,.promo-stage figcaption{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line-light);padding-top:.85rem;margin-top:1rem;font-size:.76rem;line-height:1.5;letter-spacing:.03em;opacity:.62}
.scroll-hint{position:absolute;z-index:3;left:var(--page-x);bottom:2.25rem;margin:0;font-size:.75rem;line-height:1.4;letter-spacing:.13em;opacity:.48}.scroll-hint span{margin-left:.65rem}
@keyframes productFloat{0%,100%{transform:translateY(0) rotate(-.45deg)}50%{transform:translateY(-10px) rotate(.45deg)}}

.product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7vw;align-items:center}.detail-stage{position:relative;margin:0;justify-self:center;width:min(48vw,45rem);aspect-ratio:1.25;display:grid;place-items:center}.detail-stage .orbit-line{position:absolute;z-index:-1;inset:8% 2%;border:1px solid var(--line-dark);border-radius:49% 45% 52% 48%;transform:rotate(-5deg)}.detail-stage img{display:block;width:105%;height:105%;object-fit:contain;filter:drop-shadow(0 1.5rem 1.8rem rgba(33,26,22,.12))}.detail-stage figcaption{position:absolute;left:4%;bottom:0;margin:0;font-size:.76rem;line-height:1.5;opacity:.52}.product-copy{max-width:43rem}
.clean-list{list-style:none;padding:0;margin:2.2rem 0 0;border-top:1px solid var(--line-dark)}.clean-list li{display:grid;grid-template-columns:3.5rem 1fr;align-items:center;min-height:3.35rem;border-bottom:1px solid var(--line-dark);font-size:1rem;line-height:1.45}.clean-list span{font-size:.76rem;opacity:.5}

.survey-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);grid-template-rows:1fr auto;gap:3vw 7vw;align-items:center}.survey-results{display:grid;gap:1.15rem}.survey-card{display:grid;grid-template-columns:11rem 1fr;align-items:center;gap:2rem;border-top:1px solid var(--line-dark);padding:1.25rem 0}.survey-card:last-child{border-bottom:1px solid var(--line-dark)}.survey-card small{display:block;font-size:.78rem;line-height:1.4;opacity:.58}.survey-card h3{margin:.25rem 0;font-size:clamp(1.8rem,3vw,3.4rem);line-height:1.18;font-weight:400}.survey-card p{margin:0;font-size:.82rem;line-height:1.55;opacity:.58}.donut{width:10rem;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;position:relative;color:var(--ink);text-align:center}.donut::after{content:"";position:absolute;inset:1.15rem;border-radius:50%;background:var(--paper)}.donut--price{background:conic-gradient(var(--clay) 0 80%,#d99a64 80% 88%,var(--gold) 88% 96%,var(--olive) 96% 100%)}.donut--promo{background:conic-gradient(var(--clay) 0 73%,#d7c7a4 73% 100%)}.donut strong,.donut span{position:relative;z-index:1}.donut strong{font-size:1.65rem;line-height:1}.donut span{font-size:.7rem;line-height:1.4;margin-top:.25rem;opacity:.62}.survey-note{grid-column:1/-1;border-top:1px solid var(--line-dark);padding-top:1rem;margin:0;font-size:.88rem;line-height:1.55}

#changes .scene-content{justify-content:center}.change-lines{margin-top:5vh;border-top:1px solid var(--line-light)}.change-lines>div{display:grid;grid-template-columns:1.05fr 1fr 3rem 1.2fr .72fr;align-items:center;gap:1rem;min-height:6.3rem;border-bottom:1px solid var(--line-light)}.change-lines span{font-size:1rem;opacity:.58}.change-lines s{font-size:clamp(1.15rem,1.8vw,1.8rem);line-height:1.35;opacity:.42}.change-lines i{font-style:normal;opacity:.36}.change-lines strong{font-size:clamp(1.9rem,3vw,3.2rem);line-height:1.2;font-weight:400;color:var(--gold)}.change-lines em{font-style:normal;font-size:.8rem;line-height:1.4;color:#cbd2b9}

.cost-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-rows:1fr auto;gap:4vw 7vw;align-items:center}.cost-sheet{border-top:1px solid var(--line-dark)}.cost-sheet>div{display:grid;grid-template-columns:1fr auto 7rem;align-items:baseline;gap:1rem;min-height:4.9rem;border-bottom:1px solid var(--line-dark)}.cost-sheet span{font-size:.98rem;line-height:1.5}.cost-sheet strong{font-size:clamp(1.9rem,3vw,3.3rem);line-height:1.15;font-weight:400;font-variant-numeric:tabular-nums}.cost-sheet small{font-size:.78rem;line-height:1.4;opacity:.58}.cost-sheet .cost-total{background:var(--ink);color:var(--cream);margin:0 -1rem;padding:0 1rem;border:0}.cost-sheet .cost-total strong{color:var(--gold)}
.margin-strip{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-top:1px solid var(--line-dark);padding-top:1.2rem}.margin-strip>div{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:.8rem}.margin-strip span{font-size:.85rem}.margin-strip strong{font-size:2rem;font-weight:400}.margin-strip small{font-size:.76rem;opacity:.55}

.finance-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:7vw;align-items:center}.threshold{margin-top:2.2rem;border-top:1px solid var(--line-light);padding-top:1rem;display:flex;justify-content:space-between;gap:1.5rem;font-size:.86rem;line-height:1.5}.threshold span{opacity:.62}.threshold strong{font-weight:400;color:#f4d5b1}
.scenario{border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);padding:1.35rem 0}.scenario-top{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;font-size:.82rem;line-height:1.5}.scenario-top span{opacity:.65}.scenario-top b{font-weight:400;color:#f0d8bd;text-align:right}.profit{display:flex;align-items:baseline;gap:.8rem;margin:1.4rem 0 1.2rem}.profit strong{font-size:clamp(4.5rem,7.5vw,8.5rem);font-weight:400;line-height:1;font-variant-numeric:tabular-nums;color:#f4d3af}.profit span{font-size:1rem;opacity:.72}
input[type="range"]{width:100%;height:2rem;appearance:none;background:transparent;cursor:pointer}input[type="range"]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#f4d3af 0 var(--slider,50%),rgba(255,255,255,.25) var(--slider,50%));border-radius:1rem}input[type="range"]::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--paper);border:4px solid var(--ink);margin-top:-.52rem;box-shadow:0 0 0 1px rgba(255,255,255,.7)}input[type="range"]::-moz-range-track{height:3px;background:rgba(255,255,255,.25)}input[type="range"]::-moz-range-progress{height:3px;background:#f4d3af}input[type="range"]::-moz-range-thumb{width:.85rem;height:.85rem;border:4px solid var(--ink);background:var(--paper);border-radius:50%}.range-caption{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:.76rem;line-height:1.4;opacity:.55}.range-caption span:nth-child(2){text-align:center}.range-caption span:last-child{text-align:right}.scenario dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:2rem 0 0}.scenario dl>div{border-top:1px solid var(--line-light);padding-top:.75rem;min-width:0}.scenario dt{font-size:.76rem;line-height:1.4;opacity:.58}.scenario dd{margin:.35rem 0 0;font-size:1.05rem;line-height:1.4;font-variant-numeric:tabular-nums}.scenario>p{font-size:.84rem;line-height:1.6;margin:1.4rem 0 0;color:#f4d3af}

.promo-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:6vw;align-items:center}.promo-stage{position:relative;margin:0;width:min(49vw,48rem)}.promo-frame{aspect-ratio:1.43;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line-dark);border-radius:4.5rem 2rem 4rem 2.7rem;background:radial-gradient(circle at 50% 45%,rgba(201,120,76,.12),transparent 68%)}.promo-frame img{width:105%;height:105%;object-fit:contain;animation:productFloat 8s ease-in-out infinite}.promo-stage .frame-label{background:var(--paper);color:var(--ink);border-color:var(--line-dark)}.promo-stage figcaption{border-color:var(--line-dark)}
.promo-copy h2{font-size:clamp(4rem,6.6vw,7.5rem);line-height:1.02}.promo-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2rem}.promo-kpis>div{border-top:1px solid var(--line-dark);padding-top:.8rem;min-width:0}.promo-kpis span,.promo-kpis small{display:block;font-size:.76rem;line-height:1.45;opacity:.58}.promo-kpis strong{display:block;margin:.3rem 0;font-size:clamp(1.55rem,2.4vw,2.6rem);line-height:1.15;font-weight:400;font-variant-numeric:tabular-nums}.promo-summary{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:.85rem 1.2rem;margin-top:2rem;border-top:1px solid var(--line-dark);padding-top:1rem}.promo-summary span{font-size:.85rem;line-height:1.45}.promo-summary strong{font-size:1.45rem;font-weight:400}.promo-summary i{font-style:normal;font-size:.76rem;opacity:.58}

.bep-layout{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);grid-template-rows:1fr auto;gap:3vw 6vw;align-items:center}.bep-bars{align-self:center}.bep-group+.bep-group{margin-top:2.1rem}.group-label{display:block;margin-bottom:.9rem;font-size:.78rem;line-height:1.4;font-weight:700;letter-spacing:.05em;opacity:.58}.bep-row{display:grid;grid-template-columns:9.5rem 1fr 7.5rem;align-items:center;gap:1.35rem;margin-bottom:1.25rem}.bep-row>div:first-child span{display:block;font-size:.76rem;line-height:1.4;opacity:.6}.bep-row strong{font-size:clamp(2rem,3vw,3.2rem);line-height:1.1;font-weight:400}.bep-row small{font-size:.76rem;margin-left:.35rem}.track{position:relative;height:4px;background:rgba(33,26,22,.14)}.track i{display:block;width:var(--value);height:100%;background:var(--clay);transform-origin:left;transition:width 1s var(--ease)}.target-group .track i{background:var(--olive)}.track b{position:absolute;right:0;top:-1.65rem;font-size:.75rem;line-height:1.4;font-weight:400;transform:translateX(50%)}.track b::after{content:"";position:absolute;left:50%;top:1.35rem;width:1px;height:2.4rem;background:var(--ink);opacity:.6}.bep-row>p{font-size:.78rem;line-height:1.45;margin:0;opacity:.62}.scale{margin-left:10.85rem;margin-right:8.85rem;display:flex;justify-content:space-between;font-size:.75rem;line-height:1.4;opacity:.45}
.profit-compare{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr 1fr .8fr;gap:2rem;border-top:1px solid var(--line-dark);padding-top:1.2rem;align-items:end}.profit-compare>span{font-size:.88rem;line-height:1.5}.profit-compare div{min-width:0}.profit-compare small{display:block;font-size:.75rem;line-height:1.4;opacity:.58}.profit-compare strong{display:block;margin-top:.2rem;font-size:1.8rem;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums}.profit-compare em{font-style:normal;font-size:.78rem;line-height:1.5;opacity:.58;text-align:right}

.marketing-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-rows:auto auto;gap:1.5rem 7vw;align-items:center}.marketing-layout .simple-head{grid-column:1;grid-row:1}.marketing-lines{grid-column:2;grid-row:1/3;border-top:1px solid var(--line-light)}.marketing-lines>div{display:grid;grid-template-columns:8.5rem 1fr;min-height:5.3rem;align-items:center;border-bottom:1px solid var(--line-light)}.marketing-lines span{font-size:.78rem;line-height:1.4;letter-spacing:.04em;color:#dfcaa5}.marketing-lines p{margin:0;font-size:1rem;line-height:1.55}.marketing-product{grid-column:1;grid-row:2;margin:0;width:min(24vw,19rem);height:10rem}.marketing-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1rem 1rem rgba(0,0,0,.18))}

.coordination-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7vw;align-items:center}.check-lines{border-top:1px solid var(--line-dark)}.check-lines>div{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;min-height:6rem;border-bottom:1px solid var(--line-dark)}.check-lines span{font-size:.76rem;opacity:.45}.check-lines p{font-size:1rem;line-height:1.55;margin:0}.check-lines em{font-size:.76rem;line-height:1.4;font-style:normal;border:1px solid var(--line-dark);padding:.38rem .65rem;border-radius:2rem;white-space:nowrap}

.preparation-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:7vw;align-items:center}.prep-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line-light)}.prep-list li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:center;min-height:4.2rem;border-bottom:1px solid var(--line-light)}.prep-list span{font-size:.75rem;color:var(--gold)}.prep-list p{margin:0;font-size:.95rem;line-height:1.5}

.operation-layout{display:grid;grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr);grid-template-rows:1fr auto;gap:3vw 7vw;align-items:center}.timeline{border-top:1px solid var(--line-dark)}.timeline>div{display:grid;grid-template-columns:5.5rem 8rem 1fr;align-items:center;min-height:4.35rem;border-bottom:1px solid var(--line-dark)}.timeline time{font-size:1.12rem;line-height:1.4}.timeline span{font-size:.98rem;line-height:1.45}.timeline p{font-size:.84rem;line-height:1.55;margin:0;opacity:.64}.roles{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line-dark);padding-top:1.15rem}.roles span{font-size:.78rem;line-height:1.45;opacity:.68}

.roles-layout{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:7vw;align-items:center}.role-lines{border-top:1px solid var(--line-dark)}.role-lines>div{display:grid;grid-template-columns:2.5rem 10rem 4rem 1fr;gap:1rem;align-items:center;min-height:4.2rem;border-bottom:1px solid var(--line-dark)}.role-lines strong{font-size:.72rem;font-weight:400;opacity:.45}.role-lines span{font-size:.94rem;line-height:1.45}.role-lines b{font-size:.8rem;font-weight:400;color:var(--clay)}.role-lines p{margin:0;font-size:.82rem;line-height:1.5;opacity:.62}

.decision-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,.58fr) minmax(0,1fr);grid-template-rows:1fr auto auto;gap:2.3vw 4.2vw;align-items:center}.decision-layout .simple-head{grid-column:1}.decision-product{grid-column:2;margin:0;width:100%}.decision-ring{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line-light);border-radius:49% 44% 52% 47%}.decision-ring img{width:125%;height:125%;object-fit:contain;animation:productFloat 8s ease-in-out infinite}.decision-list{grid-column:3;list-style:none;padding:0;margin:0;border-top:1px solid var(--line-light)}.decision-list li{display:grid;grid-template-columns:3.2rem 1fr;gap:1rem;min-height:6.15rem;align-items:center;border-bottom:1px solid var(--line-light)}.decision-list li>span{font-size:.76rem;line-height:1.4;color:var(--gold)}.decision-list strong{font-size:1.08rem;line-height:1.45;font-weight:400}.decision-list p{font-size:.82rem;line-height:1.55;margin:.25rem 0 0;opacity:.6}.recommend{grid-column:1/-1;display:flex;justify-content:space-between;gap:3rem;border-top:1px solid var(--line-light);padding-top:1.2rem}.recommend span{font-size:.78rem;line-height:1.4;color:var(--gold)}.recommend strong{font-size:clamp(1.5rem,2.3vw,2.55rem);line-height:1.35;font-weight:400;text-align:right}.decision-layout footer{grid-column:1/-1;display:flex;justify-content:space-between;font-size:.75rem;line-height:1.45;opacity:.42}

.controls{position:fixed;z-index:120;right:var(--page-x);bottom:2rem;display:flex;align-items:center;gap:.7rem;color:var(--paper);transition:color .5s ease}.controls button{width:2.4rem;height:2.4rem;border:1px solid currentColor;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.controls button:hover:not(:disabled){background:currentColor;color:var(--ink)}.controls button:disabled{opacity:.25;cursor:default}.controls>span{display:flex;align-items:center;gap:.55rem;font-size:.78rem;line-height:1.4}.controls i{width:2.4rem;height:1px;background:currentColor;opacity:.4}.controls small{opacity:.5}body[data-theme="light"] .controls{color:var(--ink)}
.progress{position:fixed;z-index:125;left:0;right:0;bottom:0;height:3px;background:rgba(127,110,92,.18)}.progress i{display:block;width:7.14%;height:100%;background:var(--gold);transition:width .6s var(--ease)}

@media (max-width:1100px){
  :root{--page-x:clamp(1.6rem,5vw,3.8rem)}
  body{overflow:auto}.deck{scroll-snap-type:y proximity}
  .scene{min-height:100svh;height:auto}.scene-content{min-height:100svh;padding-top:7rem;padding-bottom:5.8rem;overflow:visible}
  .cover-layout,.product-layout,.survey-layout,.cost-layout,.finance-layout,.promo-layout,.bep-layout,.marketing-layout,.coordination-layout,.preparation-layout,.operation-layout,.roles-layout,.decision-layout{grid-template-columns:1fr;gap:2.2rem}
  .cover-layout{align-content:center}.product-stage{width:min(76vw,39rem)}.detail-stage{width:min(76vw,39rem)}
  .product-copy{max-width:none}.change-lines>div{grid-template-columns:1fr .85fr 2rem 1fr .6fr}
  .survey-note,.cost-layout .margin-strip,.profit-compare,.roles,.recommend,.decision-layout footer{grid-column:1}
  .promo-stage{width:min(78vw,42rem);justify-self:center}.promo-copy{width:100%}
  .bep-layout{align-content:center}.scale{margin-left:10.85rem;margin-right:8.85rem}
  .marketing-layout .simple-head,.marketing-lines,.marketing-product{grid-column:1;grid-row:auto}.marketing-product{width:min(48vw,20rem)}
  .decision-layout .simple-head,.decision-product,.decision-list{grid-column:1}.decision-product{width:min(58vw,28rem);justify-self:center}
  .float img{opacity:.18}.scene--paper .float img,.scene--sand .float img,.scene--wheat .float img{opacity:.1}
}

@media (max-width:700px){
  :root{--header-h:4.5rem;--page-x:1.5rem}
  .screen-frame{inset:.7rem}.site-header{grid-template-columns:1fr auto}.chapter{display:none}.fullscreen{grid-column:2}
  .scene-content{padding-top:6rem;padding-bottom:5.8rem}
  h1{font-size:4.05rem;line-height:1.08}h2{font-size:2.65rem;line-height:1.18}
  .micro{font-size:.75rem}.intro,.simple-head>p:last-child{font-size:1rem;line-height:1.65}
  .cover-layout{gap:1.4rem}.tagline{margin-top:1.2rem}.price-line{margin-top:1.6rem;gap:1rem}.price-line strong{font-size:3.05rem}.price-line span{font-size:.8rem}.price-line>i{height:2.5rem}.product-stage{width:min(88vw,28rem)}.scroll-hint{display:none}
  .product-layout{gap:1.2rem}.detail-stage{width:min(88vw,28rem)}.detail-stage figcaption{position:static;margin-top:.25rem}.clean-list{margin-top:1.5rem}
  .survey-card{grid-template-columns:7.5rem 1fr;gap:1.2rem}.donut{width:7.2rem}.donut::after{inset:.85rem}.survey-card h3{font-size:1.8rem}
  .change-lines{margin-top:2rem}.change-lines>div{grid-template-columns:1fr auto 1.6rem 1fr;gap:.6rem;min-height:6.2rem;padding:.7rem 0}.change-lines span{grid-column:1/-1}.change-lines em{display:none}.change-lines strong{font-size:1.95rem}.change-lines s{font-size:1.05rem}
  .cost-sheet>div{grid-template-columns:1fr auto;gap:.65rem;min-height:4.5rem}.cost-sheet small{grid-column:2}.cost-sheet strong{font-size:1.85rem}.cost-sheet .cost-total{margin:0 -.65rem;padding:.6rem .65rem}.margin-strip{grid-template-columns:1fr;gap:.6rem}.margin-strip>div{grid-template-columns:1fr auto}.margin-strip small{grid-column:2}
  .threshold{margin-top:1.3rem}.scenario{margin-bottom:1rem}.scenario-top{align-items:flex-start}.profit strong{font-size:4.05rem}.scenario dl{grid-template-columns:1fr;gap:.8rem}.scenario dl>div{display:flex;justify-content:space-between;gap:1rem}.scenario dd{text-align:right}
  .promo-stage{width:min(90vw,30rem)}.promo-frame{border-radius:2.5rem 1.2rem}.promo-stage figcaption{display:block}.promo-stage figcaption span{display:block}.promo-copy h2{font-size:4rem}.promo-kpis{grid-template-columns:1fr;gap:.75rem}.promo-kpis>div{display:grid;grid-template-columns:1fr auto;align-items:baseline}.promo-kpis small{grid-column:2}.promo-kpis strong{font-size:1.85rem}.promo-summary{grid-template-columns:1fr auto}.promo-summary i{grid-column:2}
  .bep-row{grid-template-columns:7.4rem 1fr;gap:.9rem}.bep-row>p{display:none}.bep-row strong{font-size:2.15rem}.scale{margin-left:8.3rem;margin-right:0}.profit-compare{grid-template-columns:1fr 1fr;gap:1rem}.profit-compare>span,.profit-compare em{grid-column:1/-1}.profit-compare em{text-align:left}
  .marketing-lines>div{grid-template-columns:1fr;gap:.3rem;padding:1rem 0}.marketing-lines p{font-size:.94rem}.marketing-product{width:min(68vw,19rem)}
  .check-lines>div{grid-template-columns:2.3rem 1fr;padding:.9rem 0}.check-lines em{grid-column:2;justify-self:start}
  .prep-list li{min-height:4.5rem}
  .timeline>div{grid-template-columns:4.3rem 1fr;padding:.7rem 0}.timeline p{grid-column:2}.roles{justify-content:flex-start}
  .role-lines>div{grid-template-columns:2rem 1fr auto;padding:.8rem 0}.role-lines p{grid-column:2/-1}.role-lines span{font-size:.9rem}
  .decision-product{width:min(75vw,24rem)}.decision-list li{min-height:6.8rem}.recommend{display:block}.recommend strong{display:block;margin-top:.9rem;text-align:left;font-size:1.6rem}.decision-layout footer{display:block}.decision-layout footer span{display:block;margin-top:.25rem}
  .controls{right:1.5rem;bottom:1.35rem}.controls button{width:2.15rem;height:2.15rem}
  .float--cover-a{width:10rem;height:10rem}.float--cover-b{width:12rem;height:12rem}.float--cover-c,.float--normal-b,.float--promo-b,.float--decision-b{display:none}
}

@media (max-height:760px) and (min-width:1101px){
  :root{--header-h:4.6rem}.scene-content{padding-top:5.6rem;padding-bottom:4.2rem}h1{font-size:6.1rem}h2{font-size:3.7rem}.tagline{margin-top:1rem}.price-line{margin-top:1.5rem}.product-stage{width:min(43vw,34rem)}.detail-stage{width:min(43vw,34rem)}.change-lines{margin-top:2vh}.change-lines>div{min-height:4.8rem}.cost-sheet>div{min-height:4rem}.promo-stage{width:min(45vw,35rem)}.promo-copy h2{font-size:4.8rem}.promo-kpis{margin-top:1rem}.promo-summary{margin-top:1rem}.bep-group+.bep-group{margin-top:1rem}.bep-row{margin-bottom:.7rem}.timeline>div{min-height:3.45rem}.decision-list li{min-height:4.65rem}.note{font-size:.76rem}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;clip-path:none;transition:none}.float img,.product-ring img,.promo-frame img,.decision-ring img{animation:none}.float{transform:none!important}.progress i,.track i{transition:none}}