:root{--ink:#182431;--muted:#637183;--paper:#f4f3ef;--navy:#101c29;--gold:#b99a55;--line:#dedfdc;--green:#20745b;--red:#a63838}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Inter,"Noto Sans JP",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);font-size:14px;line-height:1.7}.proofbar{background:#b99a55;color:#161e24;text-align:center;padding:6px 12px;font-size:12px;font-weight:600;letter-spacing:.06em}header{background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;padding:23px 38px;gap:24px}.brand{color:white;text-decoration:none;letter-spacing:.15em;font-size:27px;font-family:Georgia,serif}.brand span{display:block;font:9px/1.5 sans-serif;letter-spacing:.22em;color:#b9a674}.actor{display:flex;align-items:center;gap:16px}.actor label{font-size:12px}.actor small{display:block;color:#b8c3cf}.actor select{min-width:245px;background:#233142;color:white;border:1px solid #55616c}.shell{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 180px)}aside{padding:32px 22px;border-right:1px solid var(--line);background:#eaeae5}.sidebar-label{font-size:10px;letter-spacing:.17em;color:var(--muted);margin:0 12px 15px}nav{display:grid;gap:7px}nav button{width:100%;text-align:left;background:transparent;color:var(--ink);border:none;border-radius:5px;padding:12px;font-size:14px}nav button.selected{background:var(--navy);color:#f5e1ac}.side-note{border-top:1px solid #ccd0cc;margin-top:28px;padding:20px 10px 0;font-size:11px;color:var(--muted)}.side-note strong{color:#354455}.side-note p{margin-top:8px}main{padding:32px 38px;max-width:1500px;min-width:0;width:100%;margin:auto}.eyebrow{color:#967b40;font-weight:700;letter-spacing:.16em;font-size:10px;margin-bottom:6px}h1{font-size:30px;line-height:1.3;margin:0 0 12px;font-weight:650}h2{font-size:20px;margin:0 0 16px;line-height:1.5}h3{font-size:16px;margin:0 0 10px}p{margin:8px 0 16px}.muted{color:var(--muted)}.topline{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:22px}.tag{display:inline-block;padding:3px 10px;font-size:11px;border-radius:30px;background:#e9e5d9;color:#766138;white-space:nowrap}.tag.good{color:var(--green);background:#dfede4}.tag.bad{color:var(--red);background:#f6e1df}.panel{background:white;border:1px solid var(--line);border-radius:9px;padding:25px;margin:0 0 22px;box-shadow:0 2px 3px #11223303}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid>.panel{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 24px}.stat{background:white;border:1px solid var(--line);border-radius:7px;padding:18px 20px}.stat label{font-size:11px;color:var(--muted);display:block}.stat strong{font-size:25px;line-height:1.7;font-weight:600}.stat small{font-size:11px;margin-left:5px;color:var(--muted)}button{cursor:pointer;border:1px solid transparent;background:var(--navy);color:white;padding:10px 18px;border-radius:5px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5}button.secondary{background:white;border-color:#b8c0c6;color:#354658}button.gold{background:var(--gold);color:#1c2833}button.danger{background:#fff5f3;border-color:#e6baba;color:var(--red)}button:disabled{opacity:.38;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.1)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7eadd3;outline-offset:2px}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:18px}.steps{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 25px}.step{background:#e5e6e1;padding:7px 13px;border-radius:4px;font-size:12px}.step.done{background:#dceade;color:#24684e}.step.current{background:#eee4c8;color:#7c6029}.notice{background:#f8f2e3;border-left:3px solid var(--gold);padding:13px 17px;font-size:12px;margin:14px 0 20px}.notice.critical{background:#fbebe7;border-color:#bd6560}.empty{border:1px dashed #b7c2c9;border-radius:6px;padding:28px;text-align:center;color:var(--muted)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:6px;margin-bottom:13px}.field>span{font-size:12px;font-weight:600}.field small{font-size:11px;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #c8cfd1;border-radius:5px;background:#fff;padding:10px 12px;color:var(--ink);font:inherit;min-width:0}textarea{resize:vertical;min-height:84px}input[type=checkbox]{width:17px;height:17px;accent-color:#a58648;flex-shrink:0}.check{display:flex;gap:10px;align-items:center;font-size:12px;margin:12px 0}.tokens{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.token{border:1px solid #d4dadc;border-radius:7px;padding:15px;background:#fafaf7;display:flex;gap:12px;align-items:center;cursor:pointer}.token:has(input:checked){background:#f2ead7;border-color:var(--gold)}.token strong{display:block;font-size:19px}.token small{color:var(--muted);font-size:11px}.token input{margin:0}.divider{border:0;border-top:1px solid var(--line);margin:20px 0}.meta{display:grid;grid-template-columns:150px 1fr;gap:10px 20px;font-size:13px}.meta dt{color:var(--muted)}.meta dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.price{font-size:26px;font-weight:600;letter-spacing:-.02em}.price small{font-size:12px;color:var(--muted)}.art{height:125px;border-radius:6px;background:linear-gradient(125deg,#142939,#314e56);display:flex;align-items:center;justify-content:center;color:#dac392;letter-spacing:.17em;font-family:Georgia,serif;font-size:20px;margin-bottom:17px}.offer{display:grid;grid-template-columns:1fr auto;gap:15px;padding:18px 0;border-top:1px solid var(--line)}.offer .actions{margin-top:8px}.summary{background:#f4f4ef;border-radius:6px;padding:15px;margin:15px 0;font-size:12px}.summary strong{font-size:16px}.toast{position:sticky;top:10px;z-index:3;padding:15px 20px;background:#e4f0e7;border:1px solid #8faf96;border-radius:6px;margin-bottom:20px;overflow-wrap:anywhere;box-shadow:0 4px 18px #11223315}.toast.error{background:#fcebe7;border-color:#cf9791}.toast[hidden]{display:none}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:10px;color:var(--muted);text-transform:uppercase}.scroll{overflow:auto}.mono{font-family:ui-monospace,monospace;font-size:10px;word-break:break-all}.audit{border-left:2px solid #ddd3b9;padding:0 0 22px 18px;margin-left:7px;position:relative}.audit:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--gold);position:absolute;left:-5px;top:9px}.audit small{color:var(--muted);display:block;font-size:11px}.audit p{margin:2px 0;font-size:12px}.compact{font-size:12px}.wide{grid-column:1/-1}footer{border-top:1px solid var(--line);padding:16px 30px;color:var(--muted);font-size:10px;text-align:center}.spacer{margin-top:22px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:190px 1fr}main{padding:26px}.grid{grid-template-columns:1fr}.tokens{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){header{padding:20px;display:block}.actor{margin-top:20px;display:block}.actor select{margin-top:8px}.shell{display:block}aside{padding:12px 18px;border-right:0}nav{display:flex;overflow:auto}nav button{white-space:nowrap;width:auto}.sidebar-label,.side-note{display:none}main{padding:24px 18px}.formgrid{grid-template-columns:1fr}.topline{display:block}h1{font-size:25px}.panel{padding:20px}.meta{grid-template-columns:100px 1fr}.tokens{grid-template-columns:repeat(2,1fr)}.proofbar{font-size:10px}.offer{display:block}}
:root{--accent:#aa8a46}.demo-header{padding:19px 34px;gap:28px}.header-copy{margin:0 auto 0 0;color:#b9c6d2;font-size:12px;line-height:1.7}.header-copy strong{font-weight:500;color:#fff}.guide-link{color:#ebdbb6;font-size:12px;text-decoration:none;border-bottom:1px solid #66716f;padding:7px 0;white-space:nowrap}.role-switcher{padding:16px 34px 20px;background:#fff;border-bottom:1px solid var(--line)}.role-heading{display:flex;align-items:center;gap:14px;margin-bottom:13px}.role-heading strong{font-size:13px}.role-heading>span{font-size:11px;color:var(--muted)}#role-buttons{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:22px}.role-group+.role-group{border-left:1px solid var(--line);padding-left:22px}.role-group-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:8px}.role-group-label strong{font-size:11px;color:#626e7b}.role-group-label small{font-size:10px;color:#89929a}.role-options{display:flex;gap:6px}.role-button{background:#f4f5f3;color:var(--ink);border:1px solid #d8deda;flex:1;text-align:left;padding:9px 11px;border-radius:6px;min-width:0}.role-button strong{display:block;font-size:12px;font-weight:650}.role-button small{display:block;font-size:10px;color:#77838e;font-weight:400;margin-top:3px;line-height:1.4}.role-button.active{background:#122333;color:white;border-color:#122333;box-shadow:inset 0 -3px #c4a764}.role-button.active small{color:#c9d3da}.shell{grid-template-columns:205px 1fr}aside{padding:27px 15px}main{margin:0 auto;padding:27px 32px;max-width:1480px}.journey{background:#fff;border:1px solid #d5dbd8;border-radius:9px;padding:15px 20px;margin-bottom:23px}.journey-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.journey-top strong{font-size:13px}.text-button{background:transparent;color:#6c7680;padding:4px 0;font-size:11px;font-weight:500}.journey-track{display:flex;align-items:stretch;gap:8px;margin:13px 0}.journey-step{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:#f1f3f0;color:#63717e;border:1px solid transparent;font-size:11px;padding:9px 7px;position:relative;min-width:0}.journey-step:not(:last-child):after{content:'›';position:absolute;right:-8px;color:#a6b0b6;z-index:1}.journey-step.current{border-color:#bfa56c;background:#faf3e2;color:#6d542b}.journey-step.complete{background:#e3efe8;color:#226d50}.step-number{font-size:10px;border:1px solid currentColor;border-radius:50%;width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center;opacity:.8}.journey-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ecede8;padding-top:10px}.journey-bottom small{color:var(--muted);font-size:10px}.journey-bottom p{font-size:12px;margin:3px 0 0;font-weight:550}.journey-bottom button{font-size:11px;flex-shrink:0;padding:9px 13px}.welcome{padding:14px 3px 29px;border-bottom:1px solid #d8dcd6;margin-bottom:25px}.welcome h1{font-size:42px;line-height:1.25;letter-spacing:.01em;margin:14px 0 18px}.welcome-lead{font-size:15px;color:#506273;line-height:1.9}.welcome .actions{margin-top:20px}.welcome .actions button{font-size:13px;padding:12px 19px}.welcome .compact{margin:13px 0 0;font-size:11px}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.intro-grid p{font-size:12px;color:#687482;margin-bottom:10px}.intro-grid h3{font-size:14px;margin:9px 0}.intro-number{display:block;font:21px/1.3 Georgia,serif;color:#a88c52}.business-grid{grid-template-columns:repeat(2,1fr)}.scenario-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.scenario-card{display:flex;flex-direction:column;border:1px solid #dde1da;border-radius:7px;padding:20px;background:#fbfbf8}.scenario-card.current{border-color:#b9a269;box-shadow:inset 3px 0 #b9a269}.scenario-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.scenario-card h3{font-size:15px}.scenario-card>p{font-size:12px;color:#63717f;flex:1}.scenario-card>button{align-self:flex-start;margin-top:13px;font-size:11px}.expected{border-top:1px solid #e4e5dd;padding-top:10px}.expected small{font-size:10px;color:#9a824e}.expected p{font-size:11px;margin:4px 0;color:#4a5d67}.guide-notes{font-size:12px;padding-left:20px;color:#627181;line-height:1.9}.guide-notes li{margin:6px 0}.scenario-token{border-color:#b9a269;background:#fcf8ee}.role-button:hover:not(:disabled){background:#e9ede9;filter:none}.role-button.active:hover:not(:disabled){background:#1a3346}.journey-step:hover:not(:disabled){border-color:#a6b2b8;filter:none}
@media(max-width:1150px){#role-buttons{gap:14px;grid-template-columns:1.2fr 1fr}.role-group+.role-group{padding-left:14px}.role-group:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #e5e8e2;padding:9px 0 0;display:flex;align-items:center;gap:16px}.role-group:last-child .role-group-label{margin:0;min-width:190px}.role-group:last-child .role-options{flex:1}.role-group:last-child .role-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 9px}.role-group:last-child .role-button small{margin:0}.shell{grid-template-columns:185px 1fr}.journey-step{font-size:10px}.journey-bottom{align-items:flex-start}.header-copy{font-size:11px}}
@media(max-width:850px){.demo-header{padding:18px 22px}.brand{font-size:24px}.header-copy{display:none}.guide-link{margin-left:auto}.role-switcher{padding:14px 22px}.shell{grid-template-columns:165px 1fr}main{padding:22px}.journey-track{flex-wrap:wrap}.journey-step{flex:1 1 28%;padding:8px}.journey-step:after{display:none}.journey-bottom{flex-direction:column;gap:9px}.welcome h1{font-size:36px}.intro-grid{gap:16px}.scenario-cards{grid-template-columns:1fr}}
@media(max-width:720px){.demo-header{display:flex;padding:17px 18px}.brand{font-size:23px}.guide-link{font-size:10px}.role-switcher{padding:12px 18px 14px}.role-heading{display:block;margin-bottom:9px}.role-heading>span{display:block;font-size:10px;margin-top:3px}#role-buttons{display:block}.role-group+.role-group{border-left:0;border-top:1px solid #e5e8e2;padding:10px 0 0;margin-top:10px}.role-group:last-child{display:block}.role-group-label{margin-bottom:6px!important;min-width:0!important}.role-button{padding:8px}.role-button strong{font-size:11px}.role-button small{font-size:9px}.role-group:last-child .role-button{display:block;text-align:left}.role-group:last-child .role-button small{margin-top:2px}.shell{display:block}aside{padding:11px 18px}main{padding:20px 18px}.journey{padding:13px 15px}.journey-top strong{font-size:12px}.journey-top .text-button{font-size:10px}.journey-step{justify-content:flex-start}.welcome{padding:7px 0 22px}.welcome h1{font-size:34px}.welcome-lead{font-size:13px}.welcome .actions{gap:8px}.welcome .actions button{font-size:12px;padding:10px 13px}.intro-grid,.business-grid{grid-template-columns:1fr;gap:17px}.intro-grid>div+div{border-top:1px solid #e7e9e2;padding-top:15px}.panel{padding:19px}.scenario-card{padding:17px}}