/* The opening product film leads with problem recognition and a concise explanation. */
.hero-solve-toolbar{padding-inline:17px}
.hero-proof-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:18px auto 16px}.hero-proof{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;padding:9px 16px;border:1px solid rgba(255,255,255,.84);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:inset 0 1px #fff,0 9px 25px rgba(39,89,143,.18),0 0 0 3px rgba(255,255,255,.11);color:#2f4054;font-size:12px;font-weight:560;letter-spacing:-.01em;backdrop-filter:blur(18px);text-shadow:none;animation:hero-proof-breathe 3.4s ease-in-out infinite}.hero-proof-candidates{animation-delay:.25s;background:rgba(241,247,255,.92);color:#27445f}.hero-proof-mark{display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(73,137,211,.28);border-radius:50%;background:linear-gradient(145deg,#e8f3ff,#bbd7f4);color:#176ecb;font-size:12px;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.9),0 4px 12px rgba(32,77,126,.14)}.hero-proof b{color:#0967d8;font-size:15px;font-weight:780;letter-spacing:-.035em}.hero-proof-people{display:flex;margin-right:3px;padding-left:5px}.hero-proof-people i{width:23px;height:23px;margin-left:-6px;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#d9eaff,#5e99df);box-shadow:0 4px 12px rgba(32,77,126,.2)}.hero-proof-people i:nth-child(2){background:linear-gradient(145deg,#ffe8d6,#cd875d)}.hero-proof-people i:nth-child(3){background:linear-gradient(145deg,#eee2ff,#8b6dc8)}
.hero-problem-window{position:absolute;left:11%;top:91px;width:62%;height:418px;overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:17px;background:rgba(242,247,250,.92);box-shadow:0 25px 60px rgba(14,35,68,.3);text-align:left;backdrop-filter:blur(24px)}
.hero-window-bar{height:45px;display:flex;align-items:center;gap:8px;padding:0 15px;background:#20242b;color:#9ba4b0;font-size:11px}.hero-window-bar>span:nth-child(2){margin:auto}.hero-window-bar>b{font-weight:400}
.hero-quiz{position:relative;height:calc(100% - 45px);padding:45px 48px;color:#202b37;background:linear-gradient(145deg,rgba(249,251,252,.97),rgba(225,235,240,.96))}.hero-quiz small{color:#708198;font-size:9px;letter-spacing:.17em}.hero-quiz h2{margin:18px 0 12px;font:500 29px/1.55 "YuMincho",serif;letter-spacing:-.04em}.hero-quiz p{margin:0 0 22px;color:#778595;font-size:11px}
.hero-choices{display:grid;gap:8px;width:76%}.hero-choices span{padding:11px 14px;border:1px solid #dae3ea;border-radius:9px;background:rgba(255,255,255,.88);color:#687789;font-size:11px}.hero-choices .is-selected{border-color:#78a9e8;background:#edf5ff;color:#2d68ad;box-shadow:0 0 0 3px rgba(90,149,228,.08)}
.hero-solve-panel{position:absolute;z-index:5;right:7%;top:138px;width:43%;padding:19px;border:1px solid rgba(255,255,255,.24);border-radius:20px;background:linear-gradient(145deg,rgba(34,36,42,.94),rgba(15,17,21,.95));color:#f5f6f8;box-shadow:0 30px 76px rgba(8,13,24,.45),inset 0 1px rgba(255,255,255,.12);text-align:left;backdrop-filter:blur(28px) saturate(120%);animation:hero-panel-float 7s ease-in-out infinite}
.hero-panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);font-size:11px}.hero-panel-head span{display:flex;align-items:center;gap:8px;font-weight:650}.hero-panel-head img{border-radius:6px}.hero-panel-head em{color:#8993a1;font-size:9px;font-style:normal}
.hero-detected{display:flex;align-items:center;gap:8px;margin:16px 0;color:#abb4bf;font-size:10px}.hero-detected i{width:7px;height:7px;border-radius:50%;background:#77d29d;box-shadow:0 0 13px #77d29d}
.hero-solve-panel article{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.045);animation:hero-answer-in 6s cubic-bezier(.16,1,.3,1) infinite}.hero-solve-panel article small{color:#7f8b99;font-size:8px;letter-spacing:.16em}.hero-solve-panel article>div{display:flex;justify-content:space-between;align-items:center;margin:9px 0 13px}.hero-solve-panel article strong{font-size:27px;letter-spacing:-.04em}.hero-solve-panel article button{border:1px solid rgba(255,255,255,.13);border-radius:7px;padding:6px 9px;background:rgba(255,255,255,.06);color:#bdc5cf;font:inherit;font-size:8px}.hero-solve-panel article p{margin:0;color:#c4cbd4;font-size:11px;line-height:1.8}.hero-solve-panel article p b{color:#fff;font-weight:600}
.hero-history{display:flex;justify-content:space-between;align-items:center;padding:13px 3px 1px;color:#77818d;font-size:9px}.hero-history b{font-weight:500}
.focus-frame i{display:none!important}.focus-frame{box-shadow:inset 0 0 0 999px rgba(109,164,234,.025);animation:focus-breathe 4.5s ease-in-out infinite}.focus-frame b{background:rgba(37,95,174,.92)}
@keyframes hero-panel-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes hero-proof-breathe{0%,100%{transform:translateY(0);box-shadow:inset 0 1px #fff,0 9px 25px rgba(39,89,143,.18),0 0 0 3px rgba(255,255,255,.11)}50%{transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 13px 32px rgba(39,89,143,.23),0 0 0 4px rgba(255,255,255,.14)}}
@keyframes hero-answer-in{0%,16%{opacity:.45;transform:translateY(8px);filter:blur(2px)}32%,88%{opacity:1;transform:none;filter:none}100%{opacity:.96}}
@keyframes focus-breathe{0%,100%{border-color:rgba(121,174,241,.36)}50%{border-color:rgba(121,174,241,.78);box-shadow:0 0 22px rgba(98,168,255,.08),inset 0 0 0 999px rgba(109,164,234,.035)}}
@media(max-width:760px){.hero-proof-row{gap:7px;margin:16px auto 12px}.hero-proof{padding:8px 13px;font-size:11px}.hero-proof b{font-size:14px}.hero-proof-people i{width:21px;height:21px}.hero-proof-mark{width:21px;height:21px}.hero-problem-window{left:5%;top:70px;width:76%;height:250px;border-radius:11px}.hero-window-bar{height:29px;padding:0 9px;font-size:7px}.hero-window-bar .traffic i{width:6px;height:6px}.hero-quiz{padding:21px 20px}.hero-quiz small{font-size:6px}.hero-quiz h2{margin:9px 0 6px;font-size:17px;line-height:1.45}.hero-quiz p{margin-bottom:10px;font-size:7px}.hero-choices{gap:4px;width:77%}.hero-choices span{padding:6px 8px;border-radius:6px;font-size:7px}.hero-solve-panel{right:3%;top:103px;width:61%;padding:11px;border-radius:13px}.hero-panel-head{padding-bottom:8px;font-size:8px}.hero-panel-head em{font-size:6px}.hero-detected{margin:8px 0;font-size:7px}.hero-detected i{width:5px;height:5px}.hero-solve-panel article{padding:10px;border-radius:9px}.hero-solve-panel article>div{margin:5px 0 7px}.hero-solve-panel article strong{font-size:17px}.hero-solve-panel article button{padding:4px 6px;font-size:6px}.hero-solve-panel article p{font-size:7px;line-height:1.6}.hero-history{padding-top:8px;font-size:6px}.hero-solve-toolbar{margin-top:1px}}
@media(prefers-reduced-motion:reduce){.hero-solve-panel,.hero-solve-panel article,.focus-frame{animation:none!important}}

.solve-story{background:linear-gradient(180deg,#f7f9fc,#eef3f8)}
.solve-story-visual{position:relative;margin:0;height:650px;overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:30px;background:#101824;box-shadow:0 38px 90px rgba(19,37,64,.22),inset 0 1px rgba(255,255,255,.3)}
.solve-story-visual>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.03);transform:scale(1.01);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.solve-story-visual:hover>img{transform:scale(1.035)}
.solve-story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(4,10,18,.68));pointer-events:none}
.solve-story-visual figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.solve-story-visual figcaption span{padding:13px 16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(15,23,34,.58);backdrop-filter:blur(18px);color:rgba(255,255,255,.82);font-size:11px;letter-spacing:.02em}
.real-site-window{background:#fff}.real-site-shot{height:calc(100% - 47px);overflow:hidden;background:#fff}.real-site-shot img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 8%;filter:saturate(.92) contrast(1.02)}
.chat-stage .real-site-window{width:69%;height:79%;transform:rotate(-.45deg);box-shadow:0 30px 80px rgba(16,37,70,.32)}
.chat-stage .chat-panel{background:linear-gradient(145deg,rgba(30,32,37,.95),rgba(13,15,18,.96))}
@media(max-width:820px){.solve-story-visual{height:480px;border-radius:22px}.solve-story-visual>img{object-position:43% center}.solve-story-visual figcaption{left:14px;right:14px;bottom:13px;grid-template-columns:1fr;gap:5px}.solve-story-visual figcaption span{padding:8px 10px;font-size:9px}.chat-stage .real-site-window{left:3%;right:3%;width:auto;height:64%;transform:none}.real-site-shot img{object-position:38% 8%}}