:root{--navy:#101f3c;--ink:#182a49;--orange:#dc7a20;--warm:#fafbfd;--slate:#66758d;--line:#dce3ed;--blue:#2e64d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--warm);color:var(--navy);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-shell{max-width:1280px;margin:auto;padding:0 42px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:104px;display:flex}.brand img{width:122px;height:auto;display:block}.powered{color:var(--slate);align-items:baseline;gap:9px;font-size:12px;display:flex}.powered strong{color:var(--navy);letter-spacing:-.02em;font-size:15px}.hero{grid-template-columns:minmax(0,.83fr) minmax(520px,1.17fr);align-items:start;gap:76px;padding:82px 0 100px;display:grid}.intro{padding-top:35px}.eyebrow,.section-kicker{letter-spacing:.11em;text-transform:uppercase;color:var(--orange);align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.eyebrow-line{background:var(--orange);width:26px;height:2px}h1{letter-spacing:-.045em;margin:24px 0 25px;font-size:clamp(42px,5.15vw,72px);font-weight:710;line-height:1.01}h1 em{color:var(--orange);font-style:normal}.lede{color:#53647c;max-width:470px;margin:0;font-size:18px;line-height:1.62}.trust-row{color:var(--slate);align-items:center;gap:9px;margin-top:29px;font-size:13px;display:flex}.trust-row svg{color:var(--blue)}.how-to{margin-top:84px}.how-to .section-kicker{color:var(--navy);letter-spacing:.06em}.tip-wrap{vertical-align:middle;display:inline-flex;position:relative}.tip-button{color:var(--slate);cursor:help;background:0 0;border:0;padding:2px;display:inline-flex}.tip{z-index:4;background:var(--navy);color:#fff;letter-spacing:0;text-transform:none;opacity:0;pointer-events:none;border-radius:7px;width:190px;padding:10px 12px;font-size:11px;font-weight:500;line-height:1.4;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px)}.tip-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.steps div{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.steps b{color:var(--orange);font-size:11px}.steps span{color:var(--slate);font-size:12px;line-height:1.4}.console-wrap{min-width:0}.console{background:#fff;border:1px solid #e0e5ee;border-radius:20px;overflow:hidden;box-shadow:0 18px 50px #101f3c1a}.console-head{color:var(--slate);border-bottom:1px solid #edf0f5;align-items:center;gap:8px;padding:18px 22px;font-size:12px;display:flex}.live-dot{background:#b4bfcd;border-radius:50%;width:7px;height:7px}.is-active .live-dot{background:#37a36d;box-shadow:0 0 0 4px #e6f5ed}.limit{color:#66758d;margin-left:auto;font-size:11px}.sophie-stage{background:radial-gradient(circle,#2e64d60f,#0000 49%);flex-direction:column;justify-content:center;align-items:center;height:330px;display:flex;position:relative}.sound-rings{justify-content:center;align-items:center;display:flex;position:absolute;inset:31px 14%}.sound-rings i{border:1px solid #2e64d621;border-radius:50%;width:225px;height:225px;position:absolute}.sound-rings i:nth-child(2){border-color:#dc7a2026;width:285px;height:285px}.sound-rings i:nth-child(3){border-color:#2e64d61a;width:350px;height:350px}.sound-rings i:nth-child(4){border-color:#dc7a2014;width:417px;height:417px}.is-active .sound-rings i{animation:2.5s ease-in-out infinite pulse}.is-active .sound-rings i:nth-child(2){animation-delay:.4s}.sophie-avatar{z-index:1;background:#f0eee9;border:4px solid #fff;border-radius:50%;width:144px;height:144px;overflow:hidden;box-shadow:0 0 0 9px #dc7a201f}.sophie-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sophie-name{z-index:1;margin:17px 0 2px;font-size:17px;font-weight:700}.sophie-role,.status-caption{z-index:1;color:var(--slate);margin:0;font-size:12px}.status-caption{color:var(--blue);margin-top:18px;font-weight:600}.console-controls{text-align:center;border-top:1px solid #edf0f5;padding:20px 22px 21px}.timer{font-variant-numeric:tabular-nums;color:var(--slate);margin-bottom:15px;font-size:12px}.timer .tip-wrap{margin-left:5px}.button-row{justify-content:center;gap:10px;display:flex}.start-button,.control-button{cursor:pointer;font:inherit;border:0;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:700;display:inline-flex}.start-button{background:var(--orange);color:#fff;border-radius:8px;padding:14px 25px;box-shadow:0 5px 13px #dc7a2033}.start-button:hover{background:#c96815}.start-button:disabled{opacity:.65;cursor:wait}.control-button{border-radius:50%;width:44px;height:44px}.control-button.secondary{color:var(--navy);background:#eef2f8}.control-button.end{color:#b44336;background:#f7e9e6;border-radius:8px;width:auto;padding:0 17px}.control-button:focus-visible,.start-button:focus-visible,.scenario-card:focus-visible{outline-offset:3px;outline:3px solid #2e64d659}.notice{color:#5e6d82;max-width:480px;margin:16px auto 0;font-size:11px;line-height:1.5}.error-copy{color:#b44336;max-width:460px;margin:14px auto 0;font-size:12px;line-height:1.45}.transcript-panel{background:#f1f4f8;border-radius:13px;margin-top:16px;overflow:hidden}.panel-heading{align-items:center;gap:6px;padding:14px 17px;font-size:12px;font-weight:700;display:flex}.panel-heading .tip-wrap{margin-left:1px}.panel-icon{color:var(--slate);margin-left:auto}.transcript{min-height:94px;max-height:190px;padding:0 17px 15px;overflow:auto}.empty-transcript{color:#627289;margin:9px 0;font-size:12px;line-height:1.5}.message{margin:10px 0;font-size:12px}.message span{color:var(--blue);margin-bottom:3px;font-size:10px;font-weight:700;display:block}.message.user span{color:var(--orange)}.message p{color:#45566f;margin:0;line-height:1.45}.scenario-section{border-top:1px solid var(--line);padding:76px 0 90px}.scenario-section h2{letter-spacing:-.045em;margin:15px 0 7px;font-size:38px}.section-intro{color:var(--slate);margin:0;font-size:15px}.scenario-list{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:32px;display:grid}.scenario-card{border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--navy);background:#fff;border-radius:11px;align-items:center;gap:14px;min-height:84px;padding:18px;display:flex}.scenario-card:hover,.scenario-card.selected{border-color:var(--blue);box-shadow:0 7px 20px #2e64d617}.scenario-number{color:var(--orange);font-size:11px;font-weight:700}.scenario-card strong,.scenario-card small{display:block}.scenario-card strong{font-size:14px}.scenario-card small{color:var(--slate);margin-top:5px;font-size:12px}.scenario-arrow{color:var(--blue);margin-left:auto;font-size:20px}.scenario-detail{background:#eaf0fb;border-radius:13px;grid-template-columns:1.1fr 1fr;gap:40px;margin-top:19px;padding:27px 29px;display:grid}.detail-label{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.scenario-detail h3{letter-spacing:-.025em;margin:10px 0 0;font-size:21px;line-height:1.25}.scenario-detail ul{color:#50617a;margin:0;padding-left:19px;font-size:13px;line-height:1.8}footer{border-top:1px solid var(--line);color:#637087;justify-content:space-between;padding:21px 0 25px;font-size:11px;display:flex}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}}@media (max-width:900px){.page-shell{padding:0 24px}.hero{grid-template-columns:1fr;gap:48px;padding-top:54px}.intro{padding-top:0}.how-to{margin-top:48px}.console-wrap{order:-1}.sophie-stage{height:280px}.scenario-section{padding-top:57px}}@media (max-width:560px){.page-shell{padding:0 17px}.site-header{height:79px}.brand img{width:101px}.powered{font-size:10px}.powered strong{font-size:13px}h1{font-size:43px}.lede{font-size:16px}.steps{gap:9px}.steps span{font-size:11px}.console-head{padding:15px 16px}.sophie-stage{height:265px}.sound-rings i{width:175px;height:175px}.sound-rings i:nth-child(2){width:225px;height:225px}.sound-rings i:nth-child(3){width:280px;height:280px}.sound-rings i:nth-child(4){width:335px;height:335px}.sophie-avatar{width:128px;height:128px}.scenario-section h2{font-size:32px}.scenario-list{grid-template-columns:1fr;gap:9px}.scenario-card{min-height:70px}.scenario-detail{grid-template-columns:1fr;gap:18px;padding:22px}.scenario-detail h3{font-size:18px}footer{line-height:1.8;display:block}footer span{display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tip,.sound-rings i{transition:none;animation:none!important}}.tip-wrap.tip-open .tip{opacity:1;transform:translate(-50%)}.button-row{align-items:center}.transcript{scroll-behavior:smooth}@media (max-width:560px){.console .button-row>.tip-wrap:last-child .tip{left:auto;right:0;transform:translateY(4px)}.console .button-row>.tip-wrap.tip-open:last-child .tip{transform:translateY(0)}}