:root{--demo-ink:#162235;--demo-muted:#526176;--demo-line:#dce5ec;--demo-blue:#1598e7;--demo-deep:#0878c4;--demo-pale:#eef8ff;--demo-green:#17804f}.demo-mobile-break{display:none}.demo-page{min-height:100vh;background:#f7fafc;color:var(--demo-ink);font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.8}.demo-page *{box-sizing:border-box}.demo-page button,.demo-page textarea{font:inherit}.demo-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.demo-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(220,229,236,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.demo-header-inner{height:72px;justify-content:space-between;gap:24px}.demo-brand,.demo-header-inner{display:flex;align-items:center}.demo-brand{gap:11px;color:var(--demo-ink);text-decoration:none}.demo-brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#2aacf5,#0a81d4);color:#fff;font-size:22px}.demo-brand b{font-size:15px;line-height:1.2}.demo-brand small{display:block;color:#8a97aa;font-size:8px;letter-spacing:.17em}.demo-back{color:var(--demo-deep);font-size:13px;font-weight:800;text-decoration:none}.demo-hero{padding:72px 0 64px;background:radial-gradient(circle at 80% 20%,rgba(118,196,244,.3),transparent 30%),linear-gradient(180deg,#eef8ff,#fff)}.demo-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);align-items:center;gap:70px}.demo-finish>div>span,.demo-kicker,.demo-section-head>span{color:var(--demo-deep);font-size:12px;font-weight:900;letter-spacing:.15em}.demo-hero h1{margin:12px 0 0;font-size:clamp(34px,2.8vw,42px);line-height:1.3;letter-spacing:-.04em}.demo-hero h1 em{color:var(--demo-blue);font-style:normal}.demo-hero p{max-width:700px;margin:20px 0 0;color:var(--demo-muted);font-size:16px}.demo-notice{display:flex;align-items:center;gap:12px;margin-top:24px;padding:13px 16px;border:1px solid #cce8f9;border-radius:12px;background:rgba(255,255,255,.85);font-size:12px}.demo-notice b{color:var(--demo-deep);white-space:nowrap}.demo-notice span{color:var(--demo-muted)}.demo-progress{margin:0;padding:27px;display:grid;gap:3px;border:1px solid #d8ebf7;border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 20px 50px rgba(25,103,153,.1);list-style:none}.demo-progress li{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:13px;color:#8995a5;font-size:14px;font-weight:800}.demo-progress li:not(:last-child):after{content:"";width:2px;height:19px;margin:-7px 0 -7px 18px;background:#dce5ec}.demo-progress b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#edf1f4}.demo-progress .active{color:var(--demo-ink)}.demo-progress .active b{background:var(--demo-blue);color:#fff}.demo-section{padding:84px 0;scroll-margin-top:82px}.demo-question-section,.demo-review-section{background:#fff}.demo-section-head{max-width:760px;margin-bottom:32px}.demo-section-head h2{margin:7px 0 0;font-size:clamp(29px,3.5vw,42px);line-height:1.45;letter-spacing:-.025em}.demo-section-head p{margin:12px 0 0;color:var(--demo-muted);font-size:15px}.demo-question-card{overflow:hidden;border:1px solid var(--demo-line);border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(41,72,93,.08)}.demo-question-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;background:linear-gradient(135deg,#138fd8,#23a9f2);color:#fff}.demo-question-card h3{margin:3px 0 0;font-size:23px}.demo-question-card small{font-weight:800;opacity:.86}.demo-question-card>header>span{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-size:12px;font-weight:800;white-space:nowrap}.demo-question-body{padding:30px}.demo-question-body>p{margin:0 0 20px;color:var(--demo-muted)}.demo-prompt{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--demo-line)}.demo-prompt>b{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e9f6fe;color:var(--demo-deep)}.demo-prompt p{margin:0;font-size:15px}.demo-prompt strong{display:block;margin-top:9px;color:var(--demo-deep);font-size:13px}.demo-question-body details{margin-top:4px;padding:15px 18px;border-radius:12px;background:#f5f8fa;color:var(--demo-muted);font-size:13px}.demo-question-body summary{color:var(--demo-deep);font-weight:800;cursor:pointer}.demo-question-body ul{margin:10px 0 0;padding-left:22px}.demo-primary,.demo-secondary{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 26px;border-radius:999px;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer}.demo-primary{margin-top:24px;border:0;background:linear-gradient(135deg,#28a8f5,#087fd3);color:#fff;box-shadow:0 10px 24px rgba(21,152,231,.22)}.demo-primary span{font-size:18px}.demo-primary:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.demo-secondary{border:1px solid #acd9f4;background:#fff;color:var(--demo-deep)}.demo-answer-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:14px 18px;border-radius:14px;background:#eaf5fc}.demo-answer-summary>b{color:var(--demo-deep);font-size:11px;letter-spacing:.14em}.demo-answer-summary>span{padding:5px 10px;border-radius:999px;background:#fff;color:#8b640e;font-size:12px;font-weight:800}.demo-answer-summary>span.good{color:var(--demo-green)}.demo-answer-list{display:grid;gap:14px}.demo-answer-list label{display:grid;gap:10px;padding:18px;border:1px solid var(--demo-line);border-radius:16px;background:#fff}.demo-answer-label{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px}.demo-answer-label i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e7f5fe;color:var(--demo-deep);font-size:12px;font-style:normal;font-weight:900}.demo-answer-label b{font-size:14px}.demo-answer-label em{padding:4px 9px;border-radius:999px;background:#f0f4f7;color:#738196;font-size:11px;font-style:normal;font-weight:800}.demo-answer-list textarea{width:100%;min-height:132px;resize:vertical;padding:15px;border:1px solid #cfdae3;border-radius:12px;background:#fbfdfe;color:var(--demo-ink);font-size:14px;line-height:1.8}.demo-answer-list label:nth-child(n+3):nth-child(-n+5) textarea{min-height:205px}.demo-answer-list textarea:focus{border-color:var(--demo-blue);outline:3px solid rgba(21,152,231,.11)}.demo-action-row{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.demo-action-row .demo-primary{margin-top:0}.demo-live{min-height:24px;margin:9px 0 0;color:var(--demo-deep);font-size:12px;text-align:right}.demo-review-hero{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:26px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#0878c4,#1598e7);color:#fff}.demo-review-hero>div:first-child{display:grid;justify-items:center;border-right:1px solid rgba(255,255,255,.28)}.demo-review-hero span{font-size:12px;font-weight:800}.demo-review-hero strong{font-size:58px;line-height:1.1}.demo-review-hero b{font-size:24px}.demo-review-hero p{margin:5px 0 0;color:#e9f7ff;font-size:14px}.demo-review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.demo-review-grid article{padding:20px;border:1px solid var(--demo-line);border-radius:15px;background:#fff}.demo-review-grid header{display:flex;justify-content:space-between;gap:12px}.demo-review-grid header span{color:var(--demo-deep);font-weight:900}.demo-review-grid p{margin:10px 0 0;color:var(--demo-muted);font-size:13px}.demo-matching{margin-top:18px;padding:22px;border:1px solid #cce8f9;border-radius:16px;background:#eff9ff}.demo-matching h3{margin:0;font-size:17px}.demo-matching ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 0;padding:0;list-style:none}.demo-matching li{display:grid;gap:4px;padding:14px;border-radius:12px;background:#fff}.demo-matching b{color:var(--demo-green)}.demo-matching span{color:var(--demo-muted);font-size:12px}.demo-stock-confirm{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:20px;padding:26px;border:1px solid var(--demo-line);border-radius:18px;background:#fff}.demo-stock-confirm>div>span{color:var(--demo-deep);font-size:11px;font-weight:900}.demo-stock-confirm h3{margin:3px 0 0;font-size:20px}.demo-stock-confirm p{margin:5px 0 0;color:var(--demo-muted);font-size:13px}.demo-stock-confirm .demo-primary{flex-shrink:0;margin-top:0}.demo-matrix-section{display:none;background:#eef8ff}.demo-matrix-section.is-visible{display:block}.demo-saved-message{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:14px 18px;border:1px solid #b9e2cb;border-radius:13px;background:#edf9f2;color:var(--demo-green);font-size:13px}.demo-saved-message span{color:#4d7560}.demo-table-wrap{overflow-x:auto;border:1px solid var(--demo-line);border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(41,72,93,.08)}.demo-table-wrap table{width:100%;min-width:1050px;border-collapse:collapse;font-size:12px}.demo-table-wrap caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.demo-table-wrap td,.demo-table-wrap th{padding:16px;border-right:1px solid var(--demo-line);border-bottom:1px solid var(--demo-line);text-align:left;vertical-align:top}.demo-table-wrap tr>:last-child{border-right:0}.demo-table-wrap thead th{background:#dff2fe;color:var(--demo-deep);font-size:12px}.demo-table-wrap thead small{color:#7b8da2}.demo-table-wrap tbody th{width:145px;background:#f8fbfd;font-size:13px}.demo-table-wrap td{min-width:235px;color:var(--demo-muted)}.demo-table-wrap td>b{display:inline-block;margin-bottom:3px;color:var(--demo-deep)}.demo-table-wrap td>p{margin:0 0 10px}.demo-finish{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:26px;padding:34px;border-radius:20px;background:var(--demo-ink);color:#fff}.demo-finish h2{margin:4px 0 0;font-size:28px}.demo-finish p{margin:7px 0 0;color:#cbd8e6;font-size:14px}.demo-finish>div:last-child{display:grid;justify-items:center}.demo-finish .demo-primary{margin-top:0;white-space:nowrap}.demo-text-button{margin-top:10px;border:0;background:transparent;color:#cbd8e6;font-size:12px;text-decoration:underline;cursor:pointer}@media(max-width:800px){.demo-hero-grid{grid-template-columns:1fr;gap:32px}.demo-progress{grid-template-columns:repeat(4,1fr);padding:15px}.demo-progress li{grid-template-columns:1fr;justify-items:center;gap:4px;text-align:center;font-size:10px}.demo-progress li:not(:last-child):after{display:none}.demo-matching ol,.demo-review-grid{grid-template-columns:1fr}.demo-finish,.demo-stock-confirm{align-items:flex-start;flex-direction:column}.demo-finish .demo-primary,.demo-finish>div:last-child,.demo-stock-confirm .demo-primary{width:100%}}@media(max-width:560px){.demo-shell{width:min(100% - 28px,1180px)}.demo-header-inner{height:64px}.demo-brand b{font-size:12px}.demo-brand>span{width:34px;height:34px}.demo-back{font-size:11px}.demo-hero{padding:48px 0}.demo-hero h1{font-size:28px}.demo-mobile-break{display:block}.demo-notice{align-items:flex-start;flex-direction:column;gap:2px}.demo-section{padding:62px 0}.demo-question-card>header{align-items:flex-start;padding:20px;flex-direction:column}.demo-question-body{padding:20px}.demo-prompt{grid-template-columns:38px 1fr;gap:10px}.demo-prompt>b{width:36px;height:36px}.demo-answer-summary{align-items:flex-start;flex-direction:column}.demo-answer-label{grid-template-columns:32px 1fr}.demo-answer-label em{grid-column:2;justify-self:start}.demo-action-row{align-items:stretch;flex-direction:column}.demo-action-row button{width:100%}.demo-review-hero{grid-template-columns:1fr}.demo-review-hero>div:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:16px}.demo-saved-message{align-items:flex-start;flex-direction:column}.demo-finish{padding:25px}.demo-finish h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.demo-page{scroll-behavior:auto}}.demo-materials{margin-top:8px;padding:20px;border:1px solid #cce8f9;border-radius:15px;background:#f2f9fe}.demo-materials h4{margin:0;color:var(--demo-deep);font-size:15px}.demo-materials ol{display:grid;gap:10px;margin:13px 0 0;padding:0;list-style:none}.demo-materials li{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid #d8eaf5;border-radius:11px;background:#fff}.demo-materials li b{color:var(--demo-deep);font-size:12px}.demo-materials li span{color:var(--demo-muted);font-size:13px}.demo-finish{background:linear-gradient(135deg,#0878c4,#22a9ef);box-shadow:0 18px 44px rgba(8,120,196,.18)}.demo-finish>div:first-child>span{color:#fff}.demo-finish p{color:#e5f6ff}.demo-finish .demo-primary{background:#fff;color:var(--demo-deep);box-shadow:0 10px 24px rgba(5,83,133,.2)}.demo-text-button{color:#fff}@media(max-width:560px){.demo-materials{padding:15px}.demo-materials li{grid-template-columns:1fr;gap:4px}}.demo-table-wrap tbody th{width:150px;min-width:150px;white-space:nowrap}.demo-table-wrap td.demo-cause-cell{min-width:270px;background:#f8fbfd}.demo-cause-cell ol{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:demo-cause}.demo-cause-cell li{position:relative;padding-left:24px;counter-increment:demo-cause}.demo-cause-cell li:before{content:counter(demo-cause);position:absolute;left:0;top:1px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#dff2fe;color:var(--demo-deep);font-size:9px;font-weight:900}.demo-table-wrap td.demo-measure-cell{min-width:220px}.demo-measure-cell b{display:block;margin-bottom:8px;color:var(--demo-deep);font-size:12px}.demo-measure-cell p{margin:0;color:var(--demo-muted)}.demo-hero{padding:48px 0 42px}.demo-hero-grid{gap:48px}.demo-scroll-cue{margin-top:18px;display:inline-flex;align-items:center;gap:10px;padding:9px 16px;border:1px solid #98d4f7;border-radius:999px;background:#fff;color:var(--demo-deep);font-size:13px;font-weight:900;cursor:pointer}.demo-scroll-cue span{font-size:18px;line-height:1}.demo-scroll-cue:hover{border-color:var(--demo-blue);background:#f5fbff}.demo-progress li{display:block;min-height:58px}.demo-progress button{width:100%;min-height:58px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:13px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.demo-progress button:disabled{cursor:default}.demo-progress button:not(:disabled):hover span{color:var(--demo-deep)}.demo-progress li:not(:last-child):after{display:block}.demo-section{scroll-margin-top:76px}@media(max-width:800px){.demo-progress li{display:block;min-height:0}.demo-progress button{min-height:58px;grid-template-columns:1fr;justify-items:center;gap:4px;text-align:center;font-size:10px}.demo-progress li:not(:last-child):after{display:none}}@media(max-width:560px){.demo-hero{padding:36px 0 32px}.demo-scroll-cue{width:100%;justify-content:center}}.demo-finish small{display:block;margin-top:12px;color:#D5EDFA;font-size:11px}.demo-finish .demo-text-button{display:inline-block;text-align:center;text-decoration:underline}.demo-page{width:100%;overflow-x:hidden}.demo-page main,.demo-section,.demo-shell{min-width:0;max-width:100%}.demo-shell{width:calc(100% - 48px);max-width:1180px}.demo-section-head h2,.demo-section-head p{max-width:100%;overflow-wrap:anywhere}@media(max-width:560px){.demo-shell{width:calc(100% - 28px)}.demo-section-head h2{font-size:clamp(27px,7.5vw,32px);line-height:1.45}}