:root{--bg:#f5f8fa;--surface:#fff;--surface2:#edf3f7;--ink:#142331;--muted:#637383;--line:#d8e2e8;--blue:#19527d;--blue-soft:#e5f0f7;--green:#16856d;--green-soft:#e5f4ef;--amber:#b56a28;--amber-soft:#fff1e4;--gray:#7d8790;--gray-soft:#eef0f2;--r:14px}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",system-ui,sans-serif;line-height:1.65}button,a{font:inherit}button{cursor:pointer}.section-wrap{width:min(1200px,calc(100% - 64px));margin:auto}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - 1200px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #a9c8df;border-radius:9px;background:#edf6fb;color:var(--blue);font-weight:700}.brand b,.brand small{display:block}.brand b{font-size:14px;letter-spacing:.06em}.brand small{font-size:10px;color:var(--muted);letter-spacing:.1em}.topbar-meta{display:flex;gap:18px;font-size:12px;color:var(--muted)}.demo-pill{padding:5px 9px;border:1px solid var(--line);border-radius:6px;font-size:10px;letter-spacing:.1em}.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:80px;align-items:center;padding-top:86px;padding-bottom:78px}.eyebrow{margin:0 0 13px;color:var(--blue);font-size:11px;letter-spacing:.15em;font-weight:700}.hero h1{font-size:clamp(32px,4vw,52px);line-height:1.3;letter-spacing:-.045em;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--green)}.hero-lead{font-size:16px;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:8px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;font-size:13px;font-weight:700;transition:.2s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#113f60}.btn-secondary{background:#fff;color:var(--blue);border-color:#b8cfdf}.btn-secondary:hover{background:var(--blue-soft)}.hero-note{font-size:11px;color:var(--muted);margin:22px 0 0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);margin-right:6px}.compare-visual{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 50px #2c4c6217;overflow:hidden}.visual-head,.visual-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.visual-head strong{color:var(--amber)}.visual-body{display:grid;grid-template-columns:1fr 36px 1fr;gap:10px;align-items:center;padding:20px}.doc-card{border:1px solid var(--line);border-radius:10px;background:#fbfdfe;padding:13px;min-height:235px}.doc-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:9px}.doc-top b{font-size:10px;color:var(--ink);letter-spacing:0}.sketch{height:108px;background:#f1f5f7;position:relative;margin:14px 0;border-radius:5px;display:grid;place-items:center}.sketch-shape{width:100px;height:50px;border:2px solid #7892a3;border-radius:5px;transform:skew(-16deg)}.sketch-shape:after{content:"";display:block;width:25px;height:25px;border:2px solid #7892a3;border-radius:50%;margin:10px auto}.sketch i{font-size:8px;font-style:normal;color:var(--blue);position:absolute}.sketch i:first-of-type{right:18px;top:21px}.sketch i:last-of-type{left:18px;bottom:18px}.doc-card dl{margin:0;font-size:11px}.doc-card dl div{display:flex;justify-content:space-between;padding:5px 0}.doc-card dt{color:var(--muted)}.doc-card dd{margin:0;font-weight:700}.cert-lines{display:grid;gap:7px;padding:17px 6px 14px}.cert-lines span{height:5px;background:#dce6eb;border-radius:5px}.cert-lines .short{width:60%}.match-arrow{text-align:center;color:var(--blue)}.match-arrow span{display:block;font-size:9px;writing-mode:vertical-rl;margin:auto auto 7px}.match-arrow b{font-size:22px;font-weight:400}.warn{color:var(--amber)!important}.warn small{font-size:9px;background:var(--amber-soft);padding:2px 4px;border-radius:3px;margin-left:3px}.ok{color:var(--green)!important}.missing{color:var(--gray)!important}.visual-foot{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-start;gap:13px;flex-wrap:wrap}.legend{font-size:10px}.warn-key{color:var(--amber)}.ok-key{color:var(--green)}.missing-key{color:var(--gray)}.record-chip{margin-left:auto;background:var(--green-soft);color:var(--green);padding:4px 8px;border-radius:5px;font-size:10px;font-weight:700}.preview{padding:28px 0 90px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section-intro h2,.story-link h2{font-size:27px;line-height:1.4;letter-spacing:-.03em;margin:0}.section-intro>p{color:var(--muted);font-size:13px;margin:0 0 3px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s}.feature-card:hover,.feature-card.active{border-color:#9dbcd1;box-shadow:0 10px 28px #2c4c6214;transform:translateY(-2px)}.feature-thumb{height:145px;background:var(--surface2);position:relative;padding:16px}.feature-copy{padding:17px}.feature-num{color:var(--blue);font-size:10px;letter-spacing:.12em;font-weight:700;margin:0 0 5px}.feature-copy h3{font-size:18px;margin:0 0 6px}.feature-copy>p:not(.feature-num){font-size:12px;color:var(--muted);min-height:60px;margin:0}.feature-copy button{border:0;background:transparent;color:var(--blue);padding:13px 0 0;font-size:12px;font-weight:700}.thumb-match{background:#eef4f7}.mini-label{position:absolute;top:19px;left:17px;background:#fff;border:1px solid #bfd0da;padding:4px 7px;font-size:8px;color:var(--muted);letter-spacing:.1em}.mini-label.cert{left:auto;right:17px}.thumb-match:after{content:"↔";position:absolute;left:calc(50% - 7px);top:55px;color:var(--blue);font-size:20px}.thumb-match b{position:absolute;bottom:19px;left:17px;color:var(--amber);font-size:11px}.thumb-hold{background:#fff}.mini-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 3px;font-size:10px}.mini-row span{color:var(--amber);background:var(--amber-soft);padding:2px 5px;border-radius:3px}.thumb-hold strong{position:absolute;bottom:17px;left:19px;color:var(--blue);font-size:11px}.thumb-approval{background:#edf7f3}.approval-check{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d6eee6;color:var(--green);font-weight:700}.thumb-approval b{position:absolute;top:23px;left:58px;font-size:12px;color:var(--green)}.thumb-approval small{position:absolute;top:48px;left:58px;font-size:9px;color:var(--muted)}.approval-line{display:block;height:1px;background:#bfded4;margin-top:19px}.thumb-standard{background:#f2f5f7}.version{font-size:9px;color:var(--blue);margin-bottom:12px}.thumb-standard b{display:block;font-size:12px}.thumb-standard span{display:block;color:var(--muted);font-size:9px;margin-top:8px}.thumb-standard i{position:absolute;right:15px;bottom:15px;color:var(--green);font-size:9px;font-style:normal}.screen-detail{display:none;padding:75px 0 90px;border-top:1px solid var(--line)}.screen-detail.on{display:block}.detail-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.detail-head h2{margin:0;font-size:28px}.detail-close{border:1px solid var(--line);background:#fff;border-radius:6px;color:var(--muted);padding:8px 12px;font-size:11px}.detail-shell{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}.detail-table{width:100%;border-collapse:collapse;font-size:13px}.detail-table th,.detail-table td{text-align:left;border-bottom:1px solid var(--line);padding:14px}.detail-table th{font-size:11px;color:var(--muted);font-weight:500}.detail-table td:last-child{text-align:right}.detail-badge{font-size:10px;padding:4px 7px;border-radius:4px;font-weight:700}.detail-badge.warn{background:var(--amber-soft)}.detail-badge.ok{background:var(--green-soft)}.detail-badge.missing{background:var(--gray-soft)}.detail-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-card{border:1px solid var(--line);border-radius:10px;padding:20px}.detail-card h3{margin:0 0 15px;font-size:15px}.detail-card p{color:var(--muted);font-size:12px;margin:5px 0}.story-link{border-top:1px solid var(--line);padding-top:58px;padding-bottom:70px;display:flex;justify-content:space-between;align-items:center;gap:30px}.story-link p{color:var(--muted);font-size:13px;margin:8px 0 0}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;padding-bottom:28px;color:var(--muted);font-size:10px;letter-spacing:.08em}
@media(max-width:900px){.section-wrap{width:min(100% - 32px,620px)}.topbar{padding:0 16px}.topbar-meta>span:first-child{display:none}.hero{grid-template-columns:1fr;gap:34px;padding-top:52px;padding-bottom:48px}.hero h1{font-size:36px}.feature-grid{grid-template-columns:repeat(2,1fr)}.section-intro{align-items:start;flex-direction:column;gap:9px}.screen-detail{padding-top:50px}.story-link{align-items:start;flex-direction:column}}
@media(max-width:520px){.section-wrap{width:calc(100% - 24px)}.topbar{height:62px}.brand small{font-size:8px}.hero{padding-top:38px}.hero h1{font-size:31px}.hero-lead{font-size:14px}.hero-actions .btn{flex:1;padding-inline:10px}.visual-body{grid-template-columns:1fr;gap:5px;padding:14px}.doc-card{min-height:180px}.match-arrow{display:flex;align-items:center;justify-content:center;gap:8px;height:18px}.match-arrow span{writing-mode:horizontal-tb;margin:0}.match-arrow b{font-size:18px}.feature-grid{gap:10px}.feature-thumb{height:112px;padding:11px}.feature-copy{padding:13px}.feature-copy h3{font-size:16px}.feature-copy>p:not(.feature-num){font-size:11px;min-height:79px}.section-intro h2,.detail-head h2,.story-link h2{font-size:23px}.detail-head{align-items:start;flex-direction:column;gap:15px}.detail-shell{padding:14px;overflow:auto}.detail-table{min-width:550px}.detail-cards{grid-template-columns:1fr}.footer{display:block}.footer span{display:block;margin-bottom:5px}}
.product-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.match-workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 0}.evidence-panel{border:1px solid var(--line);border-radius:10px;background:#fbfdfe;padding:18px}.panel-title{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line);padding-bottom:12px}.panel-title b{color:var(--ink);font-size:14px}.evidence-drawing{height:165px;background:#f0f5f7;margin:16px 0;position:relative;display:grid;place-items:center}.drawing-part{width:190px;height:90px;border:3px solid #7892a3;border-radius:8px;transform:skew(-16deg)}.drawing-part:after{content:"";display:block;width:44px;height:44px;border:3px solid #7892a3;border-radius:50%;margin:20px auto}.measure{position:absolute;font-size:10px;color:var(--blue)}.m1{left:22px;bottom:24px}.m2{right:32px;top:35px}.certificate-preview{height:165px;margin:16px 0;background:#f8fafb;padding:30px 22px;display:grid;align-content:start;gap:12px}.certificate-preview span{height:7px;background:#d6e2e8;border-radius:8px}.certificate-preview .short{width:55%}.evidence-list{font-size:12px}.evidence-list p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;margin:0}.evidence-list p span{color:var(--muted)}.evidence-list p b{font-weight:700}.evidence-list small{background:var(--amber-soft);font-size:9px;padding:2px 4px}.decision-strip{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.decision-strip>b{margin-right:auto}.decision-strip .btn{padding:8px 12px;font-size:11px}.hold-layout{display:grid;grid-template-columns:190px 1fr;gap:20px;padding:22px 0}.hold-nav{border:1px solid var(--line);border-radius:9px;padding:10px;display:grid;align-content:start;gap:5px;font-size:12px}.hold-nav>b{padding:8px;color:var(--muted);font-size:11px}.hold-nav span{padding:10px;border-radius:6px;display:flex;justify-content:space-between}.hold-nav .selected{background:var(--blue-soft);color:var(--blue);font-weight:700}.hold-nav strong{font-weight:700}.hold-table{border:1px solid var(--line);border-radius:9px;overflow:hidden}.hold-row{display:grid;grid-template-columns:1.3fr 1.5fr .8fr .5fr;gap:10px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line);font-size:12px}.hold-row:last-child{border-bottom:0}.hold-row small{display:block;color:var(--muted);font-size:10px}.hold-head{background:#f8fafb;color:var(--muted);font-size:10px}.queue-note{display:flex;align-items:center;justify-content:space-between;padding-top:16px;color:var(--muted);font-size:11px}.queue-note .btn{padding:8px 12px;font-size:11px}.approval-layout{display:grid;grid-template-columns:.8fr 1.2fr .8fr;gap:18px;padding-top:22px}.approval-summary,.approval-timeline,.approval-evidence{border:1px solid var(--line);border-radius:10px;padding:20px}.summary-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:700}.approval-summary h3{font-size:15px;margin:12px 0 0}.approval-summary p{color:var(--muted);font-size:11px;margin:3px 0 18px}.approval-stamp{background:var(--green-soft);color:var(--green);font-size:11px;padding:7px 9px;border-radius:5px;margin-bottom:18px;display:inline-block}.approval-summary .btn{padding:9px 12px;font-size:11px}.approval-timeline h3,.approval-evidence h3{margin:0 0 14px;font-size:14px}.timeline-item{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border:0}.timeline-item i{font-style:normal;background:var(--green-soft);color:var(--green);border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:11px}.timeline-item b,.timeline-item small{display:block}.timeline-item b{font-size:12px}.timeline-item small{color:var(--muted);font-size:10px}.approval-evidence span{display:block;color:var(--blue);font-size:11px;padding:10px 0;border-bottom:1px solid var(--line)}.standard-layout{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;gap:14px;padding:28px 0}.version-card{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fbfdfe}.version-card.updated{border-color:#9bc8ba;background:#f2faf7}.version-card h3{font-size:15px;margin:0 0 15px}.version-card p:not(.eyebrow){font-size:12px;border-bottom:1px solid var(--line);padding:8px 0;margin:0}.muted-line{color:var(--muted)}.added-line{color:var(--green);font-weight:700}.added-line small{font-size:9px;background:var(--green-soft);padding:2px 5px;margin-left:5px}.version-arrow{text-align:center;color:var(--blue);font-size:24px}.standard-footer{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:18px;font-size:11px}.standard-footer div{display:grid;gap:3px}.standard-footer div:first-child{flex:1}.standard-footer span{color:var(--muted)}.standard-footer .btn{padding:8px 12px;font-size:11px}
@media(max-width:700px){.match-workspace,.approval-layout{grid-template-columns:1fr}.hold-layout{grid-template-columns:1fr}.hold-nav{grid-template-columns:repeat(3,1fr);align-items:center}.hold-nav>b{grid-column:1/-1}.hold-row{grid-template-columns:1fr 1fr;gap:8px}.hold-head{display:none}.queue-note{align-items:start;flex-direction:column;gap:10px}.standard-layout{grid-template-columns:1fr}.version-arrow{transform:rotate(90deg)}.standard-footer{align-items:start;flex-direction:column;gap:12px}.standard-footer .btn{width:100%}.decision-strip{flex-wrap:wrap}.decision-strip>b{width:100%}.decision-strip .btn{margin-left:auto}}
.flow-console{display:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:72px;box-shadow:0 12px 35px #2c4c620d}.flow-console.on{display:block}.flow-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;gap:15px}.flow-top b{font-size:14px}.flow-status{font-size:11px;color:var(--muted)}.flow-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 0}.flow-nav{background:#f6f8f9;border:1px solid var(--line);border-radius:7px;padding:10px;text-align:left;color:var(--muted);font-size:11px;cursor:pointer}.flow-nav strong{display:block;color:var(--ink);font-size:12px;margin-top:3px}.flow-nav.active{background:var(--blue-soft);border-color:#a5c8dd;color:var(--blue)}.flow-nav.done{background:var(--green-soft);border-color:#b8dfd2}.flow-nav.done strong{color:var(--green)}.flow-stage{background:#f8fafb;border:1px solid var(--line);border-radius:10px;padding:22px;min-height:188px;position:relative}.stage-copy{max-width:520px}.stage-copy p{margin:6px 0;color:var(--muted);font-size:12px}.stage-copy h3{font-size:21px;margin:0}.stage-eyebrow{font-size:10px;letter-spacing:.14em;color:var(--blue);font-weight:700}.stage-visual{position:absolute;right:22px;top:22px;width:42%;height:142px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:14px;opacity:.45;transition:opacity .4s,transform .4s}.flow-stage.revealed .stage-visual{opacity:1;transform:translateY(-2px)}.stage-visual .line{display:block;height:7px;background:#dfe8ed;border-radius:5px;margin:10px 0}.stage-visual .line.short{width:58%}.stage-visual .state-pill{display:inline-block;margin-top:10px;padding:4px 7px;border-radius:4px;font-size:10px;background:var(--amber-soft);color:var(--amber)}.flow-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px}.flow-actions small{color:var(--muted);font-size:11px}.flow-actions .btn{padding:9px 14px;font-size:11px}.flow-actions .btn[hidden]{display:none}.flow-progress{height:3px;background:#e6edf1;border-radius:5px;overflow:hidden;margin-top:18px}.flow-progress i{display:block;width:0;height:100%;background:var(--green);transition:width .5s ease}.flow-skip{border:0;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.flow-skip:hover{color:var(--blue)}
.feature-thumb.has-image{padding:0;background:#eef4f7;display:grid;place-items:center}.feature-thumb.has-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0}.feature-thumb.has-image:after{display:none}
.screen-gallery{padding:35px 0 78px;border-top:1px solid var(--line)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.gallery-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.gallery-grid figure img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;background:#f2f6f8}.gallery-grid figcaption{display:flex;justify-content:space-between;align-items:center;padding:12px 15px}.gallery-grid figcaption b{color:var(--blue);font-size:10px;letter-spacing:.12em}.gallery-grid figcaption span{font-size:13px;font-weight:700}
@media(max-width:700px){.gallery-grid{grid-template-columns:1fr}.gallery-grid figure img{aspect-ratio:1672/941}}
@media(max-width:700px){.flow-console{padding:14px;margin-bottom:48px}.flow-top{align-items:start;flex-direction:column}.flow-rail{grid-template-columns:repeat(2,1fr)}.flow-stage{min-height:300px;padding:17px}.stage-visual{position:relative;right:auto;top:auto;width:100%;height:105px;margin-top:20px}.flow-actions{align-items:start;flex-direction:column}.flow-actions .btn{width:100%}}
/* Phase 1: compact landing and separate CTA destinations. */
.landing .hero{gap:56px;padding-top:38px;padding-bottom:32px}
.landing .hero h1{font-size:clamp(32px,3.2vw,46px)}
.landing .hero-lead{margin-bottom:22px}
.landing .hero-note{margin-top:16px}
.landing .preview{padding:10px 0 28px}
.landing .section-intro{margin-bottom:16px}
.landing .section-intro .eyebrow{margin-bottom:5px}
.landing .section-intro h2{font-size:22px}
.landing .feature-thumb{height:104px;overflow:hidden}.landing .feature-thumb.has-image img{height:104px;min-height:0;object-fit:cover}
.landing .feature-copy{padding:12px 15px}
.landing .feature-copy h3{font-size:16px;margin-bottom:4px}
.landing .feature-copy>p:not(.feature-num){min-height:40px}
.feature-copy a{display:inline-flex;gap:12px;padding-top:8px;color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}
.landing .footer{padding-top:13px;padding-bottom:16px}
.footer a,.return-link{color:var(--blue);font-size:12px;text-decoration:none}
a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.destination-main{padding-top:28px;padding-bottom:28px}
.destination-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.destination-heading h1{font-size:26px;margin:0}
.destination-heading .eyebrow{margin-bottom:4px}
.destination .detail-head{margin-bottom:16px}
.destination .detail-head h2{font-size:22px}
.supporting-link{display:inline-block;margin-top:20px}
.destination button:disabled{opacity:.55;cursor:default}
@media(max-width:900px){.landing .hero{gap:28px;padding-top:30px;padding-bottom:28px}}
@media(max-width:520px){.landing .hero h1{font-size:31px}.landing .feature-copy{padding:12px}.landing .feature-copy>p:not(.feature-num){min-height:60px}.destination-heading{align-items:flex-start;gap:16px}.destination-heading h1{font-size:23px}}