:root{--paper:#fffdfc;--ink:#172233;--muted:#556170;--line:#d9e0e6;--navy:#132a44;--blue:#245b8a;--bright-blue:#287fca;--soft-blue:#eaf5fb;--soft:#f4f6f7;--coral:#e85062;--rose:#c83c68;--orange:#e87738;--aqua:#238f9a;--cream:#fff5ed;--lilac:#f4eef8;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Inter,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.24;letter-spacing:-.025em;max-width:100%}h1{font-size:clamp(2.3rem,4.1vw,3.75rem);font-weight:680}h2{font-size:clamp(1.75rem,3vw,2.75rem);font-weight:650}h3{font-size:1.12rem}:lang(ja) h1,:lang(ja) h2,:lang(ja) h3,.jp-heading{word-break:keep-all;overflow-wrap:normal;line-break:strict}.phrase{display:inline-block}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip{position:fixed;left:1rem;top:-100px;z-index:100;background:#fff;padding:.7rem 1rem;border:2px solid var(--blue)}.skip:focus{top:1rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,252,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{width:min(var(--max),calc(100% - 48px));min-height:76px;margin:auto;display:flex;align-items:center;gap:28px}.brand{width:190px;min-width:160px;text-decoration:none;font-weight:750;line-height:1.05}.brand small{display:block;margin-top:.35rem;color:var(--muted);font-size:.55rem;letter-spacing:.1em}.nav-links{margin-left:auto;display:flex;align-items:center;gap:25px}.nav-links a{text-decoration:none;font-size:.88rem;font-weight:650}.bilingual-nav a{display:flex;flex-direction:column;line-height:1.25}.bilingual-nav a span+span{font-size:.72em;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.3rem;border:1px solid var(--navy);border-radius:6px;background:var(--navy);color:#fff!important;text-decoration:none;font-weight:750;cursor:pointer}.button:hover{background:var(--blue)}.button.secondary{background:transparent;color:var(--navy)!important}.button.creator{background:var(--coral);border-color:var(--coral)}.button:disabled{opacity:.6;cursor:wait}.kicker,.eyebrow{display:block;color:var(--blue);font-size:.8rem;font-weight:750;margin-bottom:1rem}.creator-page .kicker,.creator-form .eyebrow{color:var(--rose)}.lead{font-size:clamp(1.02rem,1.4vw,1.18rem);color:var(--muted);max-width:720px}.section{padding:clamp(58px,7vw,88px) 0}.section.soft{background:var(--soft)}.section.blue-soft{background:var(--soft-blue)}.section.cream{background:var(--cream)}
/* Every content section owns its grid and remains in normal document flow. */
.section-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,6vw,84px);margin-bottom:38px}.section-head p{color:var(--muted);max-width:650px}.hero-grid{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;width:min(var(--max),calc(100% - 48px));margin-inline:auto;padding:clamp(48px,5vw,70px) 0;gap:clamp(32px,5vw,68px)}.hero-copy{min-width:0}.hero-copy p{max-width:590px;color:var(--muted)}.hero-copy h1{font-size:clamp(2.45rem,3.8vw,3.6rem)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.facts{display:flex;gap:8px 22px;flex-wrap:wrap;padding:0;list-style:none;color:var(--muted);font-size:.84rem}.facts li{border-left:2px solid var(--bright-blue);padding-left:9px}.creator-page .facts li{border-color:var(--coral)}.creator-hero{background:var(--cream)}.creator-hero .hero-grid{min-height:560px}.creator-hero h1{font-size:clamp(2.7rem,4vw,3.5rem);max-width:10.5em}.media-slot,.visual-slot,.network-visual,.portal-visual,.image-placeholder,[data-image]:not(:has(picture)){position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:#eaf3f5;color:#42606a}.creator-page .media-slot,.creator-page .visual-slot,.creator-page .network-visual,.portal-creator .portal-visual{background:#f6edf3;color:#765064}.media-hero{aspect-ratio:3/2}.media-landscape{aspect-ratio:3/2}.media-portrait{aspect-ratio:4/5}.media-slot picture,.visual-slot picture,.network-visual picture,.portal-visual picture{position:absolute;inset:0;width:100%;height:100%}.media-slot picture img,.visual-slot picture img,.network-visual picture img,.portal-visual picture img{object-position:var(--image-position,center)}.slot-label{max-width:calc(100% - 24px);padding:.4rem .65rem;border:1px solid currentColor;background:rgba(255,255,255,.78);font-size:.7rem;letter-spacing:.07em;text-align:center;text-transform:uppercase}.network-visual{aspect-ratio:16/9}.visual-slot{aspect-ratio:4/3}
/* Home: equal bilingual statements, followed by equal image-first gateways. */
.portal-intro{padding:clamp(48px,6vw,76px) 0 clamp(34px,4vw,48px)}.portal-statements{display:flex;flex-direction:column;gap:clamp(16px,2vw,26px);max-width:1080px}.portal-statements h1,.portal-statements .hero-en{margin:0;font-size:clamp(2.15rem,4vw,4rem);font-weight:660;line-height:1.2;letter-spacing:-.035em}.region-pair{display:flex;flex-direction:column;gap:3px;margin-top:25px}.region-pair p{margin:0;font-weight:600}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding-bottom:clamp(64px,8vw,92px)}.portal-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none}.portal-visual{aspect-ratio:16/9}.portal-card .content{display:flex;flex:1;flex-direction:column;padding:28px;min-height:315px}.portal-card h2{font-size:clamp(1.45rem,2.2vw,2.05rem);margin-bottom:20px}.portal-card h2 span,.portal-card p span,.portal-cta span{display:block}.portal-card p span+span{margin-top:6px;color:var(--muted)}.portal-cta{display:block;margin-top:auto;padding-top:14px;border-top:1px solid currentColor;color:var(--blue);font-weight:750}.portal-creator .portal-cta{color:var(--rose)}.portal-mark{display:none}
.problem-list{padding:0;list-style:none}.problem-list.visual-problems{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}.visual-problems li{padding:22px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:650}.visual-problems li:last-child{border-right:0}.problem-icon{display:block;width:48px;height:48px;margin-bottom:15px;color:var(--blue)}.problem-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature-split,.story-grid,.network-note,.benefits,.selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,6vw,78px);align-items:start}.feature-split{align-items:center}.feature-lines,.benefit-list{border-top:1px solid var(--line)}.feature-line{display:grid;grid-template-columns:minmax(110px,145px) minmax(0,1fr);gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.feature-line p,.benefit-list p{margin:0;color:var(--muted)}.support-intro{max-width:720px;margin-bottom:36px}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:3px solid var(--bright-blue)}.timeline article{padding:22px 20px 0 0}.timeline article+article{padding-left:20px;border-left:1px solid var(--line)}.step-label{color:var(--blue);font-size:.78rem;font-weight:750}.market-band{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:end}.market-names{font-size:clamp(1.6rem,4vw,3.3rem);color:var(--blue);line-height:1.2}.process,.selection-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;list-style:none;border-top:2px solid var(--bright-blue)}.process li,.selection-steps article{padding:20px 16px 0 0}.process li+li,.selection-steps article+article{padding-left:16px;border-left:1px solid var(--line)}.process span,.step-no{display:block;color:var(--rose);font-size:.8rem;font-weight:750}.pricing{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px;padding:32px;border:1px solid var(--line);background:#fff}.selection-steps{grid-template-columns:repeat(4,minmax(0,1fr));border-color:var(--coral)}.benefits{align-items:start}.benefits h2{max-width:12em}.benefit-list article{display:grid;grid-template-columns:38px minmax(0,1fr);padding:20px 0;border-bottom:1px solid var(--line)}.benefit-list .benefit-no{grid-row:1/3;color:var(--rose);font-weight:750}.benefit-list h3{margin-bottom:5px}.check-list{padding:0;list-style:none;border-top:1px solid var(--line)}.check-list li{padding:12px 0 12px 28px;border-bottom:1px solid var(--line);position:relative}.check-list li:before{content:"✓";position:absolute;left:3px;color:var(--rose);font-weight:800}.story-grid{align-items:center}.editorial-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;border-top:1px solid var(--line)}.editorial-points article{padding:22px 20px 0 0}.editorial-points article+article{padding-left:20px;border-left:1px solid var(--line)}.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.profile{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:22px;align-items:start}.profile h3{font-size:1.4rem;margin-bottom:4px}.profile-role{color:var(--blue);font-size:.87rem}.profile p:last-child{color:var(--muted)}.faq{max-width:880px}.faq details{border-top:1px solid var(--line);padding:17px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;min-height:44px}.cta-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,4vw,64px);align-items:center;padding:clamp(36px,4vw,52px);background:var(--soft-blue);border-left:5px solid var(--bright-blue)}.cta-panel>*{min-width:0}.creator-page .cta-panel{background:var(--cream);border-color:var(--coral)}.cta-panel h2{margin-bottom:10px}.cta-panel p{margin-bottom:0}.about-block{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(36px,7vw,90px)}.about-block+.about-block{margin-top:48px;padding-top:48px;border-top:1px solid var(--line)}
.compact-hero{padding:clamp(48px,6vw,68px) 0 42px;border-bottom:1px solid var(--line)}.compact-hero h1{font-size:clamp(2.1rem,3.6vw,3.25rem);max-width:18em;margin-bottom:14px}.compact-hero p{max-width:700px;color:var(--muted)}.form-section{padding:38px 0 76px;background:var(--soft)}.form{width:min(880px,100%);margin:auto;border-top:4px solid var(--blue);padding:clamp(22px,4vw,44px);background:#fff}.creator-form{border-color:var(--coral)}.form-group{border:0;padding:0;margin:0 0 38px}.form-group legend{width:100%;padding:0 0 12px;border-bottom:1px solid var(--line);font-size:1.4rem;font-weight:650}.group-no{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:9px;background:var(--soft-blue);color:var(--blue);font-size:.75rem}.creator-form .group-no{background:var(--lilac);color:var(--rose)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.field.full{grid-column:1/-1}.field label,.legend{display:block;margin-bottom:6px;font-size:.9rem;font-weight:700}.hint{color:var(--muted);font-size:.82rem}.required{color:#9a302d;font-size:.7rem;margin-left:4px}input,select,textarea{width:100%;min-height:48px;border:1px solid #aeb9c5;border-radius:4px;padding:9px 11px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:108px;resize:vertical}input:focus,select:focus,textarea:focus,.button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #79baf0;outline-offset:2px}.choice-grid{display:flex;flex-wrap:wrap;gap:9px}.choice-grid label{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);padding:8px 12px;border-radius:99px}.choice-grid input,.checks input{width:20px;min-height:20px;accent-color:var(--blue)}.checks label{display:flex;gap:10px;align-items:flex-start;min-height:44px;margin:10px 0}.hp{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip-path:inset(50%)!important;white-space:nowrap!important;overflow:hidden!important}.status{display:none;padding:13px;border-left:4px solid var(--blue);margin-bottom:16px}.status.error{display:block;border-color:#a52e26}.legal{max-width:820px}.legal h2{font-size:1.45rem;margin-top:2.2em}.legal dl{display:grid;grid-template-columns:180px minmax(0,1fr)}.legal dt,.legal dd{padding:12px 0;border-bottom:1px solid var(--line);margin:0}.footer{background:var(--navy);color:#f0f4f7;padding:44px 0 20px;font-size:.85rem}.footer .brand{display:block;width:auto;color:#fff}.footer .brand img{width:auto;height:auto;max-width:min(220px,100%);max-height:70px;object-fit:contain;object-position:left center}.footer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:38px}.footer a{color:#fff}.footer ul{list-style:none;padding:0}.footer-bottom{margin-top:24px;padding-top:16px;border-top:1px solid #40556c;color:#c3ced8}.not-found{min-height:460px;display:flex;align-items:center}.not-found h1 span{display:block}.not-found h1 span+span{margin-top:12px}.not-found-copy p{margin-bottom:4px}.text-link{display:inline-flex;margin-top:10px;color:var(--blue);font-weight:750;text-decoration:none}[hidden]{display:none!important}.menu-toggle{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px}.menu-toggle span{display:block;height:2px;margin:4px 0;background:currentColor}.menu-toggle b{position:absolute;width:1px;height:1px;clip-path:inset(50%)}
@media(max-width:900px){.cta-panel{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.media-slot picture img,.visual-slot picture img,.network-visual picture img,.portal-visual picture img{object-position:var(--mobile-image-position,var(--image-position,center))}.wrap,.nav,.hero-grid{width:calc(100% - 32px)}.nav{min-height:68px}.brand{width:150px;min-width:140px}.js .nav{position:relative}.js .menu-toggle{display:block}.js .nav-links{display:none;position:absolute;left:0;right:0;top:100%;width:auto;margin:0;padding:12px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px rgba(20,35,50,.12)}.js .nav-links.is-open{display:grid;grid-template-columns:1fr}.js .nav-links a{min-height:44px;justify-content:center;align-items:center;text-align:center}.hero-grid{grid-template-columns:1fr;min-height:0;padding:42px 0 48px;gap:28px}.hero-copy{order:0}.hero-grid .media-slot{order:1;aspect-ratio:4/3!important}.hero-copy h1{font-size:clamp(2rem,9vw,2.625rem)}.creator-hero .hero-grid{min-height:0}.creator-hero h1{font-size:clamp(2.25rem,10vw,2.875rem)}.section{padding:54px 0}.section-head,.feature-split,.story-grid,.market-band,.pricing,.network-note,.benefits,.selection,.about-block{grid-template-columns:1fr;gap:25px}.network-note .network-visual,.feature-split>.media-slot{order:-1}.problem-list.visual-problems{grid-template-columns:1fr 1fr}.visual-problems li:nth-child(2){border-right:0}.timeline,.process,.selection-steps{grid-template-columns:1fr;border-top:0;border-left:2px solid var(--bright-blue)}.timeline article,.timeline article+article,.process li,.process li+li,.selection-steps article,.selection-steps article+article{padding:0 0 22px 20px;border-left:0}.selection-steps{border-color:var(--coral)}.feature-line{grid-template-columns:1fr;gap:3px}.editorial-points,.team-grid,.footer-grid{grid-template-columns:1fr}.editorial-points article,.editorial-points article+article{padding:18px 0;border-left:0;border-bottom:1px solid var(--line)}.profile{grid-template-columns:minmax(100px,150px) minmax(0,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.legal dl{grid-template-columns:1fr}.legal dt{border:0;padding-bottom:0}.legal dd{padding-top:0}.not-found{min-height:0}.portal-grid{grid-template-columns:1fr}.portal-card .content{min-height:0}.portal-statements h1,.portal-statements .hero-en{font-size:clamp(1.9rem,8vw,2.65rem)}}
@media(max-width:420px){body{font-size:15.5px}.wrap,.hero-grid{width:calc(100% - 30px)}.hero-actions .button{width:100%}.facts{display:grid}.problem-list.visual-problems{grid-template-columns:1fr}.visual-problems li{border-right:0}.profile{grid-template-columns:1fr}.profile .media-slot{width:min(100%,220px)}.choice-grid{display:grid;grid-template-columns:1fr}.form{padding:22px 17px}.form-group legend{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}