:root{--ink:#182332;--navy:#16202d;--navy-soft:#243347;--rose:#b44d7b;--rose-dark:#8f345f;--blush:#f4dce6;--paper:#fffafc;--white:#fff;--shadow:0 28px 80px rgba(11,19,31,.28);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65}button,[role=button],summary,figure{cursor:pointer}button{font:inherit}[hidden]{display:none!important}.is-locked{overflow:hidden}.top-strip{position:absolute;z-index:20;top:0;left:0;right:0;height:88px;padding:10px clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(180deg,rgba(15,25,39,.94),rgba(15,25,39,.74),transparent)}.brand-lockup{display:flex;align-items:center;background:rgba(255,255,255,.93);border-radius:16px;padding:2px 14px;box-shadow:0 12px 32px rgba(0,0,0,.16)}.brand-lockup img{display:block;width:150px;height:auto}.top-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid rgba(255,255,255,.52);border-radius:999px;color:#fff;background:rgba(22,32,45,.7);font-size:.9rem;font-weight:750;letter-spacing:.01em;transition:transform .2s ease,background .2s ease}.top-action:hover,.top-action:focus-visible{transform:translateY(-2px);background:var(--rose-dark);outline:3px solid rgba(255,255,255,.7);outline-offset:3px}.portal-stage{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(370px,.97fr);align-items:center;gap:clamp(30px,5vw,76px);padding:120px clamp(22px,6vw,90px) 80px;background-image:url('/images/chat5a7-background.webp');background-size:cover;background-position:center}.portal-stage::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#111c2b 0%,rgba(17,28,43,.98) 35%,rgba(17,28,43,.64) 58%,rgba(17,28,43,.08) 100%)}.portal-stage::after{content:"";position:absolute;z-index:-1;inset:auto auto -180px -120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(180,77,123,.38),rgba(180,77,123,0) 70%)}.stage-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,16,25,.12),transparent 45%,rgba(10,16,25,.46))}.teaser-card{position:relative;z-index:2;max-width:610px;color:#fff;padding:clamp(24px,4vw,52px);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);background:linear-gradient(145deg,rgba(22,32,45,.95),rgba(22,32,45,.77));box-shadow:var(--shadow);backdrop-filter:blur(3px)}.eyebrow,.notice-kicker,.welcome-kicker{margin:0 0 12px;color:#ffd9e9;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:850}.display-copy{max-width:560px;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.55rem,6vw,5.4rem);font-weight:700;letter-spacing:-.055em;line-height:.92;text-wrap:balance}.teaser-text{max-width:540px;margin:26px 0 30px;color:rgba(255,255,255,.84);font-size:clamp(1rem,1.3vw,1.15rem)}.primary-action,.secondary-action{border:0;border-radius:999px;padding:15px 24px;background:linear-gradient(135deg,#c65e8d,#94345f);color:#fff;font-weight:850;box-shadow:0 14px 28px rgba(143,52,95,.3);transition:transform .2s ease,box-shadow .2s ease}.primary-action:hover,.primary-action:focus-visible,.secondary-action:hover,.secondary-action:focus-visible{transform:translateY(-3px);box-shadow:0 18px 34px rgba(143,52,95,.43);outline:3px solid rgba(255,255,255,.8);outline-offset:3px}.trust-line{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:24px;color:rgba(255,255,255,.72);font-size:.78rem}.trust-line span{display:flex;align-items:center;gap:7px}.trust-line span::before{content:"";width:7px;height:7px;border-radius:50%;background:#d880a7;box-shadow:0 0 0 4px rgba(216,128,167,.14)}.profile-ribbon{position:relative;z-index:2;min-height:550px;align-self:center}.portrait-card{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.42);border-radius:24px;background:#fff;box-shadow:0 26px 65px rgba(11,19,31,.38);transition:transform .25s ease,box-shadow .25s ease}.portrait-card:hover,.portrait-card:focus-visible{z-index:6;transform:translateY(-8px) rotate(0);box-shadow:0 32px 80px rgba(11,19,31,.5);outline:4px solid rgba(255,255,255,.8);outline-offset:4px}.portrait-card img{display:block;width:100%;height:100%;object-fit:cover}.portrait-card figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:9px 12px;border-radius:12px;background:rgba(22,32,45,.88);color:#fff;font-size:.75rem;font-weight:750;text-align:center;backdrop-filter:blur(5px)}.portrait-card-a{width:46%;height:72%;left:4%;top:14%;transform:rotate(-5deg)}.portrait-card-b{width:43%;height:67%;right:4%;top:4%;transform:rotate(5deg)}.portrait-card-c{width:42%;height:43%;right:17%;bottom:1%;transform:rotate(-2deg)}.scroll-hint{position:absolute;bottom:21px;left:50%;z-index:3;display:flex;align-items:center;gap:10px;transform:translateX(-50%);color:rgba(255,255,255,.72);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.scroll-hint span{display:block;width:30px;height:1px;background:currentColor}.profile-notes{position:relative;z-index:4;margin:0;background:var(--paper)}.profile-notes>summary{display:flex;align-items:center;justify-content:center;gap:14px;min-height:76px;padding:20px 24px;background:var(--navy);color:#fff;font-weight:800;list-style:none}.profile-notes>summary::-webkit-details-marker{display:none}.profile-notes>summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.13);font-size:1.25rem;transition:transform .2s ease}.profile-notes[open]>summary::after{transform:rotate(45deg)}.profile-notes>summary:hover,.profile-notes>summary:focus-visible{background:var(--navy-soft);outline:3px solid var(--rose);outline-offset:-3px}.brand-guide{max-width:900px;margin:0 auto;padding:clamp(48px,8vw,100px) clamp(22px,5vw,64px);font-family:Georgia,'Times New Roman',serif;font-size:1.06rem}.brand-guide h1{margin:0 0 28px;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(2rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.045em;color:var(--navy);text-wrap:balance}.brand-guide h2{margin:62px 0 18px;padding-top:8px;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.15;letter-spacing:-.025em;color:var(--rose-dark)}.brand-guide p{margin:0 0 20px}.brand-guide ul{margin:24px 0 28px;padding:24px 24px 24px 48px;border-radius:20px;background:#f8eaf0}.brand-guide li+li{margin-top:10px}.article-finish{margin-top:70px;padding:34px;border-radius:24px;background:linear-gradient(135deg,var(--navy),var(--navy-soft));color:#fff;text-align:center}.article-finish p{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:1.25rem;font-weight:800}.notice-shell{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background-image:url('/images/chat5a7-background.webp');background-size:cover;background-position:center}.notice-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,32,45,.74),rgba(22,32,45,.32))}.notice-card{position:relative;width:min(520px,100%);padding:clamp(28px,5vw,50px);border:1px solid rgba(255,255,255,.55);border-radius:30px;background:rgba(255,250,252,.96);box-shadow:0 34px 90px rgba(7,12,20,.48);text-align:center}.notice-logo{display:block;width:180px;height:auto;margin:0 auto 24px;padding:6px 12px;border-radius:14px;background:#fff}.notice-card .notice-kicker{color:var(--rose-dark)}.notice-card h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;color:var(--navy)}.notice-card>p:not(.notice-kicker){margin:18px auto 26px;max-width:360px;color:#566173}.notice-actions{display:grid;gap:10px}.notice-actions button{min-height:50px;border-radius:999px;font-weight:850}.notice-actions button:first-child{border:0;background:linear-gradient(135deg,#c65e8d,#94345f);color:#fff}.notice-actions button:last-child{border:1px solid #d8c4cd;background:transparent;color:#667080}.notice-actions button:hover,.notice-actions button:focus-visible{transform:translateY(-2px);outline:3px solid rgba(180,77,123,.3);outline-offset:2px}.welcome-shell{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px;background:rgba(11,19,31,.66);backdrop-filter:blur(3px)}.welcome-card{position:relative;width:min(500px,100%);padding:clamp(32px,5vw,50px);border:1px solid rgba(255,255,255,.3);border-radius:30px;background:linear-gradient(145deg,#fffafc,#f4dce6);box-shadow:0 34px 90px rgba(7,12,20,.48);text-align:center}.welcome-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(22,32,45,.08);color:var(--navy);font-size:1.65rem;line-height:1}.welcome-close:hover,.welcome-close:focus-visible{background:var(--navy);color:#fff;outline:3px solid rgba(180,77,123,.3);outline-offset:2px}.welcome-kicker{color:var(--rose-dark)}.welcome-card h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,5vw,3.35rem);line-height:1.03;color:var(--navy)}.welcome-card p:not(.welcome-kicker){margin:20px 0 28px;color:#566173}.welcome-action{width:100%}@media(max-width:980px){.portal-stage{grid-template-columns:minmax(0,1fr);align-content:center;padding-top:112px;background-position:62% center}.portal-stage::before{background:linear-gradient(90deg,#111c2b 0%,rgba(17,28,43,.96) 54%,rgba(17,28,43,.38) 100%)}.teaser-card{max-width:570px}.profile-ribbon{position:absolute;right:4vw;bottom:58px;width:340px;min-height:290px;opacity:.92}.portrait-card-a{width:42%;height:70%;left:0;top:18%}.portrait-card-b{width:40%;height:66%;right:4%;top:4%}.portrait-card-c{width:41%;height:43%;right:24%;bottom:0}.display-copy{font-size:clamp(2.6rem,8vw,4.5rem)}.scroll-hint{left:26%;transform:none}}@media(max-width:680px){.top-strip{height:78px;padding:10px 16px}.brand-lockup{padding:2px 9px}.brand-lockup img{width:118px}.top-action{max-width:145px;min-height:40px;padding:8px 13px;font-size:.74rem;text-align:center}.portal-stage{min-height:100svh;padding:104px 16px 220px;background-position:70% center}.portal-stage::before{background:linear-gradient(180deg,rgba(17,28,43,.96) 0%,rgba(17,28,43,.92) 53%,rgba(17,28,43,.45) 78%,rgba(17,28,43,.2) 100%)}.teaser-card{padding:24px;border-radius:22px;min-width:0}.display-copy{font-size:clamp(2.35rem,13vw,3.6rem);overflow-wrap:anywhere}.teaser-text{margin:18px 0 22px;font-size:.94rem}.trust-line{gap:8px 12px}.profile-ribbon{right:12px;bottom:40px;width:250px;min-height:170px}.portrait-card figcaption{padding:6px 8px;font-size:.58rem}.scroll-hint{display:none}.profile-notes>summary{justify-content:space-between;text-align:left}.brand-guide{padding-top:54px;font-size:1rem}.brand-guide h1{overflow-wrap:anywhere}.notice-shell{padding:16px;background-position:68% center}.notice-wash{background:rgba(22,32,45,.42)}.notice-card{padding:28px 20px;border-radius:24px}.notice-logo{width:150px;margin-bottom:18px}.notice-card h2{font-size:2.15rem}.welcome-card{padding:40px 22px 28px;border-radius:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}.profile-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.portrait-card,.portrait-card-a,.portrait-card-b,.portrait-card-c{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;transform:none;align-self:end}.portrait-card-a{height:380px}.portrait-card-b{height:450px}.portrait-card-c{height:330px}@media(max-width:980px){.profile-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:end}.portrait-card-a{height:220px}.portrait-card-b{height:260px}.portrait-card-c{height:190px}}@media(max-width:680px){.profile-ribbon{left:16px;right:16px;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.portrait-card-a{height:130px}.portrait-card-b{height:150px}.portrait-card-c{height:120px}.portrait-card figcaption{left:5px;right:5px;bottom:5px;padding:5px 3px;font-size:.52rem;line-height:1.15}}
.dialog-label{margin:0 0 14px;font-size:clamp(1.55rem,4vw,2.2rem);font-weight:800;line-height:1.1}
