:root {
  --paper:#F4F0E8; --ink:#201C18; --mut:#5F574E; --rule:rgba(32,28,24,.14);
  --surface:#FBF9F4; --wash:#EDE3D2; --accent:#8A5A32; --line:#06803F; --line-hover:#07743A; --focus:#2A6DF4;
  --texture-opacity:.33;
  --min:"Shippori Mincho B1","Yu Mincho","Hiragino Mincho ProN",serif;
  --sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;
  --lat:"Inter Tight","Helvetica Neue",system-ui,sans-serif;
  --text-hero:clamp(40px,4.25vw,66px); --text-section:clamp(32px,3.3vw,48px); --text-subhead:20px;
  --text-body:16px; --text-control:15px; --text-note:13px; --text-label:12px; --text-price:clamp(30px,3vw,42px);
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --section-space:96px; --pad:clamp(20px,3.9vw,56px); --content-max:1280px;
  --radius-paper:2px; --radius-card:8px; --radius-browser:10px; --radius-pill:999px;
  --shadow-browser:0 1px 0 rgba(0,0,0,.04),0 30px 60px -28px rgba(40,30,20,.45),0 12px 24px -16px rgba(40,30,20,.25);
  --shadow-paper:0 1px 1px rgba(0,0,0,.06),0 18px 30px -18px rgba(40,30,20,.55);
  --shadow-line:0 10px 24px -12px rgba(6,128,63,.7);
  --duration-fast:250ms; --duration-state:250ms; --duration-sticky:150ms;
  --ease-ui:cubic-bezier(.2,.7,.2,1); --ease-out:var(--ease-ui);

 --g1:clamp(14px,2.2vh,22px); --g2:clamp(30px,5vh,48px); --g3:clamp(14px,2.4vh,22px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;isolation:isolate;background:var(--paper);color:var(--ink);font:400 var(--text-body)/1.8 var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"palt"}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:url(refs/v15-fv/assets/img/bg-paper-light.webp) center/cover;opacity:var(--texture-opacity);pointer-events:none}
h1,h2,h3,p,figure,dl,dd{margin:0}
a{color:inherit}
button,textarea{font:inherit;color:inherit}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.line-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:var(--radius-pill);background:var(--line);color:#fff;font-size:15px;font-weight:700;line-height:1.6;text-decoration:none;transition:background var(--duration-fast) var(--ease-ui)}
.line-btn:hover{background:var(--line-hover)}
.logo{font:600 20px/1 var(--lat);letter-spacing:.01em;text-decoration:none}
.hd .logo{padding:12px 0}
.hd nav a{display:inline-block;min-width:44px;text-align:center}

/* 01: D7 manual showcase */
:where([data-section="01"]) .browser{position:relative;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.04),0 30px 60px -28px rgba(40,30,20,.45),0 12px 24px -16px rgba(40,30,20,.25)}
:where([data-section="01"]) .browser .chrome{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#f1efeb;border-bottom:1px solid rgba(0,0,0,.06)}
:where([data-section="01"]) .browser .chrome i{width:9px;height:9px;border-radius:50%;background:#d6d1c9}
:where([data-section="01"]) .browser .chrome span{margin-left:10px;flex:1;max-width:46%;height:16px;border-radius:8px;background:#fff;font:500 9px/16px "Inter Tight",system-ui,sans-serif;color:#625A50;letter-spacing:.08em;text-align:center;overflow:hidden}
:where([data-section="01"]) .browser .screen{position:relative;aspect-ratio:16/10;overflow:hidden;background:#eee}
:where([data-section="01"]) .browser .screen img{width:100%;height:auto;will-change:transform}
:where([data-section="01"]) .phone{position:relative;background:#141414;border-radius:30px;padding:7px;box-shadow:0 30px 50px -24px rgba(20,15,10,.55),0 8px 16px -10px rgba(20,15,10,.35),inset 0 0 0 1px rgba(255,255,255,.08)}
:where([data-section="01"]) .phone .screen{position:relative;aspect-ratio:390/844;border-radius:24px;overflow:hidden;background:#eee}
:where([data-section="01"]) .phone .screen::before{content:"";position:absolute;z-index:2;top:7px;left:50%;width:30%;height:16px;margin-left:-15%;border-radius:10px;background:#141414}
:where([data-section="01"]) .phone .screen img{width:100%;height:auto;will-change:transform}
:where([data-section="01"]) .print{position:relative;margin:0;background:#fbf9f4;padding:12px 12px 40px;box-shadow:0 1px 1px rgba(0,0,0,.05),0 26px 44px -26px rgba(50,35,20,.5),0 6px 12px -8px rgba(50,35,20,.25)}
:where([data-section="01"]) .print img{width:100%;height:auto}
:where([data-section="01"]) .print figcaption{position:absolute;left:14px;right:14px;bottom:12px;font:500 12px/1.4 "Inter Tight",system-ui,sans-serif;letter-spacing:.12em;color:#7a7268;display:flex;justify-content:space-between}
:where([data-section="01"]) .card{position:relative;aspect-ratio:91/55;padding:7% 8%;display:flex;flex-direction:column;justify-content:space-between;background:var(--cbg,#fbf8f2);color:var(--cink,#2b2520);box-shadow:0 1px 1px rgba(0,0,0,.06),0 18px 30px -18px rgba(40,30,20,.55);overflow:hidden}
:where([data-section="01"]) .card::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 15% 0%,rgba(255,255,255,.35),transparent 60%);pointer-events:none}
:where([data-section="01"]) .card .mk{font:700 clamp(10px,1.05vw,15px)/1 "Inter Tight",system-ui,sans-serif;letter-spacing:.28em}
:where([data-section="01"]) .card .cl{font-size:clamp(11px,.95vw,14px);line-height:1.6;letter-spacing:.06em}
:where([data-section="01"]) .card .mt{font:500 clamp(8px,.7vw,10px)/1.5 "Inter Tight",system-ui,sans-serif;letter-spacing:.16em;opacity:.75}
:where([data-section="01"]) .post{position:relative;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 22px 40px -24px rgba(40,30,20,.5),0 4px 10px -6px rgba(40,30,20,.2)}
:where([data-section="01"]) .post .ph{position:relative;aspect-ratio:1/1;overflow:hidden}
:where([data-section="01"]) .post .ph img{width:100%;height:100%;object-fit:cover}
:where([data-section="01"]) .post .ph b{position:absolute;left:8%;bottom:8%;right:8%;color:#fff;font-weight:700;line-height:1.45;letter-spacing:.06em;text-shadow:0 2px 14px rgba(0,0,0,.35)}
:where([data-section="01"]) .post .meta{display:flex;align-items:center;gap:8px;padding:8px 10px;font:500 10px/1 "Inter Tight",system-ui,sans-serif;letter-spacing:.1em;color:#6b645b}
:where([data-section="01"]) .post .meta i{width:16px;height:16px;border-radius:50%;background:var(--pacc,#8A5A32)}
:where([data-section="01"]) .tag-sample{display:inline-block;font:600 11px/1 "Inter Tight",system-ui,sans-serif;letter-spacing:.18em;padding:6px 9px;border:1px solid currentColor;border-radius:999px;white-space:nowrap}
.hd{position:relative;z-index:5;height:72px;padding:0 var(--pad);display:flex;align-items:center;gap:36px}
.logo{font:600 20px/1 var(--lat);letter-spacing:.01em;text-decoration:none}
.hd nav{margin-left:auto;display:flex;gap:28px;font-size:14px;font-weight:500;letter-spacing:.08em}
.hd nav a{text-decoration:none;padding:10px 0;color:var(--mut)}
.hd nav a:hover{color:var(--ink)}
.hd .line-btn{min-height:44px;padding:0 20px;font-size:14px}
:where([data-section="01"]){position:relative;overflow-x:clip;min-height:calc(100vh - 72px);min-height:calc(100svh - 72px);padding:0 var(--pad);display:grid;grid-template-columns:minmax(0,37fr) minmax(0,63fr);column-gap:clamp(20px,2.6vw,40px);align-items:center}
:where([data-section="01"]) .copy{position:relative;z-index:3;padding:2vh 0 5vh}
:where([data-section="01"]) .kicker{margin:0 0 var(--g1);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;letter-spacing:.12em;color:var(--mut)}
:where([data-section="01"]) .kicker::before{content:"";width:28px;height:1px;background:var(--ink);flex:none}
:where([data-section="01"]) .kicker span{display:inline-block}
:where([data-section="01"]) h1{margin:0;font-family:var(--min);font-weight:700;font-size:clamp(40px,4.25vw,66px);line-height:1.3;letter-spacing:.02em;font-feature-settings:"palt" 1}
:where([data-section="01"]) h1 .l{display:block;overflow:hidden;padding-bottom:.06em}
:where([data-section="01"]) h1 .l>span{display:inline-block}
:where([data-section="01"]) .lead{margin:var(--g1) 0 0;font-size:clamp(15px,1.15vw,17px);font-weight:500;line-height:2;letter-spacing:.05em;color:#3B352F}
:where([data-section="01"]) .offer{margin:var(--g2) 0 0;padding-top:var(--g3);border-top:1px solid var(--rule);max-width:440px}
:where([data-section="01"]) .offer .p{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px;row-gap:2px}
:where([data-section="01"]) .o-l{font-size:14px;font-weight:700;letter-spacing:.08em}
:where([data-section="01"]) .o-n{font:600 clamp(42px,3.9vw,58px)/1 var(--lat);letter-spacing:-.025em}
:where([data-section="01"]) .o-u{font-size:14px;font-weight:700;letter-spacing:.06em}
:where([data-section="01"]) .o-s{margin:8px 0 0;font-size:13px;color:#4F4840;letter-spacing:.04em;word-break:auto-phrase}
:where([data-section="01"]) .o-s .full,:where([data-section="01"]) .o-s .short{display:inline}
:where([data-section="01"]) .o-s .short{display:none}
:where([data-section="01"]) .act{margin-top:var(--g3);display:flex;align-items:center;gap:24px;flex-wrap:wrap}
:where([data-section="01"]) .more{font-size:14px;font-weight:700;letter-spacing:.06em;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid var(--rule)}
:where([data-section="01"]) .more::after{content:"↓";font-family:var(--lat);transition:transform var(--duration-fast) var(--ease-ui)}
:where([data-section="01"]) .more:hover::after{transform:translateY(3px)}
:where([data-section="01"]) .stage{position:relative;z-index:2;align-self:center;width:100%;margin-left:-6%;padding:2vh 0 2vh}
:where([data-section="01"]) .cap{margin:0 0 10px 6%;display:flex;gap:14px;align-items:baseline;font-size:12px;letter-spacing:.08em;color:var(--mut)}
:where([data-section="01"]) .cap b{font:600 12px/1 var(--lat);letter-spacing:.16em;color:var(--ink)}
:where([data-section="01"]) .cap .js-name{color:var(--ink);font-weight:700}
:where([data-section="01"]) .cap .gen .short,:where([data-section="01"]) .cap .hint{display:none}
:where([data-section="01"]) .sample-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;font-size:12px}
:where([data-section="01"]) .comp{position:relative;aspect-ratio:16/11;width:min(108%,calc((100svh - 72px - 150px)*16/11));margin-left:auto}
:where([data-section="01"]) .comp>*{position:absolute}
:where([data-section="01"]) .wash{left:6%;top:0;width:94%;height:90%;background:#EDE3D2;border-radius:2px;z-index:0}
:where([data-section="01"]) .m-pc{left:11%;top:4%;width:74%;z-index:1}
:where([data-section="01"]) .m-card{left:54%;top:77%;width:27%;z-index:2;transform:rotate(2deg);padding:clamp(10px,1.3vw,19px) clamp(12px,1.6vw,23px);overflow:visible}
:where([data-section="01"]) .m-card .cl{font-size:clamp(10px,.85vw,13px);line-height:1.5}
:where([data-section="01"]) .m-card .cl .w{display:inline-block}
:where([data-section="01"]) .m-card .mk{letter-spacing:.2em}
:where([data-section="01"]) .m-card .mt{letter-spacing:.06em}
:where([data-section="01"]) .ph{left:-1%;top:58%;width:15%;z-index:3;margin:0;transform:rotate(-4deg)}
:where([data-section="01"]) .m-sp{left:80%;top:26%;width:15%;z-index:4}
:where([data-section="01"]) .swatch{left:88%;top:93%;z-index:5;display:flex;gap:4px}
:where([data-section="01"]) .swatch i{width:18px;height:18px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
:where([data-section="01"]) .swatch i:nth-child(1){background:#EDE3D2}
:where([data-section="01"]) .swatch i:nth-child(2){background:#8A5A32}
:where([data-section="01"]) .swatch i:nth-child(3){background:#2B2520}
:where([data-section="01"]) .ph{background:#fbf9f4;padding:10px 10px 30px;box-shadow:0 1px 1px rgba(0,0,0,.05),0 26px 44px -26px rgba(50,35,20,.5),0 6px 12px -8px rgba(50,35,20,.25)}
:where([data-section="01"]) .ph img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover}
:where([data-section="01"]) .ph .tape{position:absolute;left:32%;top:-9px;width:40%;height:20px;background:rgba(236,228,210,.85);box-shadow:0 1px 2px rgba(0,0,0,.08);transform:rotate(-5deg)}
:where([data-section="01"]) .comp[data-b=salon] .ph{padding:0;background:#000;box-shadow:0 30px 50px -26px rgba(0,0,0,.7)}
:where([data-section="01"]) .comp[data-b=salon] .ph img{aspect-ratio:1/1;filter:grayscale(1) contrast(1.05)}
:where([data-section="01"]) .comp[data-b=food] .ph{padding:0;box-shadow:0 34px 60px -30px rgba(0,0,0,.6)}
:where([data-section="01"]) .comp[data-b=school] .ph{padding:8px 8px 24px;border-radius:10px}
:where([data-section="01"]) .comp[data-b=school] .ph img{aspect-ratio:1/1;border-radius:6px}
:where([data-section="01"]) .comp[data-b=salon] .tape,:where([data-section="01"]) .comp[data-b=food] .tape{display:none}
:where([data-section="01"]) .comp[data-b=school] .tape{background:rgba(255,210,63,.75)}
:where([data-section="01"]) .comp[data-b=salon] .browser,:where([data-section="01"]) .comp[data-b=salon] .m-card{border-radius:0}
:where([data-section="01"]) .comp[data-b=school] .browser{border-radius:16px}
:where([data-section="01"]) .comp[data-b=school] .m-card{border-radius:12px}
:where([data-section="01"]) .sw{position:relative;z-index:3;margin:16px 0 0 6%;display:flex;align-items:stretch;gap:clamp(10px,1.6vw,22px)}
:where([data-section="01"]) .sw button[data-i]{flex:1;min-width:0;background:none;border:0;padding:10px 0 6px;text-align:left;min-height:48px;color:var(--mut);transition:color var(--duration-fast) var(--ease-ui)}
:where([data-section="01"]) .sw button[data-i][aria-pressed=true],:where([data-section="01"]) .sw button[data-i]:hover{color:var(--ink)}
:where([data-section="01"]) .sw .bar{display:block;height:1px;background:var(--rule);margin-bottom:10px;overflow:hidden}
:where([data-section="01"]) .sw .bar b{display:block;height:100%;background:var(--ink);transform-origin:0 50%;transform:scaleX(0)}
:where([data-section="01"]) .sw [aria-pressed=true] .bar{height:2px}
:where([data-section="01"]) .sw [aria-pressed=true] .bar b{transform:scaleX(1)}
:where([data-section="01"]) .sw .n{font:600 12px/1 var(--lat);letter-spacing:.14em;margin-right:8px}
:where([data-section="01"]) .sw .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
:where([data-section="01"]) .sw .nm{font-size:13px;font-weight:700;letter-spacing:.04em}
:where([data-section="01"]) .sw .short{display:none}
:where([data-section="01"]) .pz{flex:none;align-self:flex-end;min-width:48px;min-height:44px;padding:0 4px;background:none;border:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--mut);letter-spacing:.04em}
:where([data-section="01"]) .pz svg{width:14px;height:14px}
:where([data-section="01"]) .pz .i-play{display:none}
:where([data-section="01"]) .pz[aria-pressed=true] .i-pause{display:none}
:where([data-section="01"]) .pz[aria-pressed=true] .i-play{display:inline}
@media (max-width:1023px){
.hd{height:60px;gap:12px}
.hd nav{display:none}
.hd .line-btn{margin-left:auto;padding:0 16px;min-height:44px;font-size:13px}
:where([data-section="01"]){display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0 20px}
:where([data-section="01"]) .copy{display:contents}
:where([data-section="01"]) .kicker{order:8;margin:14px 0 0;font-size:12px;letter-spacing:.06em}
:where([data-section="01"]) .kicker::before{width:16px}
:where([data-section="01"]) h1{order:1;margin-top:6px;font-size:clamp(28px,8vw,35px);line-height:1.3;letter-spacing:.02em}
:where([data-section="01"]) h1 .l1,:where([data-section="01"]) h1 .l2{display:inline-block}
:where([data-section="01"]) h1 .l1>span,:where([data-section="01"]) h1 .l2>span{white-space:nowrap}
:where([data-section="01"]) .lead{order:2;margin-top:6px;font-size:15px;line-height:1.7;letter-spacing:.04em}
:where([data-section="01"]) .stage{order:3;margin:12px 0 0;padding:0}
:where([data-section="01"]) .cap{margin:0 0 6px;font-size:12px;gap:4px 10px;flex-wrap:wrap}
:where([data-section="01"]) .cap .js-name{margin-left:auto}
:where([data-section="01"]) .cap .gen{flex:1 1 auto;margin:0;font-size:12px;line-height:16px;letter-spacing:.04em}
:where([data-section="01"]) .cap .gen .full{display:none}
:where([data-section="01"]) .cap .gen .short{display:inline}
:where([data-section="01"]) .cap .hint{display:inline;margin-left:auto;font-size:12px;letter-spacing:.04em}
:where([data-section="01"]) .comp{aspect-ratio:335/232;width:100%;height:auto;touch-action:pan-y}
:where([data-section="01"]) .browser .chrome{height:18px;gap:4px;padding:0 8px}
:where([data-section="01"]) .browser .chrome i{width:5px;height:5px}
:where([data-section="01"]) .browser .chrome span{display:none}
:where([data-section="01"]) .phone{padding:4px;border-radius:18px}
:where([data-section="01"]) .phone .screen{border-radius:14px}
:where([data-section="01"]) .phone .screen::before{top:4px;height:8px}
:where([data-section="01"]) .ph{padding:5px 5px 16px}
:where([data-section="01"]) .ph .tape{height:12px;top:-6px}
:where([data-section="01"]) .comp[data-b=school] .ph{padding:5px 5px 14px}
:where([data-section="01"]) .swatch i{width:11px;height:11px}
:where([data-section="01"]) .wash{left:4%;top:0;width:96%;height:92%}
:where([data-section="01"]) .m-pc{left:0;top:5%;width:64%}
:where([data-section="01"]) .m-sp{left:68%;top:10%;width:21.5%}
:where([data-section="01"]) .ph{left:2%;top:58%;width:17%}
:where([data-section="01"]) .m-card{left:42%;top:66%;width:36%;padding:12px;justify-content:center}
:where([data-section="01"]) .m-card .cl,:where([data-section="01"]) .m-card .mt{display:none}
@media (min-width:600px){
:where([data-section="01"]) .m-card .cl{display:block}
}
:where([data-section="01"]) .m-card .mk{letter-spacing:.14em;line-height:1.35;white-space:normal}
:where([data-section="01"]) .swatch{left:80%;top:90%}
:where([data-section="01"]) .sw{order:4;margin:8px 0 0;gap:4px}
:where([data-section="01"]) .sw button[data-i]{flex:1 1 auto;justify-content:center;padding:0 6px;white-space:nowrap;min-height:44px;border:1px solid var(--rule);border-radius:999px;display:inline-flex;align-items:center;text-align:center;color:var(--ink)}
:where([data-section="01"]) .sw button[data-i][aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
:where([data-section="01"]) .sw .bar,:where([data-section="01"]) .sw .n,:where([data-section="01"]) .sw .full{display:none}
:where([data-section="01"]) .sw .short{display:inline}
:where([data-section="01"]) .sw .dot{margin-right:4px;width:8px;height:8px}
:where([data-section="01"]) .sw .nm{font-size:13px}
:where([data-section="01"]) .pz{margin-left:auto;min-width:44px}
:where([data-section="01"]) .pz .t{display:none}
:where([data-section="01"]) .offer{order:6;margin:12px 0 0;padding-top:10px;max-width:none}
:where([data-section="01"]) .o-n{font-size:clamp(36px,9.6vw,42px)}
:where([data-section="01"]) .o-l,:where([data-section="01"]) .o-u{font-size:14px}
:where([data-section="01"]) .o-s{margin-top:4px;font-size:12px;line-height:16px}
:where([data-section="01"]) .o-s .full{display:none}
:where([data-section="01"]) .o-s .short{display:inline}
:where([data-section="01"]) .act{order:7;margin-top:10px}
:where([data-section="01"]) .act .line-btn{width:100%;min-height:52px;font-size:16px}
:where([data-section="01"]) .act .more{margin:0 auto}
@media (max-height:700px){
:where([data-section="01"]) h1{margin-top:0}
:where([data-section="01"]) .lead{margin-top:2px}
:where([data-section="01"]) .stage{margin-top:6px}
:where([data-section="01"]) .cap{margin-bottom:4px}
:where([data-section="01"]) .sw{margin-top:4px}
:where([data-section="01"]) .offer{margin-top:6px;padding-top:6px}
:where([data-section="01"]) .o-s{margin-top:2px}
:where([data-section="01"]) .act{margin-top:6px}
}
}
@media (min-width:1024px) and (max-width:1100px){
:where([data-section="01"]) .stage{margin-left:-3%}
}
@media (min-width:1024px) and (max-width:1366px){
:where([data-section="01"]) .sw .full{display:none}
:where([data-section="01"]) .sw .short{display:inline}
:where([data-section="01"]) .offer{max-width:380px}
:where([data-section="01"]) .o-s .full{display:none}
:where([data-section="01"]) .o-s .short{display:inline}
}
/* 02 */
:where([data-section="02"]) *{box-sizing:border-box;}
:where([data-section="02"]) h1,:where([data-section="02"]) h2,:where([data-section="02"]) p,:where([data-section="02"]) figure{margin:0;}
:where([data-section="02"]) button,:where([data-section="02"]) a,:where([data-section="02"]) summary,:where([data-section="02"]) textarea{-webkit-tap-highlight-color:transparent;}
:where([data-section="02"]) button{color:inherit; font:inherit; cursor:pointer;}
:where([data-section="02"]) button:disabled{cursor:default;}
:where([data-section="02"]) a{color:inherit;}
:where([data-section="02"]) button:focus-visible,:where([data-section="02"]) a:focus-visible,:where([data-section="02"]) summary:focus-visible,:where([data-section="02"]) textarea:focus-visible,:where([data-section="02"]) [tabindex]:focus-visible{outline:2px solid var(--focus); outline-offset:3px;}
:where([data-section="02"]) img{display:block; max-width:100%; height:auto;}
:where([data-section="02"]) [hidden]{display:none!important;}
:where([data-section="02"]) .logo{font:600 20px/1 var(--lat); letter-spacing:.01em; text-decoration:none;}
:where([data-section="02"]){max-width:calc(var(--content-max) + 2 * var(--pad)); padding:var(--space-7) var(--pad) var(--section-space); margin:auto;}
:where([data-section="02"]) .section-heading{display:grid; grid-template-columns:1.2fr 1fr; align-items:last baseline; gap:var(--space-7); margin-bottom:var(--space-7);}
:where([data-section="02"]) .eyebrow{display:flex; align-items:center; gap:14px; margin-bottom:var(--space-5); font-size:var(--text-label); font-weight:500; letter-spacing:.12em; color:var(--mut);}
:where([data-section="02"]) .eyebrow>span{font:600 14px/1 var(--lat); padding-right:14px; border-right:1px solid var(--rule);}
:where([data-section="02"]) #section-title{font:700 var(--text-section)/1.45 var(--min); letter-spacing:.025em; word-break:auto-phrase;}
:where([data-section="02"]) .phrase{display:inline-block; white-space:nowrap;}
:where([data-section="02"]) .group-heading{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 16px; margin-bottom:var(--space-4);}
:where([data-section="02"]) .group-heading h3{font-size:var(--text-control); font-weight:700; letter-spacing:.02em;}
:where([data-section="02"]) .step{margin-right:10px; color:var(--accent); font:500 13px/1 var(--lat);}
:where([data-section="02"]) .note{font-size:var(--text-note); line-height:1.7; color:var(--mut);}
:where([data-section="02"]) .purpose{padding:var(--space-5) 0 var(--space-6); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);}
:where([data-section="02"]) .goal-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-3);}
:where([data-section="02"]) .goal-btn{display:flex; align-items:center; text-align:left; gap:14px; padding:20px; border:1px solid var(--rule); border-radius:var(--radius-paper); background:var(--surface); min-height:96px; transition:background var(--duration-fast) var(--ease-ui),border-color var(--duration-fast) var(--ease-ui);}
:where([data-section="02"]) .goal-no{font:500 24px/1 var(--min); color:var(--accent);}
:where([data-section="02"]) .goal-copy{flex:1; min-width:0;}
:where([data-section="02"]) .goal-copy strong{display:block; font-size:var(--text-control); font-weight:700;}
:where([data-section="02"]) .goal-copy small{display:block; margin-top:4px; font-size:var(--text-label); line-height:1.6; color:var(--mut);}
:where([data-section="02"]) .goal-plus{font:400 22px/1 var(--sans); color:var(--accent);}
:where([data-section="02"]) .goal-btn.is-added{background:var(--wash); border-color:var(--accent);}
:where([data-section="02"]) .purpose-help{margin-top:var(--space-3); min-height:23px;}
:where([data-section="02"]) .workspace{display:grid; grid-template-columns:minmax(0, .84fr) minmax(0,1.16fr); gap:clamp(32px,5vw,72px); padding-top:var(--space-7); align-items:start;}
:where([data-section="02"]) .picker,:where([data-section="02"]) .result{min-width:0; scroll-margin-top:24px;}
:where([data-section="02"]) .picker-heading{margin-bottom:var(--space-5);}
:where([data-section="02"]) .count{font:500 13px/1 var(--lat); color:var(--mut);}
:where([data-section="02"]) .base-label{display:flex; align-items:center; gap:12px; margin-bottom:var(--space-4); padding:0 0 var(--space-5); border-bottom:1px solid var(--rule);}
:where([data-section="02"]) .base-label>span:first-child{font-size:18px;}
:where([data-section="02"]) .base-label>div{flex:1; min-width:0;}
:where([data-section="02"]) .base-label b{font-size:14px; font-weight:500;}
:where([data-section="02"]) .base-label small{display:block; color:var(--mut); font-size:var(--text-label);}
:where([data-section="02"]) .pill{display:inline-flex; align-items:center; padding:3px 10px; border:1px solid var(--rule); border-radius:var(--radius-pill); font-size:var(--text-label); font-weight:500; line-height:1.6; white-space:nowrap;}
:where([data-section="02"]) .pick-grid{display:grid; gap:10px;}
:where([data-section="02"]) .selection-notes{margin-bottom:20px; padding:16px; border:1px solid var(--rule); background:var(--surface); color:var(--ink); font-size:14px; line-height:1.8;}
:where([data-section="02"]) .selection-notes h3{margin:0 0 12px; font-size:15px; font-weight:700;}
:where([data-section="02"]) .quote-note{color:var(--ink); font-size:14px; line-height:1.8;}
:where([data-section="02"]) .selection-notes p{text-wrap:pretty;}
:where([data-section="02"]) .selection-notes p+p{margin-top:8px;}
:where([data-section="02"]) .selection-notes details{margin-top:12px; border-top:1px solid var(--rule);}
:where([data-section="02"]) .selection-notes summary{min-height:44px; padding:10px 0; cursor:pointer;}
:where([data-section="02"]) .selection-notes [data-to-price]{margin-top:4px;}
:where([data-section="02"]) .selection-roles{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; list-style:none; margin:16px 0 0; padding:0; font-size:12px; line-height:1.8; color:var(--mut);}
:where([data-section="02"]) .selection-roles li{min-width:0;}
:where([data-section="02"]) [data-role-of]{visibility:hidden; overflow-wrap:anywhere;}
:where([data-section="02"]) [data-role-of].is-selected{visibility:visible;}
:where([data-section="02"]) .pick-btn{display:flex; align-items:center; gap:14px; text-align:left; min-width:0; min-height:76px; padding:14px 16px; border:1px solid var(--rule); border-radius:var(--radius-paper); background:transparent; transition:background var(--duration-fast) var(--ease-ui),border-color var(--duration-fast) var(--ease-ui);}
:where([data-section="02"]) .service-icon{width:28px; flex:none; color:var(--accent);}
:where([data-section="02"]) .service-icon svg{display:block; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round;}
:where([data-section="02"]) .pick-copy{flex:1; min-width:0;}
:where([data-section="02"]) .pick-copy b{display:block; font-size:var(--text-control); line-height:1.6; font-weight:700;}
:where([data-section="02"]) .pick-copy small{display:block; font-size:var(--text-label); line-height:1.7; color:var(--mut);}
:where([data-section="02"]) .pick-mark{width:24px; height:24px; flex:none; display:grid; place-items:center; border:1px solid var(--rule); border-radius:50%; font-size:18px; line-height:1;}
:where([data-section="02"]) .pick-btn[aria-pressed="true"]{background:var(--surface); border-color:var(--accent);}
:where([data-section="02"]) .pick-btn[aria-pressed="true"] .pick-mark{background:var(--ink); color:var(--surface); border-color:var(--ink); font-size:14px;}
:where([data-section="02"]) .picker-tools{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:var(--space-3);}
:where([data-section="02"]) .btn-text{display:inline-flex; gap:8px; align-items:center; min-height:44px; padding:6px 0; border:0; background:none; font-size:var(--text-note); text-decoration:underline; text-underline-offset:4px;}
:where([data-section="02"]) .scope{margin-top:var(--space-4);}
:where([data-section="02"]) .paper-card{background:rgba(251,249,244,.7); border:1px solid var(--rule); border-radius:var(--radius-paper);}
:where([data-section="02"]) .growth{padding:var(--space-5) var(--space-4) var(--space-4);}
:where([data-section="02"]) .growth figcaption{display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; font-size:var(--text-note); padding:0 8px;}
:where([data-section="02"]) .growth-count{font-size:var(--text-label); color:var(--mut);}
:where([data-section="02"]) .growth-board{position:relative; width:100%; height:auto; aspect-ratio:640/490; margin-top:8px; isolation:isolate;}
:where([data-section="02"]) .board-orbit{position:absolute; left:17%; top:10%; width:67%; height:76%; border:1px solid var(--rule); border-radius:50%; opacity:.5;}
:where([data-section="02"]) .board-orbit::after{content:""; position:absolute; inset:12%; border-radius:50%; background:var(--wash); opacity:.4;}
:where([data-section="02"]) .wires{position:absolute; inset:0; width:100%; height:100%; overflow:visible;}
:where([data-section="02"]) .wires path{fill:none; stroke:var(--accent); stroke-width:1; opacity:0; transition:opacity var(--duration-fast) var(--ease-ui);}
:where([data-section="02"]) .wires path.is-selected{opacity:.6;}
:where([data-section="02"]) .hub{position:absolute; z-index:2; left:25%; top:22%; width:50%;}
:where([data-section="02"]) .hub-caption{display:flex; align-items:center; justify-content:center; gap:6px; font-size:var(--text-label); margin-bottom:8px;}
:where([data-section="02"]) .hub-dot{height:6px; width:6px; border-radius:50%; background:var(--accent);}
:where([data-section="02"]) .browser{background:#fff; border-radius:var(--radius-browser); overflow:hidden; box-shadow:var(--shadow-browser);}
:where([data-section="02"]) .chrome{height:20px; display:flex; align-items:center; gap:4px; padding:0 8px; background:#f1efeb;}
:where([data-section="02"]) .chrome i{width:5px; height:5px; background:#d6d1c9; border-radius:50%;}
:where([data-section="02"]) .chrome span{font:500 12px/1 var(--lat); color:var(--mut); margin-left:6px; letter-spacing:.03em;}
:where([data-section="02"]) .screen{aspect-ratio:16/10; overflow:hidden;}
:where([data-section="02"]) .screen img{width:100%; height:100%; object-fit:cover; object-position:top;}
:where([data-section="02"]) .hub-bottom{margin-top:10px; font-size:var(--text-label); text-align:center;}
:where([data-section="02"]) .satellite{position:absolute; z-index:3; padding:7px; background:var(--surface); box-shadow:var(--shadow-paper); visibility:hidden; opacity:0; transform:translateY(4px); transition:opacity var(--duration-fast) var(--ease-ui),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-ui);}
:where([data-section="02"]) .satellite.is-selected{visibility:visible; opacity:1; transform:translateY(0);}
:where([data-section="02"]) .satellite b{display:block; text-align:center; margin-top:3px; font-size:var(--text-label); font-weight:500; line-height:1.6;}
:where([data-section="02"]) .sat-ig{left:4%; top:5%; width:22%;}
:where([data-section="02"]) .mini-post{position:relative;}
:where([data-section="02"]) .mini-post img{aspect-ratio:5/3; width:100%; object-fit:cover;}
:where([data-section="02"]) .mini-post span{position:absolute; left:5px; bottom:4px; font-size:12px; font-weight:700; color:#fff; text-shadow:0 1px 5px #000;}
:where([data-section="02"]) .sat-map{left:1%; top:59%; width:23%;}
:where([data-section="02"]) .mini-map{position:relative; height:44px; display:grid; place-items:center; background:repeating-linear-gradient(12deg,transparent 0 14px,#fff8 14px 20px),repeating-linear-gradient(100deg,#e0e1d3 0 20px,#fbf9f4 20px 26px);}
:where([data-section="02"]) .mini-map span{z-index:1; font:700 34px/1 var(--sans); color:var(--accent);}
:where([data-section="02"]) .sat-line{right:1%; top:3%; width:23%;}
:where([data-section="02"]) .mini-talk{padding:6px; background:var(--wash);}
:where([data-section="02"]) .mini-talk i{display:block; width:80%; height:9px; margin-bottom:5px; border-radius:4px; background:var(--surface);}
:where([data-section="02"]) .mini-talk i:nth-child(2){margin-left:auto; width:60%; background:#d2d6c7;}
:where([data-section="02"]) .mini-talk span{display:block; padding-top:3px; text-align:center; font-size:12px;}
:where([data-section="02"]) .sat-photo{right:1%; top:45%; width:20%;}
:where([data-section="02"]) .photo-print{width:100%; aspect-ratio:5/4; object-fit:cover;}
:where([data-section="02"]) .sat-video{left:43%; bottom:0; width:24%;}
:where([data-section="02"]) .mini-film{position:relative;}
:where([data-section="02"]) .mini-film img{width:100%; aspect-ratio:2.4; object-fit:cover; object-position:50% 40%;}
:where([data-section="02"]) .mini-film span{position:absolute; inset:0; display:grid; place-items:center; font-size:14px; color:#fff; text-shadow:0 1px 6px #000;}
:where([data-section="02"]) .board-empty{position:absolute; top:84%; left:0; right:0; text-align:center; color:var(--mut); font-size:var(--text-label);}
:where([data-section="02"]) .sample-note{margin-top:var(--space-3); text-align:center; color:var(--mut); font-size:var(--text-label); line-height:1.6;}
:where([data-section="02"]) .sp-break{display:none;}
:where([data-section="02"]) .consultation{padding:var(--space-5) 0 0;}
:where([data-section="02"]) .summary-head{display:flex; align-items:center; flex-wrap:wrap; gap:10px;}
:where([data-section="02"]) .summary-head h3{font-size:var(--text-control); font-weight:500;}
:where([data-section="02"]) .selection-summary{margin:12px 0 16px; font-size:var(--text-subhead); font-weight:700; line-height:1.65; overflow-wrap:anywhere;}
:where([data-section="02"]) .base-price{display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; margin-bottom:8px; font-size:var(--text-note);}
:where([data-section="02"]) .base-price>b{font:600 32px/1.3 var(--lat); letter-spacing:-.025em;}
:where([data-section="02"]) .base-price>b>span{margin-left:4px; font:700 13px/1.6 var(--sans); letter-spacing:0;}
:where([data-section="02"]) .plan-guide{padding:16px 18px; border-left:2px solid var(--accent); background:var(--surface); margin-top:16px;}
:where([data-section="02"]) .plan-label{display:block; color:var(--mut); font-size:var(--text-label); margin-bottom:6px;}
:where([data-section="02"]) [data-plan-name]{font-size:14px; font-weight:700;}
:where([data-section="02"]) .plan-price{font:600 24px/1.5 var(--lat); margin:4px 0;}
:where([data-section="02"]) .plan-caution{margin-top:8px;}
:where([data-section="02"]) .consult-hint{margin:var(--space-5) 0 var(--space-4); font-size:var(--text-note); line-height:1.8;}
:where([data-section="02"]) .consult-actions{display:flex; flex-wrap:wrap; gap:12px; align-items:center;}
:where([data-section="02"]) .btn-primary,:where([data-section="02"]) .btn-secondary,:where([data-section="02"]) .line-btn{min-height:52px; padding:12px 20px; display:inline-flex; justify-content:center; align-items:center; gap:8px; border-radius:var(--radius-pill); font-size:var(--text-control); font-weight:700; text-decoration:none; line-height:1.6;}
:where([data-section="02"]) .btn-primary{border:1px solid var(--ink); background:var(--ink); color:var(--paper);}
:where([data-section="02"]) .btn-secondary{border:1px solid var(--rule); background:var(--surface); font-size:var(--text-note);}
:where([data-section="02"]) .line-btn{background:var(--line); color:#fff; box-shadow:var(--shadow-line); transition:background var(--duration-fast) var(--ease-ui),transform var(--duration-fast) var(--ease-ui); flex:1 1 auto; padding-inline:22px;}
:where([data-section="02"]) .copy-instruction{margin-top:12px;}
:where([data-section="02"]) .copy-status{min-height:22px; margin-top:8px; color:var(--ink);}
:where([data-section="02"]) .message-details{font-size:var(--text-note); border-top:1px solid var(--rule); margin-top:8px;}
:where([data-section="02"]) .message-details summary{cursor:pointer; min-height:44px; padding:12px 0;}
:where([data-section="02"]) .message-details label{display:block; margin:8px 0;}
:where([data-section="02"]) textarea{display:block; width:100%; min-height:160px; resize:vertical; border:1px solid var(--rule); border-radius:var(--radius-paper); background:var(--surface); color:var(--ink); font:400 16px/1.8 var(--sans); padding:12px;}
:where([data-section="02"]) .selection-notes .conditions{margin-top:12px; padding-top:12px; border-top:1px solid var(--rule); font-size:14px; color:var(--ink);}
@media (hover:hover){
:where([data-section="02"]) .goal-btn:not(:disabled):hover,:where([data-section="02"]) .pick-btn:not(:disabled):hover{border-color:var(--accent); background:var(--surface);}
:where([data-section="02"]) .btn-secondary:not(:disabled):hover{border-color:var(--ink);}
:where([data-section="02"]) .line-btn:hover{background:var(--line-hover); transform:translateY(-2px);}
}
@media (max-width:1023px){
:where([data-section="02"]){padding-top:32px;}
:where([data-section="02"]) .section-heading{grid-template-columns:1fr; gap:20px; margin-bottom:32px;}
:where([data-section="02"]) .eyebrow{margin-bottom:16px;}
:where([data-section="02"]) .pc-break{display:none;}
:where([data-section="02"]) .purpose{padding:24px 0;}
:where([data-section="02"]) .group-heading{gap:8px;}
:where([data-section="02"]) .group-heading h3{font-size:14px;}
:where([data-section="02"]) .goal-grid{grid-template-columns:1fr; gap:8px;}
:where([data-section="02"]) .goal-btn{min-height:74px; padding:12px 16px; gap:16px;}
:where([data-section="02"]) .goal-no{font-size:22px;}
:where([data-section="02"]) .goal-copy strong{font-size:14px;}
:where([data-section="02"]) .goal-copy small{margin-top:2px;}
:where([data-section="02"]) .purpose-help{font-size:12px;}
:where([data-section="02"]) .workspace{grid-template-columns:minmax(0,1fr); gap:24px; padding-top:32px;}
:where([data-section="02"]) .picker-heading{margin-bottom:16px;}
:where([data-section="02"]) .base-label{padding-bottom:16px; margin-bottom:16px;}
:where([data-section="02"]) .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px;}
:where([data-section="02"]) .pick-btn{padding:12px 10px; min-height:91px; display:grid; grid-template-columns:1fr 24px; gap:6px; align-content:start;}
:where([data-section="02"]) .pick-copy{grid-column:1; grid-row:1;}
:where([data-section="02"]) .pick-copy b{font-size:14px;}
:where([data-section="02"]) .pick-copy small{font-size:12px; line-height:1.65; margin-top:2px;}
:where([data-section="02"]) .service-icon{display:none; width:24px; height:24px;}
:where([data-section="02"]) .service-icon svg{width:21px; height:21px;}
:where([data-section="02"]) .pick-mark{grid-column:2; grid-row:1; width:22px; height:22px;}
:where([data-section="02"]) .pick-btn:last-child{grid-column:1/-1; grid-template-columns:24px 1fr 24px; align-items:center; align-content:center; min-height:68px; gap:10px;}
:where([data-section="02"]) .pick-btn:last-child .service-icon{display:block;}
:where([data-section="02"]) .pick-btn:last-child .pick-copy{grid-column:2; grid-row:1;}
:where([data-section="02"]) .pick-btn:last-child .pick-mark{grid-column:3;}
:where([data-section="02"]) .picker-tools{margin-top:8px;}
:where([data-section="02"]) .scope{margin-top:8px; font-size:12px;}
:where([data-section="02"]) .growth{padding:16px 10px 14px;}
:where([data-section="02"]) .growth figcaption{padding-inline:4px; font-size:12px;}
:where([data-section="02"]) .growth-board{max-width:640px; margin:12px auto 0; aspect-ratio:1; min-height:300px;}
:where([data-section="02"]) .hub{top:20%; left:25%; width:50%;}
:where([data-section="02"]) .hub-caption{margin-bottom:6px;}
:where([data-section="02"]) .hub-bottom{margin-top:8px;}
:where([data-section="02"]) .chrome{height:16px; gap:3px; padding-inline:6px;}
:where([data-section="02"]) .chrome i{width:4px; height:4px;}
:where([data-section="02"]) .chrome span{font-size:12px;}
:where([data-section="02"]) .browser{border-radius:6px;}
:where([data-section="02"]) .satellite{padding:5px;}
:where([data-section="02"]) .sat-ig{left:1%; top:0; width:29%;}
:where([data-section="02"]) .sat-map{left:0; top:65%; width:29%;}
:where([data-section="02"]) .mini-map{height:30px;}
:where([data-section="02"]) .mini-map span{font-size:28px;}
:where([data-section="02"]) .sat-line{right:0; top:0; width:28%;}
:where([data-section="02"]) .mini-talk{padding:4px;}
:where([data-section="02"]) .mini-talk i{height:6px; margin-bottom:4px;}
:where([data-section="02"]) .mini-talk span{padding:0; font-size:12px;}
:where([data-section="02"]) .sat-photo{right:0; top:58%; width:23%;}
:where([data-section="02"]) .sat-video{left:36%; width:30%;}
:where([data-section="02"]) .board-empty{top:88%;}
:where([data-section="02"]) .sample-note{margin-top:16px;}
:where([data-section="02"]) .sp-break{display:block;}
:where([data-section="02"]) .consultation{padding-top:24px;}
:where([data-section="02"]) .selection-summary{font-size:18px;}
:where([data-section="02"]) .consult-actions{display:grid; grid-template-columns:1fr; gap:10px;}
:where([data-section="02"]) .btn-secondary,:where([data-section="02"]) .line-btn{width:100%; min-width:0;}
}
@media (min-width:1024px){
:where([data-section="02"]) .workspace{align-items:stretch;}
:where([data-section="02"]) .result{position:sticky; top:24px; align-self:start;}
}
:where([data-section="02"]) .growth:not(:has(.satellite.is-selected)) .selection-roles{display:none;}
@media (min-width:1280px){
:where([data-section="02"]) .growth-board:not(:has(.satellite.is-selected)){aspect-ratio:auto; padding-block:16px 8px;}
:where([data-section="02"]) .growth-board:not(:has(.satellite.is-selected)) .hub{position:relative; inset:auto; margin-inline:auto;}
:where([data-section="02"]) .growth-board:not(:has(.satellite.is-selected)) .board-empty{position:static; margin-top:24px;}
}
@media (max-width:430px){
:where([data-section="02"]) .pick-grid{grid-template-columns:1fr;}
:where([data-section="02"]) .pick-btn,:where([data-section="02"]) .pick-btn:last-child{display:flex; align-items:center; gap:12px; min-height:76px; padding:14px 16px;}
:where([data-section="02"]) .pick-btn .service-icon{display:block;}
:where([data-section="02"]) .pick-copy{flex:1;}
}
@media (min-width:600px) and (max-width:1023px){
:where([data-section="02"]) .section-heading{grid-template-columns:1.1fr 1fr; align-items:center; gap:24px;}
:where([data-section="02"]) .goal-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
:where([data-section="02"]) .goal-btn{gap:8px; padding:14px 10px; min-height:106px;}
:where([data-section="02"]) .goal-no{font-size:18px;}
:where([data-section="02"]) .pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
:where([data-section="02"]) .pick-btn{grid-template-columns:28px 1fr 24px; align-items:center; align-content:center; min-height:76px;}
:where([data-section="02"]) .service-icon{display:block;}
:where([data-section="02"]) .pick-copy{grid-column:2; grid-row:1;}
:where([data-section="02"]) .pick-mark{grid-column:3;}
:where([data-section="02"]) .growth{padding:24px;}
:where([data-section="02"]) .growth-board{max-width:550px; aspect-ratio:640/490;}
:where([data-section="02"]) .consult-actions{grid-template-columns:1fr 1.5fr;}
}
@media (max-width:1279px){
:where([data-section="02"]) .growth-board{display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(4,auto);
    gap:12px 16px;
    align-items:start;
    max-width:550px;
    min-height:0;
    aspect-ratio:auto;
    padding-block:8px;}
:where([data-section="02"]) .hub{position:relative; inset:auto; grid-area:2 / 1 / 3 / -1; width:min(88%,320px); justify-self:center;}
:where([data-section="02"]) .hub-caption{margin-bottom:6px;}
:where([data-section="02"]) .hub-bottom{margin-top:8px;}
:where([data-section="02"]) .chrome{height:16px; gap:3px; padding-inline:6px;}
:where([data-section="02"]) .chrome i{width:4px; height:4px;}
:where([data-section="02"]) .chrome span{font-size:12px;}
:where([data-section="02"]) .browser{border-radius:6px;}
:where([data-section="02"]) .satellite{position:relative; inset:auto; width:min(100%,132px); padding:5px;}
:where([data-section="02"]) .sat-ig{grid-area:1 / 1; justify-self:start;}
:where([data-section="02"]) .sat-line{grid-area:1 / 2; justify-self:end;}
:where([data-section="02"]) .sat-map{grid-area:3 / 1; justify-self:start;}
:where([data-section="02"]) .sat-photo{grid-area:3 / 2; justify-self:end;}
:where([data-section="02"]) .sat-video{grid-area:4 / 1 / 5 / -1; justify-self:center;}
:where([data-section="02"]) .mini-map{height:30px;}
:where([data-section="02"]) .mini-map span{font-size:28px;}
:where([data-section="02"]) .mini-talk{padding:4px;}
:where([data-section="02"]) .mini-talk i{height:6px; margin-bottom:4px;}
:where([data-section="02"]) .mini-talk span{padding:0;}
:where([data-section="02"]) .board-empty{top:auto; bottom:80px;}
}
@media (max-width:599px){
:where([data-section="02"]) .satellite{max-width:106px;}
}
@media (prefers-reduced-motion:reduce){
:where([data-section="02"]) *,:where([data-section="02"]) *::before,:where([data-section="02"]) *::after{animation:none!important; transition:none!important; scroll-behavior:auto!important;}
}
/* 03 */
:where([data-section="03"]) *{box-sizing:border-box;}
:where([data-section="03"]) h2,:where([data-section="03"]) h2,:where([data-section="03"]) h3,:where([data-section="03"]) p,:where([data-section="03"]) figure,:where([data-section="03"]) dl,:where([data-section="03"]) dd{margin:0;}
:where([data-section="03"]) .phrase{display:inline-block; white-space:nowrap;}
:where([data-section="03"]) button{font:inherit; color:inherit; cursor:pointer;}
:where([data-section="03"]) a{color:inherit;}
:where([data-section="03"]) button,:where([data-section="03"]) a{-webkit-tap-highlight-color:transparent;}
:where([data-section="03"]) button:focus-visible,:where([data-section="03"]) a:focus-visible,:where([data-section="03"]) [tabindex]:focus-visible{outline:2px solid var(--focus); outline-offset:3px;}
:where([data-section="03"]) [hidden]{display:none!important;}
:where([data-section="03"]){max-width:calc(var(--content-max) + 2 * var(--pad)); margin:auto; padding:var(--space-8) var(--pad) var(--section-space);}
:where([data-section="03"]) .section-heading{display:grid; grid-template-columns:1.2fr 1fr; align-items:end; gap:var(--space-7); margin-bottom:var(--space-6);}
:where([data-section="03"]) .eyebrow{display:flex; align-items:center; gap:14px; margin-bottom:var(--space-5); font-size:var(--text-label); letter-spacing:.12em; color:var(--mut);}
:where([data-section="03"]) .eyebrow span{padding-right:14px; border-right:1px solid var(--rule); font:600 14px/1 var(--lat);}
:where([data-section="03"]) h2{font:700 var(--text-section)/1.45 var(--min); letter-spacing:.025em;}
:where([data-section="03"]) .note{font-size:var(--text-note); color:var(--mut); line-height:1.7;}
:where([data-section="03"]) .fiction-note{margin-bottom:var(--space-5); padding-left:12px; border-left:2px solid var(--accent);}
:where([data-section="03"]) .brand-tabs{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:var(--space-6);}
:where([data-section="03"]) .brand-tab{min-width:44px; min-height:64px; padding:12px 16px; display:flex; align-items:center; gap:12px; text-align:left; border:1px solid var(--rule); border-radius:var(--radius-paper); background:transparent; font-size:var(--text-control); transition:background var(--duration-fast) var(--ease-ui),color var(--duration-fast) var(--ease-ui);}
:where([data-section="03"]) .tab-label{min-width:0;}
:where([data-section="03"]) .tab-no{flex-shrink:0; font:500 13px/1 var(--lat); opacity:.7;}
:where([data-section="03"]) .brand-tab[aria-selected="true"]{background:var(--ink); color:var(--paper); border-color:var(--ink);}
:where([data-section="03"]) .brand-tab[aria-selected="true"] .tab-no{opacity:1; text-decoration:underline; text-underline-offset:4px;}
:where([data-section="03"]) .sample-workspace{display:grid; grid-template-columns:minmax(0,1.85fr) minmax(260px,.85fr); align-items:center; gap:var(--space-7);}
:where([data-section="03"]) .preview{min-width:0;}
:where([data-section="03"]) .mock-stage{min-height:490px; display:flex; align-items:center; justify-content:center; padding:32px 28px 40px; background:rgba(237,227,210,.5); border:1px solid var(--rule);}
:where([data-section="03"]) .device-shell{width:100%; max-width:770px; position:relative; padding:10px 10px 15px; border:1px solid #5F574E; border-radius:12px 12px 4px 4px; background:#282622; box-shadow:var(--shadow-browser);}
:where([data-section="03"]) .device-shell::after{content:""; position:absolute; left:-3%; right:-3%; bottom:-9px; height:9px; background:linear-gradient(#CAC6BE,#817D76); border-radius:0 0 55% 55% / 0 0 100% 100%;}
:where([data-section="03"]) .mock{aspect-ratio:auto; overflow:hidden; background:var(--sample-bg); color:var(--sample-ink); container-type:inline-size;}
:where([data-section="03"]) .preview-caption{display:flex; flex-wrap:wrap; gap:4px 16px; justify-content:space-between; margin-top:20px; font-size:12px; color:var(--mut);}
:where([data-section="03"]) .preview-caption span:last-child{font-family:var(--lat);}
:where([data-section="03"]) .sample-info{min-width:0;}
:where([data-section="03"]) .sample-number{font:500 12px/1.7 var(--lat); letter-spacing:.12em; color:var(--mut); margin-bottom:12px;}
:where([data-section="03"]) .sample-info h3{font:600 clamp(23px,2.1vw,30px)/1.2 var(--lat); letter-spacing:-.025em;}
:where([data-section="03"]) .industry{color:var(--mut); font-size:13px; margin-top:8px;}
:where([data-section="03"]) .sample-facts{margin-top:24px;}
:where([data-section="03"]) .sample-facts>div{border-top:1px solid var(--rule); padding:16px 0;}
:where([data-section="03"]) .sample-facts dt{font-size:12px; color:var(--mut); margin-bottom:6px;}
:where([data-section="03"]) .sample-facts dd{font-size:15px; line-height:1.9;}
:where([data-section="03"]) [data-aim]{text-wrap:pretty; word-break:normal; line-break:strict;}
:where([data-section="03"]) .workspace-footer{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px 32px; padding-top:24px; margin-top:24px; border-top:1px solid var(--rule);}
:where([data-section="03"]) .view-group{display:flex; align-items:center; gap:16px; flex-wrap:wrap;}
:where([data-section="03"]) .view-label{font-size:13px; color:var(--mut);}
:where([data-section="03"]) .view-toggle{display:flex; padding:4px; border:1px solid var(--rule); border-radius:var(--radius-pill);}
:where([data-section="03"]) .view-toggle button{min-width:72px; min-height:44px; padding:8px 16px; border:0; border-radius:var(--radius-pill); background:none; font-size:15px;}
:where([data-section="03"]) .view-toggle button[aria-pressed="true"]{background:var(--ink); color:var(--paper);}
:where([data-section="03"]) .btn-primary{display:inline-flex; justify-content:center; align-items:center; gap:28px; min-height:52px; padding:14px 24px; background:var(--ink); color:var(--paper); font-size:15px; font-weight:700; text-decoration:none; border:1px solid var(--ink);}
:where([data-section="03"]) .btn-primary:hover{background:var(--accent); border-color:var(--accent);}
:where([data-section="03"]) [data-brand="cafe"]{--sample-bg:#EDE3D2; --sample-ink:#2B2520; --sample-accent:#8A5A32; --sample-muted:#6E6257; --sample-card:#F7F1E6;}
:where([data-section="03"]) [data-brand="salon"]{--sample-bg:#161616; --sample-ink:#F4F4F2; --sample-accent:#CFC8BC; --sample-muted:#A9A49B; --sample-card:#121212;}
:where([data-section="03"]) [data-brand="food"]{--sample-bg:#15372B; --sample-ink:#F3EBD9; --sample-accent:#E0B45C; --sample-muted:#B9C4B4; --sample-card:#15372B;}
:where([data-section="03"]) [data-brand="school"]{--sample-bg:#FCEFC4; --sample-ink:#1D2A44; --sample-accent:#2457D6; --sample-muted:#4A5670; --sample-card:#FFD23F;}
:where([data-section="03"]) .mini-header{display:flex; align-items:center; justify-content:space-between; padding:4% 6%; border-bottom:1px solid color-mix(in srgb,var(--sample-ink) 20%,transparent); font:600 max(12px,2.15cqw)/1.2 var(--lat);}
:where([data-section="03"]) .mini-nav{font:400 max(12px,1.25cqw)/1.4 var(--sans); letter-spacing:.08em;}
:where([data-section="03"]) .mini-hero{display:grid; grid-template-columns:1fr 1.08fr; min-height:43cqw;}
:where([data-section="03"]) .mini-copy{padding:10% 10% 8% 13%; align-self:center;}
:where([data-section="03"]) .mini-kicker{font:500 max(12px,1.3cqw)/1.5 var(--lat); letter-spacing:.12em; color:var(--sample-accent); margin-bottom:2.8cqw;}
:where([data-section="03"]) .mini-copy h3{font:600 max(12px,3.6cqw)/1.65 var(--min); letter-spacing:.025em;}
:where([data-section="03"]) .mini-description{font:400 max(12px,1.4cqw)/1.8 var(--sans); color:var(--sample-muted); margin-top:2cqw;}
:where([data-section="03"]) .mini-cta{display:inline-block; padding:1.2cqw 2cqw; margin-top:3cqw; background:var(--sample-ink); color:var(--sample-bg); font:500 max(12px,1.35cqw)/1.6 var(--sans);}
:where([data-section="03"]) [data-brand="cafe"] .mini-kicker,:where([data-section="03"]) [data-brand="cafe"] .mini-cta{white-space:nowrap;}
:where([data-section="03"]) .mini-photo{width:100%; height:100%; min-height:0; object-fit:cover;}
:where([data-section="03"]) .mini-bottom{display:grid; grid-template-columns:minmax(0,1fr) max-content; align-items:start; gap:4px 12px; padding:3% 6%; font:500 max(12px,1.3cqw)/1.5 var(--lat); color:var(--sample-muted); border-top:1px solid color-mix(in srgb,var(--sample-ink) 20%,transparent);}
:where([data-section="03"]) [data-brand="salon"] .mini-header>strong{font-size:max(12px,4cqw); letter-spacing:-.08em;}
:where([data-section="03"]) [data-brand="salon"] .mini-hero{grid-template-columns:1.05fr 1fr;}
:where([data-section="03"]) [data-brand="salon"] .mini-photo{max-height:46cqw; object-position:center 42%;}
:where([data-section="03"]) [data-brand="salon"] .mini-copy h3{font-family:var(--sans); font-weight:500;}
:where([data-section="03"]) [data-brand="food"] .mini-photo{padding:4cqw 5cqw 4cqw 0; height:45cqw; object-fit:contain;}
:where([data-section="03"]) [data-brand="food"] .mini-kicker{color:var(--sample-accent);}
:where([data-section="03"]) [data-brand="school"] .mini-copy h3{font-family:var(--sans); font-weight:700;}
:where([data-section="03"]) [data-brand="school"] .mini-photo{height:40cqw; width:92%; margin-top:3cqw; border-radius:48% 48% 4% 4%;}
:where([data-section="03"]) [data-brand="school"] .mini-cta{background:var(--sample-accent); color:#fff;}
:where([data-section="03"]) [data-brand="school"] .mini-bottom{background:var(--sample-card); color:var(--sample-ink);}
:where([data-section="03"]) [data-device="sp"] .device-shell{max-width:250px; padding:8px; border:1px solid #5F574E; border-radius:30px;}
:where([data-section="03"]) [data-device="sp"] .device-shell::after{width:28%; height:8px; left:36%; right:auto; top:14px; bottom:auto; background:#282622; border-radius:9px;}
:where([data-section="03"]) [data-device="sp"] .mock{aspect-ratio:auto; border-radius:22px;}
:where([data-section="03"]) [data-device="sp"] .mini-header{display:grid; grid-template-columns:minmax(0,1fr); gap:4cqw; padding:14% 7% 6%; font-size:max(12px,5cqw); line-height:1.5;}
:where([data-section="03"]) [data-device="sp"] .mini-nav{display:block; font-size:max(12px,3.2cqw); line-height:1.8; letter-spacing:.03em;}
:where([data-section="03"]) [data-device="sp"] .mini-hero{display:flex; flex-direction:column; min-height:0;}
:where([data-section="03"]) [data-device="sp"] .mini-copy{width:100%; padding:9% 7%;}
:where([data-section="03"]) [data-device="sp"] .mini-kicker{font-size:max(12px,3cqw); margin-bottom:4cqw;}
:where([data-section="03"]) [data-device="sp"] .mini-copy h3{font-size:max(12px,7cqw); line-height:1.55;}
:where([data-section="03"]) [data-device="sp"] .mini-description{font-size:max(12px,3cqw); margin-top:3cqw;}
:where([data-section="03"]) [data-device="sp"] .mini-cta{font-size:max(12px,3cqw); padding:3cqw 5cqw; margin-top:5cqw;}
:where([data-section="03"]) [data-device="sp"] .mini-photo{height:69cqw; max-height:none; object-fit:cover;}
:where([data-section="03"]) [data-device="sp"] .mini-bottom{font-size:max(12px,3cqw); padding:6% 7%;}
:where([data-section="03"]) [data-device="sp"] [data-brand="salon"] .mini-header>strong{font-size:max(12px,8cqw);}
:where([data-section="03"]) [data-device="sp"] [data-brand="salon"] .mini-photo{height:83cqw; object-position:center 42%;}
:where([data-section="03"]) [data-device="sp"] [data-brand="food"] .mini-photo{height:75cqw; object-fit:contain; padding:0 8cqw 5cqw;}
:where([data-section="03"]) [data-device="sp"] [data-brand="school"] .mini-photo{width:86%; margin:0 auto; height:72cqw;}
@media(max-width:1023px){
:where([data-section="03"]) .section-heading{grid-template-columns:1fr; gap:24px;}
:where([data-section="03"]) .sample-workspace{grid-template-columns:1fr; gap:24px;}
:where([data-section="03"]) .mock-stage{min-height:0; padding:32px 28px 40px;}
:where([data-section="03"]) .sample-info{display:grid; grid-template-columns:1fr 1.5fr; column-gap:32px;}
:where([data-section="03"]) .sample-facts{grid-column:2; grid-row:1/5; margin-top:0;}
:where([data-section="03"]) .sample-number{align-self:end; margin-bottom:8px;}
:where([data-section="03"]) .sample-info h3{font-size:26px;}
:where([data-section="03"]) .industry{align-self:start;}
:where([data-section="03"]) .brand-tab{display:grid; grid-template-columns:minmax(0,1fr); align-content:center; padding:12px; gap:8px; font-size:14px;}
}
@media(max-width:599px){
:where([data-section="03"]){padding-top:48px;}
:where([data-section="03"]) .section-heading{gap:20px; margin-bottom:24px;}
:where([data-section="03"]) .eyebrow{margin-bottom:20px;}
:where([data-section="03"]) .brand-tabs{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:24px;}
:where([data-section="03"]) .brand-tab{min-height:52px; padding:10px 12px; font-size:14px;}
:where([data-section="03"]) .mock-stage{padding:24px 12px 32px;}
:where([data-section="03"]) [data-device="pc"] .mini-header{flex-wrap:wrap; gap:8px; padding:12px;}
:where([data-section="03"]) [data-device="pc"] .mini-nav{width:100%;}
:where([data-section="03"]) [data-device="pc"] [data-brand="cafe"] .mini-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);}
:where([data-section="03"]) [data-device="pc"] .mini-copy{padding:12px;}
:where([data-section="03"]) [data-device="pc"] [data-brand="cafe"] .mini-copy{padding-inline:8px;}
:where([data-section="03"]) .sample-info{display:block;}
:where([data-section="03"]) .sample-facts{margin-top:24px;}
:where([data-section="03"]) .sample-info h3{font-size:26px;}
:where([data-section="03"]) .preview-caption{font-size:12px;}
:where([data-section="03"]) .workspace-footer{margin-top:8px; gap:24px;}
:where([data-section="03"]) .view-group{width:100%; justify-content:space-between; gap:12px;}
:where([data-section="03"]) .btn-primary{width:100%; gap:16px;}
:where([data-section="03"]) [data-device="sp"] .device-shell{max-width:250px;}
}
@media(prefers-reduced-motion:reduce){
:where([data-section="03"]) *,:where([data-section="03"]) *::before,:where([data-section="03"]) *::after{animation:none!important; transition:none!important;}
}
/* 04 */
:where([data-section="04"]) *{box-sizing:border-box;}
:where([data-section="04"]) h2,:where([data-section="04"]) h3,:where([data-section="04"]) p,:where([data-section="04"]) figure,:where([data-section="04"]) ul{margin:0;}
:where([data-section="04"]) a{color:inherit; -webkit-tap-highlight-color:transparent;}
:where([data-section="04"]) a:focus-visible,:where([data-section="04"]) [tabindex]:focus-visible{outline:2px solid var(--focus); outline-offset:3px;}
:where([data-section="04"]) img{display:block; max-width:100%; height:auto;}
:where([data-section="04"]) [hidden]{display:none!important;}
:where([data-section="04"]) .logo{font:600 20px/1 var(--lat); letter-spacing:.01em; text-decoration:none;}
:where([data-section="04"]){max-width:calc(var(--content-max) + 2 * var(--pad)); padding:var(--space-7) var(--pad) var(--section-space); margin:auto;}
:where([data-section="04"]) .eyebrow{display:flex; align-items:center; gap:14px; margin-bottom:var(--space-5); font-size:var(--text-label); font-weight:500; letter-spacing:.12em; color:var(--mut);}
:where([data-section="04"]) .eyebrow>span{font:600 14px/1 var(--lat);}
:where([data-section="04"]) .eyebrow .label-slash{font:inherit; font-style:normal; letter-spacing:0;}
:where([data-section="04"]) h2{font:700 var(--text-section)/1.45 var(--min); letter-spacing:.025em;}
:where([data-section="04"]) .phrase{display:inline-block; white-space:nowrap;}
:where([data-section="04"]) .note{font-size:var(--text-note); line-height:1.7; color:var(--mut);}
:where([data-section="04"]) .text-link{display:inline-flex; align-items:center; gap:16px; min-height:44px; padding:6px 0; font-size:var(--text-control); text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px;}
@media (max-width:1023px){
:where([data-section="04"]){padding-top:32px;}
:where([data-section="04"]) .eyebrow{margin-bottom:var(--space-4);}
}
@media (prefers-reduced-motion:reduce){
:where([data-section="04"]) *,:where([data-section="04"]) *::before,:where([data-section="04"]) *::after{animation:none!important; transition:none!important; scroll-behavior:auto!important;}
}
:where([data-section="04"]) .price-heading{margin-bottom:var(--space-6);}
:where([data-section="04"]) .selection-echo{padding:var(--space-4) 0; border-top:1px solid var(--rule); font-size:var(--text-note); color:var(--mut);}
:where([data-section="04"]) .selection-echo a{text-underline-offset:4px; display:inline-flex; align-items:center; min-height:44px;}
:where([data-section="04"]) .selection-echo p+p{margin-top:var(--space-2);}
:where([data-section="04"]) .reference-note{color:var(--accent);}
:where([data-section="04"]) .plan-table{width:100%; border-collapse:collapse; table-layout:fixed; text-align:left;}
:where([data-section="04"]) .plan-table caption{text-align:left; padding:0 0 var(--space-4); font-size:var(--text-note); color:var(--mut);}
:where([data-section="04"]) .plan-table col:nth-child(1){width:31%;}
:where([data-section="04"]) .plan-table col:nth-child(2){width:43%;}
:where([data-section="04"]) .plan-table col:nth-child(3){width:26%;}
:where([data-section="04"]) .plan-table thead th{font-size:var(--text-label); font-weight:500; color:var(--mut); padding:var(--space-3) var(--space-5); border-top:1px solid var(--ink);}
:where([data-section="04"]) .plan-table thead th:last-child{text-align:right;}
:where([data-section="04"]) .plan-table tbody th,:where([data-section="04"]) .plan-table tbody td{border-top:1px solid var(--rule); padding:var(--space-6) var(--space-5); vertical-align:middle;}
:where([data-section="04"]) .plan-table tbody tr:last-child>*{border-bottom:1px solid var(--ink);}
:where([data-section="04"]) .plan-table tbody th{font-weight:400;}
:where([data-section="04"]) .plan-no{display:block; font:500 var(--text-label)/1.7 var(--lat); letter-spacing:.12em; color:var(--accent); margin-bottom:var(--space-3);}
:where([data-section="04"]) .plan-name{display:block; font:600 22px/1.65 var(--min);}
:where([data-section="04"]) .plan-name>span{display:inline-block;}
:where([data-section="04"]) .plan-content{font-size:var(--text-control);}
:where([data-section="04"]) .plan-content ul{list-style:none; padding:0;}
:where([data-section="04"]) .plan-content li+li{margin-top:var(--space-1);}
:where([data-section="04"]) .plan-content .base-included{color:var(--mut); font-size:var(--text-note); margin-bottom:var(--space-2);}
:where([data-section="04"]) .plan-content .base-included a{display:inline-flex; align-items:center; min-height:44px; text-underline-offset:4px;}
:where([data-section="04"]) .plan-price{text-align:right;}
:where([data-section="04"]) .amount{display:block; white-space:nowrap; font:600 var(--text-price)/1.25 var(--lat); letter-spacing:-.035em;}
:where([data-section="04"]) .tax{display:block; margin-top:var(--space-2); font-size:var(--text-label); color:var(--mut);}
:where([data-section="04"]) .plan-marker{display:block; margin-top:var(--space-3); font-size:var(--text-label); font-weight:500; color:var(--accent);}
:where([data-section="04"]) tr.is-reference{background:var(--surface);}
:where([data-section="04"]) tr.is-reference>th{box-shadow:inset 3px 0 var(--accent);}
:where([data-section="04"]) .terms{margin-top:var(--space-6); padding:var(--space-5) 0; border-bottom:1px solid var(--rule);}
:where([data-section="04"]) .terms h3{font-size:var(--text-control); margin-bottom:var(--space-3);}
:where([data-section="04"]) .terms ul{list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:8px 24px; color:var(--mut); font-size:var(--text-note);}
:where([data-section="04"]) .terms li:last-child{flex-basis:100%;}
:where([data-section="04"]) .line-btn{display:flex; width:fit-content; max-width:100%; align-items:center; justify-content:center; gap:24px; min-height:52px; margin-top:var(--space-5); padding:10px 22px; border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--line); color:#fff; font-size:var(--text-control); font-weight:700; line-height:1.6; text-decoration:none; transition:background var(--duration-fast) var(--ease-ui);}
@media (hover:hover){
:where([data-section="04"]) .line-btn:hover{background:var(--line-hover); border-color:var(--line-hover);}
}
@media (max-width:1279px) and (min-width:1024px){
:where([data-section="04"]) .plan-table tbody th,:where([data-section="04"]) .plan-table tbody td,:where([data-section="04"]) .plan-table thead th{padding-left:16px; padding-right:16px;}
:where([data-section="04"]) .plan-name{font-size:20px;}
}
@media (max-width:1023px){
:where([data-section="04"]) .price-heading{margin-bottom:var(--space-5);}
:where([data-section="04"]) .plan-table,:where([data-section="04"]) .plan-table tbody{display:block;}
:where([data-section="04"]) .plan-table caption{display:block;}
:where([data-section="04"]) .plan-table colgroup,:where([data-section="04"]) .plan-table thead{display:none;}
:where([data-section="04"]) .plan-table tbody tr{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:var(--space-5) var(--space-3); padding:var(--space-5) 0; border-top:1px solid var(--rule);}
:where([data-section="04"]) .plan-table tbody tr:first-child{border-top:1px solid var(--ink);}
:where([data-section="04"]) .plan-table tbody tr:last-child{border-bottom:1px solid var(--ink);}
:where([data-section="04"]) .plan-table tbody th,:where([data-section="04"]) .plan-table tbody td{border:0; padding:0; min-width:0;}
:where([data-section="04"]) .plan-table tbody tr:last-child>*{border-bottom:0;}
:where([data-section="04"]) .plan-table tbody th{grid-column:1; grid-row:1;}
:where([data-section="04"]) .plan-price{grid-column:2; grid-row:1; align-self:start;}
:where([data-section="04"]) .plan-content{grid-column:1 / -1; grid-row:2;}
:where([data-section="04"]) .plan-name{font-size:20px;}
:where([data-section="04"]) .plan-no{margin-bottom:var(--space-2);}
:where([data-section="04"]) .plan-content ul{display:flex; flex-wrap:wrap; gap:4px 18px;}
:where([data-section="04"]) .plan-content li+li{margin-top:0;}
:where([data-section="04"]) tr.is-reference>th{box-shadow:none;}
:where([data-section="04"]) .plan-table tbody tr.is-reference{padding-left:12px; border-left:3px solid var(--accent);}
:where([data-section="04"]) .terms ul{display:block;}
:where([data-section="04"]) .terms li+li{margin-top:var(--space-2);}
}
@media (max-width:430px){
:where([data-section="04"]) .plan-name{font-size:18px;}
:where([data-section="04"]) .amount{font-size:30px;}
}
/* 05 */
:where([data-section="05"]) *{box-sizing:border-box;}
:where([data-section="05"]) h2,:where([data-section="05"]) h3,:where([data-section="05"]) p,:where([data-section="05"]) figure,:where([data-section="05"]) ul{margin:0;}
:where([data-section="05"]) a{color:inherit; -webkit-tap-highlight-color:transparent;}
:where([data-section="05"]) a:focus-visible,:where([data-section="05"]) [tabindex]:focus-visible{outline:2px solid var(--focus); outline-offset:3px;}
:where([data-section="05"]) img{display:block; max-width:100%; height:auto;}
:where([data-section="05"]) [hidden]{display:none!important;}
:where([data-section="05"]) .logo{font:600 20px/1 var(--lat); letter-spacing:.01em; text-decoration:none;}
:where([data-section="05"]){max-width:calc(var(--content-max) + 2 * var(--pad)); padding:var(--space-7) var(--pad) var(--section-space); margin:auto;}
:where([data-section="05"]) .eyebrow{display:flex; align-items:center; gap:14px; margin-bottom:var(--space-5); font-size:var(--text-label); font-weight:500; letter-spacing:.12em; color:var(--mut);}
:where([data-section="05"]) .eyebrow>span{font:600 14px/1 var(--lat);}
:where([data-section="05"]) .eyebrow .label-slash{font:inherit; font-style:normal; letter-spacing:0;}
:where([data-section="05"]) h2{font:700 var(--text-section)/1.45 var(--min); letter-spacing:.025em;}
:where([data-section="05"]) .phrase{display:inline-block; white-space:nowrap;}
:where([data-section="05"]) .note{font-size:var(--text-note); line-height:1.7; color:var(--mut);}
:where([data-section="05"]) .text-link{display:inline-flex; align-items:center; gap:16px; min-height:44px; padding:6px 0; font-size:var(--text-control); text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px;}
@media (max-width:1023px){
:where([data-section="05"]){padding-top:32px;}
:where([data-section="05"]) .eyebrow{margin-bottom:var(--space-4);}
}
@media (prefers-reduced-motion:reduce){
:where([data-section="05"]) *,:where([data-section="05"]) *::before,:where([data-section="05"]) *::after{animation:none!important; transition:none!important; scroll-behavior:auto!important;}
}
:where([data-section="05"]) .media-heading{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:var(--space-7); align-items:end; margin-bottom:var(--space-7);}
:where([data-section="05"]) .photo-spread{display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:start; gap:var(--space-7);}
:where([data-section="05"]) .photo-spread figure{min-width:0;}
:where([data-section="05"]) .photo-spread img{width:100%; object-fit:cover; background:var(--wash);}
:where([data-section="05"]) .photo-spread figcaption{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 12px; padding-top:var(--space-3); font-size:var(--text-note); color:var(--mut);}
:where([data-section="05"]) .caption-en{font:500 var(--text-label)/1.7 var(--lat); letter-spacing:.08em; color:var(--accent);}
:where([data-section="05"]) .main-photo img{aspect-ratio:4/5; object-position:50% 70%;}
:where([data-section="05"]) .photo-support{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--space-6) var(--space-5); padding-top:var(--space-8);}
:where([data-section="05"]) .photo-product{margin-top:var(--space-7);}
:where([data-section="05"]) .photo-product img{aspect-ratio:1/1;}
:where([data-section="05"]) .photo-hands img{aspect-ratio:4/5; object-position:44% 50%;}
:where([data-section="05"]) .photo-place{grid-column:1 / -1;}
:where([data-section="05"]) .photo-place img{aspect-ratio:16/9;}
:where([data-section="05"]) .media-tail{display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:var(--space-7); margin-top:var(--space-7); padding-top:var(--space-5); border-top:1px solid var(--rule); align-items:start;}
:where([data-section="05"]) .media-tail h3{font:600 20px/1.6 var(--min); margin-bottom:var(--space-3);}
:where([data-section="05"]) .media-tail .text-link{justify-self:start; align-self:center;}
@media (max-width:1023px){
:where([data-section="05"]) .media-heading{grid-template-columns:minmax(0,1fr); gap:var(--space-5); margin-bottom:var(--space-6);}
:where([data-section="05"]) .photo-spread{grid-template-columns:minmax(0,1fr); gap:var(--space-5);}
:where([data-section="05"]) .main-photo img{aspect-ratio:4/3; object-position:50% 72%;}
:where([data-section="05"]) .photo-support{padding-top:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5) var(--space-4);}
:where([data-section="05"]) .photo-product{margin-top:0;}
:where([data-section="05"]) .photo-product img,:where([data-section="05"]) .photo-hands img{aspect-ratio:4/3;}
:where([data-section="05"]) .photo-place img{aspect-ratio:3/1; object-position:50% 62%;}
:where([data-section="05"]) .media-tail{grid-template-columns:minmax(0,1fr); gap:var(--space-4); margin-top:var(--space-6);}
}
/* 06 */
:where([data-section="06"]) *{box-sizing:border-box;}
:where([data-section="06"]) h2,:where([data-section="06"]) h3,:where([data-section="06"]) h4,:where([data-section="06"]) p,:where([data-section="06"]) figure,:where([data-section="06"]) dl,:where([data-section="06"]) dd{margin:0;}
:where([data-section="06"]) p{text-wrap:pretty; word-break:auto-phrase;}
:where([data-section="06"]) a{color:inherit; -webkit-tap-highlight-color:transparent;}
:where([data-section="06"]) a:focus-visible,:where([data-section="06"]) [tabindex]:focus-visible{outline:2px solid var(--focus); outline-offset:3px;}
:where([data-section="06"]) img{display:block; max-width:100%; height:auto;}
:where([data-section="06"]) [hidden]{display:none!important;}
:where([data-section="06"]) .logo{font:600 20px/1 var(--lat); letter-spacing:.01em; text-decoration:none;}
:where([data-section="06"]){max-width:calc(var(--content-max) + 2 * var(--pad)); padding:var(--space-7) var(--pad) var(--section-space); margin:auto;}
:where([data-section="06"]) .about-intro{position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"portrait heading" "portrait story"; grid-template-rows:auto 1fr; gap:var(--space-6) var(--space-8); align-items:start; padding-bottom:var(--space-8);}
:where([data-section="06"]) .about-intro::before{content:""; position:absolute; z-index:-1; inset:calc(-1 * var(--space-7)) calc(-1 * var(--pad)) 0; background:url(refs/v15-fv/assets/img/bg-paper-light.webp) center/cover; opacity:var(--texture-opacity); pointer-events:none;}
:where([data-section="06"]) .about-intro::after{content:""; position:absolute; bottom:0; left:calc(-1 * var(--pad)); right:calc(-1 * var(--pad)); height:1px; background:linear-gradient(90deg,transparent,var(--rule) 15%,var(--rule) 85%,transparent); pointer-events:none;}
@supports (width:1cqw){
:where([data-section="06"]) main{container-type:inline-size;}
:where([data-section="06"]) .about-intro::before{left:calc(50% - 50cqw); right:calc(50% - 50cqw);}
}
:where([data-section="06"]) .about-heading{grid-area:heading; min-width:0;}
:where([data-section="06"]) .eyebrow{display:flex; align-items:center; gap:14px; margin-bottom:var(--space-5); font-size:var(--text-label); font-weight:500; letter-spacing:.12em; color:var(--mut);}
:where([data-section="06"]) .eyebrow>span{font:600 14px/1 var(--lat); padding-right:14px; border-right:1px solid var(--rule);}
:where([data-section="06"]) h2{font:700 var(--text-section)/1.45 var(--min); letter-spacing:.025em;}
:where([data-section="06"]) .phrase{display:inline-block; white-space:nowrap;}
:where([data-section="06"]) .identity{margin-top:var(--space-6);}
:where([data-section="06"]) .person-name{font:600 30px/1.5 var(--min); letter-spacing:.12em;}
:where([data-section="06"]) .person-reading{margin-top:var(--space-1); font-size:var(--text-note); color:var(--mut); letter-spacing:.08em;}
:where([data-section="06"]) .person-role{margin-top:var(--space-3); font-size:var(--text-control); color:var(--ink);}
:where([data-section="06"]) .person-location{margin-top:var(--space-4); font-size:var(--text-control);}
:where([data-section="06"]) .identity>.note{margin-top:var(--space-1); font-size:14px; color:#494239;}
:where([data-section="06"]) .note{font-size:var(--text-note); line-height:1.7; color:var(--mut);}
:where([data-section="06"]) .portrait{grid-area:portrait; position:relative; width:100%; aspect-ratio:4/5; background:var(--wash); border:1px solid var(--rule); border-radius:var(--radius-paper);}
:where([data-section="06"]) .portrait-placeholder{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; padding:var(--space-6); color:var(--mut); background:repeating-linear-gradient(0deg,transparent 0,transparent 39px,rgba(138,90,50,.05) 39px,rgba(138,90,50,.05) 40px),radial-gradient(ellipse at 25% 15%,rgba(251,249,244,.8),transparent 75%);}
:where([data-section="06"]) .portrait-placeholder::before{content:""; position:absolute; inset:var(--space-4); border:1px solid rgba(138,90,50,.16); pointer-events:none;}
:where([data-section="06"]) .portrait-kicker,:where([data-section="06"]) .portrait-sign{font:500 var(--text-label)/1.7 var(--lat); letter-spacing:.12em;}
:where([data-section="06"]) .portrait-caption{width:100%; text-align:center;}
:where([data-section="06"]) .portrait-camera{display:block; width:80px; height:60px; margin:0 auto var(--space-5); color:var(--accent);}
:where([data-section="06"]) .portrait-caption>p{font-size:var(--text-note); line-height:1.8;}
:where([data-section="06"]) .portrait-caption>p>span{display:block;}
:where([data-section="06"]) .portrait-caption>p>span:first-child{margin-bottom:var(--space-2); font:500 20px/1.6 var(--sans); letter-spacing:.06em; color:var(--ink);}
:where([data-section="06"]) .portrait img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 40%; border-radius:var(--radius-paper);}
:where([data-section="06"]) .portrait-label{position:absolute; z-index:1; bottom:var(--space-4); left:var(--space-4); right:var(--space-4); width:fit-content; max-width:calc(100% - 32px); padding:8px 12px; background:var(--surface); color:var(--ink); border:1px solid var(--rule); font-size:var(--text-note);}
:where([data-section="06"]) .story{grid-area:story; min-width:0; max-width:34em;}
:where([data-section="06"]) .value+.value{margin-top:var(--space-5);}
:where([data-section="06"]) .value h3{margin-bottom:var(--space-2); font:600 20px/1.6 var(--min); letter-spacing:.025em; color:var(--ink);}
:where([data-section="06"]) .value p{font-size:var(--text-body);}
:where([data-section="06"]) .value.statement{margin-top:var(--space-6); padding-left:var(--space-5); border-left:2px solid var(--accent); color:var(--ink);}
:where([data-section="06"]) .biography{margin-top:var(--space-6); padding-top:var(--space-5); border-top:1px solid var(--rule); font-size:14px; line-height:1.9; letter-spacing:0;}
:where([data-section="06"]) .biography p+p{margin-top:var(--space-2);}
:where([data-section="06"]) .domains{margin-top:var(--space-8);}
:where([data-section="06"]) .block-heading{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 24px; margin-bottom:var(--space-5);}
:where([data-section="06"]) h3{font-size:var(--text-control); line-height:1.6; font-weight:700;}
:where([data-section="06"]) .domain-layout{display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); gap:0 var(--space-7); align-items:start;}
:where([data-section="06"]) .domain{min-width:0; padding:var(--space-5) 0; border-top:1px solid var(--rule);}
:where([data-section="06"]) .domain-en{font:500 var(--text-label)/1.7 var(--lat); color:var(--accent); letter-spacing:.13em;}
:where([data-section="06"]) .domain h4{margin-top:var(--space-1); font:600 24px/1.5 var(--min);}
:where([data-section="06"]) .domain-description{margin-top:var(--space-3); font-size:var(--text-body); line-height:1.8; max-width:28em;}
:where([data-section="06"]) .domain-web{grid-column:1; grid-row:1 / span 3; align-self:stretch; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background:var(--wash); padding:var(--space-6); border:1px solid var(--rule); border-radius:var(--radius-paper);}
:where([data-section="06"]) .domain-web h4{margin-top:var(--space-6); font-size:32px;}
:where([data-section="06"]) .domain-web .domain-description{max-width:24em; margin-top:var(--space-5);}
:where([data-section="06"]) .domain-foot{display:block; margin-top:0; padding-top:var(--space-6); font-size:var(--text-note); color:var(--mut);}
:where([data-section="06"]) .domain-photo,:where([data-section="06"]) .domain-film,:where([data-section="06"]) .domain-social{grid-column:2; display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); gap:var(--space-5); align-items:start;}
:where([data-section="06"]) .domain-photo .domain-description,:where([data-section="06"]) .domain-film .domain-description,:where([data-section="06"]) .domain-social .domain-description{margin-top:0;}
:where([data-section="06"]) .domain-photo{grid-row:1;}
:where([data-section="06"]) .domain-film{grid-row:2;}
:where([data-section="06"]) .domain-social{grid-row:3;}
:where([data-section="06"]) .domain-social{border-bottom:1px solid var(--rule);}
:where([data-section="06"]) .works{margin-top:var(--space-8); padding:var(--space-6) 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);}
:where([data-section="06"]) .works .block-heading{align-items:flex-start;}
:where([data-section="06"]) .works [data-source]{max-width:37em;}
:where([data-section="06"]) .works-list{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-7) var(--space-6);}
:where([data-section="06"]) .work{min-width:0;}
:where([data-section="06"]) .work-image{background:var(--wash); aspect-ratio:16/10;}
:where([data-section="06"]) .work-image img{width:100%; height:100%; object-fit:cover;}
:where([data-section="06"]) .work:first-child .work-image img{object-position:50% 62%;}
:where([data-section="06"]) .work-copy{margin-top:var(--space-4);}
:where([data-section="06"]) .work-kinds{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:var(--space-2);}
:where([data-section="06"]) .work-kind{display:inline-block; padding:2px 8px; border:1px solid var(--rule); color:var(--accent); font-size:var(--text-label); line-height:1.7;}
:where([data-section="06"]) .work h4{font:600 22px/1.6 var(--min); text-wrap:pretty;}
:where([data-section="06"]) .work-description{margin-top:var(--space-3); font-size:var(--text-control); line-height:1.9;}
:where([data-section="06"]) .work-credit{margin-top:var(--space-3); font-size:var(--text-note); line-height:1.8; color:var(--mut);}
:where([data-section="06"]) .business{margin-top:var(--space-7);}
:where([data-section="06"]) .business>h3{margin-bottom:var(--space-5);}
:where([data-section="06"]) .business-list>div{display:grid; grid-template-columns:8em minmax(0,1fr); gap:var(--space-5); padding:var(--space-4) 0; border-bottom:1px solid var(--rule); font-size:var(--text-control);}
:where([data-section="06"]) .business-list>div:first-child{padding-top:0;}
:where([data-section="06"]) .business-list dt{font-size:var(--text-control); font-weight:500; color:var(--ink);}
:where([data-section="06"]) .business-list dd{font-size:var(--text-control); overflow-wrap:anywhere;}
:where([data-section="06"]) .business-reading{display:inline-block; font-size:var(--text-note);}
:where([data-section="06"]) .about-contact{display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:var(--space-4) var(--space-5); margin-top:var(--space-6);}
:where([data-section="06"]) .about-contact>.note{color:#494239;}
:where([data-section="06"]) .line-btn{display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:48px; padding:10px 22px; border:1px solid var(--line); border-radius:var(--radius-pill); background:transparent; color:var(--line); font-size:var(--text-control); font-weight:700; line-height:1.6; text-decoration:none; transition:background var(--duration-fast) var(--ease-ui),color var(--duration-fast) var(--ease-ui);}
@media (hover:hover){
:where([data-section="06"]) .line-btn:hover{background:var(--surface); color:var(--line-hover); border-color:var(--line-hover);}
}
@media (max-width:1023px){
/* Match the integrated section gutter so the decorative rule stays inside the viewport. */
:where([data-section="06"]){--pad:20px;padding-top:32px;}
:where([data-section="06"]) .about-intro{grid-template-columns:minmax(0,1fr); grid-template-areas:"heading" "portrait" "story"; gap:var(--space-6);}
:where([data-section="06"]) .about-intro::before{top:-32px;}
:where([data-section="06"]) .eyebrow{margin-bottom:var(--space-4);}
:where([data-section="06"]) .identity{margin-top:var(--space-5);}
:where([data-section="06"]) .person-name{font-size:28px;}
:where([data-section="06"]) .portrait{width:100%; aspect-ratio:1; max-height:68vh;}
:where([data-section="06"]) .portrait-placeholder{padding:var(--space-5);}
:where([data-section="06"]) .portrait-label{font-size:14px; color:var(--surface); background:rgba(32,28,24,.8); border-color:rgba(251,249,244,.24);}
:where([data-section="06"]) .value.statement{padding-left:var(--space-4);}
:where([data-section="06"]) .domain-layout{grid-template-columns:minmax(0,1fr); gap:0;}
:where([data-section="06"]) .domain-web{grid-column:1; grid-row:auto; padding:var(--space-5); margin-bottom:var(--space-5);}
:where([data-section="06"]) .domain-web h4{margin-top:var(--space-5); font-size:28px;}
:where([data-section="06"]) .domain-foot{padding-top:var(--space-6);}
:where([data-section="06"]) .domain-photo,:where([data-section="06"]) .domain-film,:where([data-section="06"]) .domain-social{grid-column:1; grid-row:auto; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:var(--space-5); align-items:start;}
:where([data-section="06"]) .domain-description{margin-top:0;}
:where([data-section="06"]) .block-heading{flex-direction:column; align-items:flex-start;}
:where([data-section="06"]) .works{margin-top:var(--space-5); padding:var(--space-5) 0;}
:where([data-section="06"]) .business{margin-top:var(--space-6);}
:where([data-section="06"]) .business-list>div{gap:var(--space-4);}
:where([data-section="06"]) .about-contact{justify-content:flex-start; align-items:flex-start; flex-direction:column; gap:var(--space-3);}
}
@media (max-width:599px){
:where([data-section="06"]) .works-list{grid-template-columns:minmax(0,1fr); gap:var(--space-6);}
:where([data-section="06"]) .business-list>div{grid-template-columns:5em minmax(0,1fr);}
:where([data-section="06"]) .domain-photo,:where([data-section="06"]) .domain-film,:where([data-section="06"]) .domain-social{grid-template-columns:minmax(0,1fr); gap:var(--space-3);}
:where([data-section="06"]) .domain h4{font-size:24px;}
:where([data-section="06"]) .domain-web h4{font-size:28px;}
}
@media (prefers-reduced-motion:reduce){
:where([data-section="06"]) *,:where([data-section="06"]) *::before,:where([data-section="06"]) *::after{animation:none!important; transition:none!important; scroll-behavior:auto!important;}
}
/* 07 */
:where([data-section="07"]) *{box-sizing:border-box;}
:where([data-section="07"]) h2,:where([data-section="07"]) h3,:where([data-section="07"]) p,:where([data-section="07"]) dl,:where([data-section="07"]) dd{margin:0;}
:where([data-section="07"]) a{color:inherit; -webkit-tap-highlight-color:transparent;}
:where([data-section="07"]) button,:where([data-section="07"]) textarea{font:inherit; color:inherit;}
:where([data-section="07"]) button{cursor:pointer;}
:where([data-section="07"]) a:focus-visible,:where([data-section="07"]) button:focus-visible,:where([data-section="07"]) summary:focus-visible,:where([data-section="07"]) textarea:focus-visible,:where([data-section="07"]) [tabindex]:focus-visible{outline:2px solid var(--focus); outline-offset:3px;}
:where([data-section="07"]) [hidden]{display:none!important;}
:where([data-section="07"]) .logo{font:600 20px/1 var(--lat); letter-spacing:.01em; text-decoration:none;}
:where([data-section="07"]){max-width:calc(var(--content-max) + 2 * var(--pad)); padding:var(--space-7) var(--pad) var(--section-space); margin:auto;}
:where([data-section="07"]) .eyebrow{display:flex; align-items:center; gap:14px; margin-bottom:var(--space-5); font-size:var(--text-label); font-weight:500; letter-spacing:.12em; color:var(--mut);}
:where([data-section="07"]) .eyebrow>span{font:600 14px/1 var(--lat);}
:where([data-section="07"]) h2{font:700 var(--text-section)/1.45 var(--min); letter-spacing:.025em;}
:where([data-section="07"]) .phrase{display:inline-block; white-space:nowrap;}
:where([data-section="07"]) .note{font-size:var(--text-note); line-height:1.7; color:var(--mut);}
:where([data-section="07"]) .text-link{display:inline-flex; align-items:center; gap:24px; min-height:44px; text-decoration:underline; text-underline-offset:5px; font-size:var(--text-control);}
:where([data-section="07"]) .section-end{margin-top:var(--space-6); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 32px;}
@media (max-width:1023px){
:where([data-section="07"]){padding-top:32px;}
:where([data-section="07"]) .eyebrow{margin-bottom:var(--space-4);}
}
@media (prefers-reduced-motion:reduce){
:where([data-section="07"]) *,:where([data-section="07"]) *::before,:where([data-section="07"]) *::after{animation:none!important; transition:none!important; scroll-behavior:auto!important;}
}
:where([data-section="07"]) .section-heading{display:grid; grid-template-columns:1.2fr 1fr; align-items:last baseline; gap:var(--space-7); margin-bottom:var(--space-7);}
:where([data-section="07"]) .flow-steps{list-style:none; margin:0; padding:0;}
:where([data-section="07"]) .flow-steps>li{position:relative; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr); gap:var(--space-7); padding:var(--space-6) 0 var(--space-6) var(--space-6); margin-left:6px; border-left:1px solid var(--rule); border-top:1px solid var(--rule);}
:where([data-section="07"]) .flow-steps>li::before{content:""; position:absolute; width:9px; height:9px; border-radius:50%; background:var(--accent); left:-5px; top:39px; outline:5px solid var(--paper);}
:where([data-section="07"]) .flow-steps>li:last-child{border-bottom:1px solid var(--rule);}
:where([data-section="07"]) .step-number{font:600 var(--text-label)/1.7 var(--lat); color:var(--accent); letter-spacing:.1em; margin-bottom:var(--space-2);}
:where([data-section="07"]) .step-heading h3{font:600 var(--text-subhead)/1.5 var(--min);}
:where([data-section="07"]) .free{display:inline-block; font:500 var(--text-note)/1.7 var(--sans); color:var(--mut);}
:where([data-section="07"]) .step-roles{display:grid; grid-template-columns:1fr 1fr; gap:var(--space-6);}
:where([data-section="07"]) .step-roles>div{min-width:0;}
:where([data-section="07"]) .step-roles dt{font-size:var(--text-label); color:var(--mut); margin-bottom:var(--space-2);}
:where([data-section="07"]) .step-roles dd{font-size:var(--text-control); line-height:1.8;}
@media (max-width:1023px){
:where([data-section="07"]) .section-heading{grid-template-columns:1fr; gap:var(--space-5); margin-bottom:var(--space-6);}
:where([data-section="07"]) .flow-steps>li{grid-template-columns:1fr; gap:var(--space-4); padding:var(--space-5) 0 var(--space-5) var(--space-5);}
:where([data-section="07"]) .flow-steps>li::before{top:31px;}
:where([data-section="07"]) .step-number{margin-bottom:var(--space-1);}
:where([data-section="07"]) .step-roles{gap:var(--space-5);}
}
@media (max-width:599px){
:where([data-section="07"]) .step-roles{grid-template-columns:1fr; gap:var(--space-3);}
:where([data-section="07"]) .step-roles>div{display:grid; grid-template-columns:minmax(0,1fr); gap:4px;}
:where([data-section="07"]) .step-roles dt{padding-top:3px; margin:0;}
}
/* 08 */
:where([data-section="08"]) *{box-sizing:border-box;}
:where([data-section="08"]) h2,:where([data-section="08"]) h3,:where([data-section="08"]) p,:where([data-section="08"]) dl,:where([data-section="08"]) dd{margin:0;}
:where([data-section="08"]) a{color:inherit; -webkit-tap-highlight-color:transparent;}
:where([data-section="08"]) button,:where([data-section="08"]) textarea{font:inherit; color:inherit;}
:where([data-section="08"]) button{cursor:pointer;}
:where([data-section="08"]) a:focus-visible,:where([data-section="08"]) button:focus-visible,:where([data-section="08"]) summary:focus-visible,:where([data-section="08"]) textarea:focus-visible,:where([data-section="08"]) [tabindex]:focus-visible{outline:2px solid var(--focus); outline-offset:3px;}
:where([data-section="08"]) [hidden]{display:none!important;}
:where([data-section="08"]) .logo{font:600 20px/1 var(--lat); letter-spacing:.01em; text-decoration:none;}
:where([data-section="08"]){max-width:calc(var(--content-max) + 2 * var(--pad)); padding:var(--space-7) var(--pad) var(--section-space); margin:auto;}
:where([data-section="08"]) .eyebrow{display:flex; align-items:center; gap:14px; margin-bottom:var(--space-5); font-size:var(--text-label); font-weight:500; letter-spacing:.12em; color:var(--mut);}
:where([data-section="08"]) .eyebrow>span{font:600 14px/1 var(--lat);}
:where([data-section="08"]) h2{font:700 var(--text-section)/1.45 var(--min); letter-spacing:.025em;}
:where([data-section="08"]) .phrase{display:inline-block; white-space:nowrap;}
:where([data-section="08"]) .note{font-size:var(--text-note); line-height:1.7; color:var(--mut);}
:where([data-section="08"]) .text-link{display:inline-flex; align-items:center; gap:24px; min-height:44px; text-decoration:underline; text-underline-offset:5px; font-size:var(--text-control);}
:where([data-section="08"]) .section-end{margin-top:var(--space-6); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 32px;}
@media (max-width:1023px){
:where([data-section="08"]){padding-top:32px;}
:where([data-section="08"]) .eyebrow{margin-bottom:var(--space-4);}
}
@media (prefers-reduced-motion:reduce){
:where([data-section="08"]) *,:where([data-section="08"]) *::before,:where([data-section="08"]) *::after{animation:none!important; transition:none!important; scroll-behavior:auto!important;}
}
:where([data-section="08"]).faq{display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:var(--space-8);}
:where([data-section="08"]) .faq-content{min-width:0;}
:where([data-section="08"]) .faq-list{border-top:1px solid var(--rule);}
:where([data-section="08"]) .faq-list details{border-bottom:1px solid var(--rule);}
:where([data-section="08"]) .faq-list summary{display:flex; align-items:center; justify-content:space-between; gap:var(--space-5); min-height:80px; padding:20px 0; cursor:pointer; list-style:none; font-size:var(--text-body); font-weight:500; line-height:1.8;}
:where([data-section="08"]) .faq-list summary::-webkit-details-marker{display:none;}
:where([data-section="08"]) .faq-list summary>span{min-width:0;}
:where([data-section="08"]) .faq-list summary i{flex:0 0 16px; height:16px; position:relative; color:var(--accent);}
:where([data-section="08"]) .faq-list summary i::before,:where([data-section="08"]) .faq-list summary i::after{content:""; position:absolute; background:currentColor;}
:where([data-section="08"]) .faq-list summary i::before{width:16px; height:1px; left:0; top:7px;}
:where([data-section="08"]) .faq-list summary i::after{width:1px; height:16px; left:7px; top:0;}
:where([data-section="08"]) .faq-list details[open] summary i::after{display:none;}
:where([data-section="08"]) .faq-list details[open] summary{color:var(--accent);}
:where([data-section="08"]) .faq-list details>p{padding:0 40px 24px 0; max-width:36em; font-size:var(--text-control); line-height:1.9; color:var(--mut);}
@media (hover:hover){
:where([data-section="08"]) .faq-list summary:hover{color:var(--accent);}
}
@media (max-width:1023px){
:where([data-section="08"]).faq{grid-template-columns:1fr; gap:var(--space-6);}
}
@media (max-width:599px){
:where([data-section="08"]) .faq-list summary{min-height:72px; gap:var(--space-4); padding:20px 0;}
:where([data-section="08"]) .faq-list details>p{padding-right:24px;}
}
/* 09 */
:where([data-section="09"]) *{box-sizing:border-box;}
:where([data-section="09"]) h2,:where([data-section="09"]) h3,:where([data-section="09"]) p,:where([data-section="09"]) dl,:where([data-section="09"]) dd{margin:0;}
:where([data-section="09"]) a{color:inherit; -webkit-tap-highlight-color:transparent;}
:where([data-section="09"]) button,:where([data-section="09"]) textarea{font:inherit; color:inherit;}
:where([data-section="09"]) button{cursor:pointer;}
:where([data-section="09"]) a:focus-visible,:where([data-section="09"]) button:focus-visible,:where([data-section="09"]) summary:focus-visible,:where([data-section="09"]) textarea:focus-visible,:where([data-section="09"]) [tabindex]:focus-visible{outline:2px solid var(--focus); outline-offset:3px;}
:where([data-section="09"]) [hidden]{display:none!important;}
:where([data-section="09"]) .logo{font:600 20px/1 var(--lat); letter-spacing:.01em; text-decoration:none;}
:where([data-section="09"]){max-width:calc(var(--content-max) + 2 * var(--pad)); padding:var(--space-7) var(--pad) var(--section-space); margin:auto;}
:where([data-section="09"]) .eyebrow{display:flex; align-items:center; gap:14px; margin-bottom:var(--space-5); font-size:var(--text-label); font-weight:500; letter-spacing:.12em; color:var(--mut);}
:where([data-section="09"]) .eyebrow>span{font:600 14px/1 var(--lat);}
:where([data-section="09"]) h2{font:700 var(--text-section)/1.45 var(--min); letter-spacing:.025em;}
:where([data-section="09"]) .phrase{display:inline-block; white-space:nowrap;}
:where([data-section="09"]) .note{font-size:var(--text-note); line-height:1.7; color:var(--mut);}
:where([data-section="09"]) .text-link{display:inline-flex; align-items:center; gap:24px; min-height:44px; text-decoration:underline; text-underline-offset:5px; font-size:var(--text-control);}
:where([data-section="09"]) .section-end{margin-top:var(--space-6); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 32px;}
@media (max-width:1023px){
:where([data-section="09"]){padding-top:32px;}
:where([data-section="09"]) .eyebrow{margin-bottom:var(--space-4);}
}
@media (prefers-reduced-motion:reduce){
:where([data-section="09"]) *,:where([data-section="09"]) *::before,:where([data-section="09"]) *::after{animation:none!important; transition:none!important; scroll-behavior:auto!important;}
}
:where([data-section="09"]).contact{text-align:center;}
:where([data-section="09"]).contact .eyebrow{justify-content:center;}
:where([data-section="09"]) .contact-intro{margin:var(--space-6) auto 0;}
:where([data-section="09"]) .undecided{margin-top:var(--space-6); font-size:var(--text-control);}
:where([data-section="09"]) .contact-actions{margin-top:var(--space-4);}
:where([data-section="09"]) .line-btn{display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:52px; padding:12px 26px; border:1px solid var(--line); border-radius:var(--radius-pill); background:var(--line); color:#fff; font-size:var(--text-control); font-weight:700; line-height:1.6; text-decoration:none; box-shadow:var(--shadow-line); transition:background var(--duration-fast) var(--ease-ui),border-color var(--duration-fast) var(--ease-ui);}
:where([data-section="09"]) .carry{display:flex; flex-direction:column; max-width:720px; margin:var(--space-7) auto 0; padding:var(--space-6); text-align:left; background:var(--surface); border:1px solid var(--rule); border-radius:var(--radius-paper);}
:where([data-section="09"]) .carry-label{font-size:var(--text-label); color:var(--accent); letter-spacing:.08em;}
:where([data-section="09"]) .carry-summary{margin:var(--space-2) 0 var(--space-5); font-size:var(--text-body); font-weight:500; overflow-wrap:anywhere;}
:where([data-section="09"]) .carry label{display:block; margin-bottom:var(--space-3);}
:where([data-section="09"]) .carry textarea{display:block; width:100%; resize:vertical; min-height:240px; border:1px solid var(--rule); border-radius:var(--radius-paper); padding:16px; background:var(--paper); color:var(--ink); font-size:16px; line-height:1.8;}
:where([data-section="09"]) .btn-secondary{display:flex; order:1; width:fit-content; max-width:100%; margin-inline:auto; justify-content:center; align-items:center; gap:24px; min-height:52px; margin-top:var(--space-5); padding:12px 22px; border:1px solid var(--ink); border-radius:var(--radius-pill); background:var(--surface); font-size:var(--text-control); line-height:1.6; transition:background var(--duration-fast) var(--ease-ui);}
:where([data-section="09"]) .copy-status{min-height:23px; margin-top:var(--space-3);}
:where([data-section="09"]) .contact-footer{display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); align-items:start; padding-top:var(--space-6); padding-bottom:calc(88px + env(safe-area-inset-bottom)); max-width:calc(var(--content-max) + 2 * var(--pad)); margin:auto; gap:32px 64px;}
:where([data-section="09"]) .footer-identity>p+p{margin-top:var(--space-4); font-size:var(--text-note); line-height:1.8;}
:where([data-section="09"]) .footer-nav{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 24px;}
:where([data-section="09"]) .footer-nav a{display:flex; align-items:center; gap:10px; min-height:44px; font-size:var(--text-note); text-decoration:none;}
:where([data-section="09"]) .footer-nav a>span{font:500 var(--text-label)/1.7 var(--lat); color:var(--accent);}
:where([data-section="09"]) .footer-note{grid-column:1/-1; font-size:var(--text-label);}
@media (hover:hover){
:where([data-section="09"]) .line-btn:hover{background:var(--line-hover); border-color:var(--line-hover);}
:where([data-section="09"]) .btn-secondary:hover{background:var(--wash);}
:where([data-section="09"]) .footer-nav a:hover{text-decoration:underline; text-underline-offset:4px;}
}
@media (max-width:1023px){
:where([data-section="09"]) .contact-footer{grid-template-columns:1fr; gap:var(--space-5);}
}
@media (max-width:599px){
:where([data-section="09"]) .contact-intro{text-align:left;}
:where([data-section="09"]) .contact-intro br{display:none;}
:where([data-section="09"]) .carry{padding:var(--space-5) var(--space-4); margin-top:var(--space-6);}
:where([data-section="09"]) .carry textarea{padding:12px;}
:where([data-section="09"]) .footer-nav{grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; width:100%;}
:where([data-section="09"]) .footer-nav a{font-size:var(--text-label); gap:8px;}
}
.site-footer{padding:24px var(--pad); border-top:1px solid var(--rule); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; color:var(--mut); font-size:var(--text-label);}
.site-footer .logo{color:var(--ink); font-size:16px;}
@media (max-width:599px){
.site-footer{align-items:flex-start; flex-direction:column; gap:var(--space-3);}
}
.contact-footer{display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); align-items:start; padding-top:var(--space-6); padding-bottom:calc(88px + env(safe-area-inset-bottom)); max-width:calc(var(--content-max) + 2 * var(--pad)); margin:auto; gap:32px 64px;}
.footer-identity>p+p{margin-top:var(--space-4); font-size:var(--text-note); line-height:1.8;}
.footer-nav{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 24px;}
.footer-nav a{display:flex; align-items:center; gap:10px; min-height:44px; font-size:var(--text-note); text-decoration:none;}
.footer-nav a>span{font:500 var(--text-label)/1.7 var(--lat); color:var(--accent);}
.footer-note{grid-column:1/-1; font-size:var(--text-label);}
@media (hover:hover){
.footer-nav a:hover{text-decoration:underline; text-underline-offset:4px;}
}
@media (max-width:1023px){
.contact-footer{grid-template-columns:1fr; gap:var(--space-5);}
}
@media (max-width:599px){
.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; width:100%;}
.footer-nav a{font-size:var(--text-label); gap:8px;}
}
/* One section gap; no accumulated bottom/top spacing. FV keeps its viewport layout. */
.section[data-section]{padding-top:var(--section-space);padding-bottom:0;margin-block:0;margin-inline:auto}
.section[data-section="09"]{padding-bottom:var(--section-space)}
[data-section]{scroll-margin-top:24px}
.hd{max-width:calc(var(--content-max) + 2 * var(--pad));margin-inline:auto}
.hd .line-btn{min-height:52px;flex:none}
.sticky-line{position:fixed;z-index:50;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;opacity:0;pointer-events:none;transition:opacity var(--duration-sticky) var(--ease-ui)}
.sticky-line.on{opacity:1}
.sticky-line:not([hidden]){pointer-events:auto}
.sticky-line[hidden],.sticky-line[inert]{pointer-events:none}
.sticky-line .line-btn{width:100%;min-height:52px}
.contact-footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
@media(min-width:1024px){.sticky-line{display:none!important}}
@media(max-width:1023px){
 .section[data-section],.hd,.contact-footer{padding-inline:20px}
 .section[data-section]{padding-top:64px}
 .section[data-section="09"]{padding-bottom:64px}
 .section[data-section] h2{font-size:clamp(28px,7.5vw,35px)}
 [data-section="02"] .summary-head h3{font-size:15px}
 .hd .line-btn{min-height:52px}
}
html.no-motion,html.no-motion *,html.no-motion *::before,html.no-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html,*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:where([data-section="02"]) .body-copy { padding-bottom:0; font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; }

:where([data-section="03"]) .body-copy { max-width:35em; padding-bottom:6px; line-height:2; color:var(--mut); }

:where([data-section="04"]) .body-copy { max-width:35em; font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; }

:where([data-section="05"]) .body-copy { max-width:35em; font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; }

:where([data-section="06"]) .body-copy { font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; }

:where([data-section="07"]) .body-copy { font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; max-width:35em; }

:where([data-section="08"]) .body-copy { font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; max-width:35em; }

:where([data-section="09"]) .body-copy { font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; max-width:35em; }

@media(max-width:1023px){
 .section[data-section] .body-copy{line-height:1.85}
 .section[data-section] #section-title{font-size:clamp(28px,7.5vw,35px)}
}

:where([data-section="02"]) .body-copy{ padding-bottom:0; font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; }
@media (max-width:1023px){:where([data-section="02"]) .body-copy{ line-height:1.85; }}
:where([data-section="03"]) .body-copy{ max-width:35em; padding-bottom:6px; line-height:2; color:var(--mut); }
@media(max-width:599px){:where([data-section="03"]) .body-copy{ font-size:16px; }}
:where([data-section="04"]) .body-copy{ max-width:35em; font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; }
@media (max-width:1023px){:where([data-section="04"]) .body-copy{ line-height:1.85; }}
:where([data-section="05"]) .body-copy{ max-width:35em; font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; }
@media (max-width:1023px){:where([data-section="05"]) .body-copy{ line-height:1.85; }}
:where([data-section="05"]) .media-heading .body-copy{ padding-bottom:4px; }
:where([data-section="06"]) .body-copy{ font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; }
@media (max-width:1023px){:where([data-section="06"]) .body-copy{ max-width:35em; line-height:1.85; }}
:where([data-section="07"]) .body-copy{ font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; max-width:35em; }
@media (max-width:1023px){:where([data-section="07"]) .body-copy{ line-height:1.85; }}
:where([data-section="08"]) .body-copy{ font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; max-width:35em; }
@media (max-width:1023px){:where([data-section="08"]) .body-copy{ line-height:1.85; }}
:where([data-section="08"]) .faq-heading .body-copy{ margin-top:var(--space-5); }
:where([data-section="09"]) .body-copy{ font-size:var(--text-body); line-height:2; color:var(--mut); letter-spacing:.035em; max-width:35em; }
@media (max-width:1023px){:where([data-section="09"]) .body-copy{ line-height:1.85; }}

/* v20e: each caption component wraps as a unit, at the existing type size. */
:where([data-section="01"]) .cap{flex-wrap:wrap;row-gap:6px}
:where([data-section="01"]) .cap>b,
:where([data-section="01"]) .cap>.js-name,
:where([data-section="01"]) .cap>.gen,
:where([data-section="01"]) .cap>.hint{flex-shrink:0;white-space:nowrap}
@media (min-width:1024px) and (max-width:1279px){
 :where([data-section="01"]) .cap>.gen{flex-basis:100%}
}

/* Japanese prose keeps phrase boundaries and a readable final line. */
:where(main,.contact-footer){word-break:auto-phrase;text-wrap:pretty;line-break:strict}
:where(main) :is(p,dd,dt,li,summary,label,small,h2,h3,h4){text-wrap:pretty}
.eyebrow{white-space:nowrap;flex-wrap:nowrap}
.copy-end{display:inline-block;white-space:nowrap;word-break:normal;overflow-wrap:normal}

/* v21: shared rhythm, feedback, and screenshot work. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html{overflow-anchor:none}
.section[data-section]{padding-block:var(--section-space) var(--space-7)}
.section[data-section]:nth-of-type(even){background:rgba(251,249,244,.42)}
.section[data-section]:nth-of-type(odd){background:transparent}
.section[data-section] .body-copy{max-width:35em;line-height:1.9}
.section[data-section] h2{max-width:22em;line-height:1.45}
.section[data-section] .line-btn,.hd .line-btn,.sticky-line .line-btn{min-height:52px;padding:12px 22px;border:1px solid var(--line);background:var(--line);color:#fff;box-shadow:var(--shadow-line);gap:10px;transform:none}
.section[data-section] .line-btn:hover,.hd .line-btn:hover,.sticky-line .line-btn:hover{background:var(--line-hover);border-color:var(--line-hover);color:#fff;transform:none}
a:is(.more,[data-to-price],[data-price-link]){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--accent);border-radius:var(--radius-pill);background:transparent;color:var(--accent);font-size:14px;font-weight:700;line-height:1.6;text-decoration:none;gap:8px}
a:is(.more,[data-to-price],[data-price-link]):hover{background:var(--wash)}
.section[data-section] .btn-secondary{min-height:52px;padding:12px 22px;border:1px solid var(--accent);border-radius:var(--radius-pill);background:transparent;color:var(--accent);font-size:15px;font-weight:700;line-height:1.6}
[data-section="03"] [data-detail-link]{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
[data-section="03"] [data-detail-link]:hover{background:var(--wash)}
a.text-link:not([data-price-link]),a.btn-text:not([data-to-price]),.footer-nav a{min-height:44px;text-underline-offset:4px}
/* The summary takes no space above the options. One inner gap and the final
   rail hold its two lines without shifting any option on selection. */
[data-section="02"] .selection-notes{margin-bottom:0}
[data-section="02"] .pick-region{display:flow-root;padding-bottom:76px}
[data-section="02"] .pick-feedback{position:sticky;top:12px;z-index:12;height:0;margin:8px 0 0;isolation:isolate;pointer-events:none}
.js [data-section="02"] .pick-feedback{opacity:0;visibility:hidden;transition:opacity var(--duration-state) var(--ease-ui),visibility var(--duration-state) var(--ease-ui)}
.js [data-section="02"] .pick-feedback.is-visible{opacity:1;visibility:visible}
#consult-message,#contact-consult-message{field-sizing:content}
[data-section="02"] [data-pick-summary]{display:flex;align-items:center;min-height:40px;margin:0;padding:6px 12px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-paper);color:var(--ink);font-size:15px;font-weight:500;line-height:20px;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;box-shadow:none}
[data-section="02"] .pick-grid>[data-pick]:first-child{margin-bottom:62px}
@media(min-width:431px) and (max-width:1023px){
 [data-section="02"] .pick-grid>[data-pick]:nth-child(-n+2){margin-bottom:64px}
}
[data-section="02"] .purpose-help{min-height:44px}
[data-section="02"] .goal-btn,[data-section="02"] .pick-btn{scroll-margin-block:72px}
[data-section="02"] .picker-tools [data-reset]{scroll-margin-block:72px}
[data-section="02"] .screen{position:relative}
[data-section="02"] .screen img{position:absolute;inset:0}
[data-section="02"] .selection-roles li:not(:has(.is-selected)){display:none}
[data-section="09"] .contact-actions{margin-top:24px}
[data-section="06"] .works{margin-top:32px;padding-block:32px}
[data-section="06"] .about-intro{margin-top:var(--space-8)}
[data-section="06"] .about-heading .identity{margin-top:0}
[data-section="06"] .works-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
[data-section="06"] .works-filter button{min-height:44px;padding:10px 20px;border:1px solid var(--accent);border-radius:var(--radius-pill);background:transparent;color:var(--accent);font-size:14px;font-weight:700;line-height:1.6;transition:background var(--duration-fast) var(--ease-ui),color var(--duration-fast) var(--ease-ui)}
[data-section="06"] .works-filter button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
[data-section="06"] .work-image{overflow:hidden;aspect-ratio:16/10}
[data-section="06"] .work-image picture{display:block;width:100%;height:100%}
[data-section="06"] .work[data-kind="web"] .work-image img{width:100%;height:100%;object-fit:cover;object-position:top}
[data-section="06"] .work[data-kind="web"] h4 a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
[data-section="06"] .work[data-kind="web"] h4 a:hover{color:var(--accent)}
[data-section="06"] .work-credit{max-width:35em}
[data-section="06"] .works-wip{margin-top:48px;padding-top:32px;border-top:1px dashed var(--accent)}
[data-section="06"] .works-wip>h3{margin-bottom:24px;color:var(--accent)}
[data-section="08"] .faq-list summary{min-height:64px;gap:24px}
[data-section="08"] .faq-icon{flex-shrink:0}
[data-section="09"] .carry textarea{font-size:16px}
[data-section="09"] h2{margin-inline:auto}
[data-section="09"] .copy-status{min-height:48px;line-height:1.8;color:var(--ink)}
[data-section="09"] .carry .btn-secondary{font-size:15px;order:1}
@media(max-width:1023px){
 .section[data-section]{padding-block:64px var(--space-6)}
 .section[data-section] .body-copy{line-height:1.85}
 [data-section="01"] .comp{width:min(100%,calc(48svh * 335 / 232));margin-inline:auto}
 [data-section="01"] .offer{order:3;margin-top:12px}
 [data-section="01"] .act{order:4}
 [data-section="01"] .stage{order:5;margin-top:24px}
 [data-section="01"] .kicker{order:6}
 [data-section="02"] [data-pick-summary]{font-size:14px}
}
@media(max-width:1279px){
 [data-section="02"] .growth-board{grid-template-rows:auto;grid-auto-rows:auto;align-content:start}
 [data-section="02"] .satellite:not(.is-selected){display:none}
 [data-section="02"] .board-empty{position:static;grid-area:5 / 1 / 6 / -1;margin:0}
}
@media(max-width:799px){
 .section[data-section="02"]{padding-bottom:24px}
 .section[data-section="03"]{padding-top:48px}
}
@media(max-width:599px){
 [data-section="06"] .works-list{grid-template-columns:minmax(0,1fr);gap:40px}
 [data-section="06"] .work[data-kind="web"] .work-image{aspect-ratio:4/5}
 [data-section="06"] .work[data-work-key="sio-studio"] .work-image{aspect-ratio:4/6}
 [data-section="06"] .works-filter{gap:8px}
 [data-section="06"] .works-filter button{flex:1;padding-inline:12px}
 [data-section="08"] .faq-list summary{gap:20px}
}
@media(prefers-reduced-motion:reduce){html,*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The selected first-view arrangement is the sole default. */
@media(max-width:1023px){
 .hd{height:56px}
 .hd .line-btn{min-height:44px;height:44px;padding:0 14px;font-size:13px;box-shadow:none}
}
@media(max-width:599px){
 [data-section="01"] .act{gap:8px}
 [data-section="01"] .stage{margin-top:16px}
}

/* v22: align existing content and return to a continuous, quiet paper surface. */
[data-section="04"] .plan-table tbody :is(th,td){vertical-align:top}
[data-section="04"] .plan-content ul{margin-block:0}
[data-section="04"] .plan-content .base-included{min-height:44px}
[data-section="05"] .photo-product{margin-top:0}
[data-section="05"] .photo-support{padding-top:var(--space-6)}
[data-section="05"] .photo-spread figcaption{align-items:start}
[data-section="06"] .works-list{align-items:start}
[data-section="06"] .about-intro{margin-top:var(--space-7)}
[data-section="06"] .about-intro::before{content:none}
[data-section="09"] .carry .copy-status{order:2;min-height:0;margin-top:0}
[data-section="09"] .carry .copy-status:empty{height:0;overflow:hidden}
[data-section="09"] .carry .copy-status:not(:empty){margin-top:var(--space-3)}
.contact-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}

/* Release mode keeps the existing captions and all work metadata. */
.release-mode [data-section="06"] .work-image[hidden]+.work-copy{margin-top:0}
.release-mode [data-section="06"] .work:has(.work-image[hidden]){padding-top:var(--space-5);border-top:1px solid var(--rule)}
.release-mode [data-section="05"] .consent-text{padding-block:var(--space-3);border-block:1px solid var(--rule)}
.release-mode [data-section="05"] .consent-text figcaption{padding-top:0}
@media(max-width:1023px){
 [data-section="05"] .photo-support{padding-top:0}
 [data-section="06"] .domains{margin-top:0;padding-top:var(--space-5)}
}

/* Repeated role labels form two quiet, distinguishable columns. */
[data-section="07"] .step-roles dt{min-height:28px;padding:4px 8px;border-left:2px solid transparent}
[data-section="07"] .step-roles>div:first-child dt{background:var(--wash);color:var(--mut)}
[data-section="07"] .step-roles>div:last-child dt{border-left-color:var(--accent);color:var(--accent)}