:root{--ink:#19201e;--muted:#555f5b;--paper:#fcfbf7;--blue:#3559bf;--line:#cdd1c7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "PingFang SC","Microsoft YaHei",system-ui,sans-serif}
a{color:inherit;text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.wrap{width:min(1184px,90%);margin-inline:auto}.mast,.foot,.brand,nav,.button,.platform{display:flex;align-items:center}
.mast{height:82px;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:700 32px/1 Georgia,serif;gap:9px;letter-spacing:-1.5px}.brand img{mix-blend-mode:multiply}
nav{gap:32px;font-size:14px}nav a{padding:12px 0;text-decoration:none}nav a:hover,.foot a:hover{color:var(--blue)}
.hero{display:grid;grid-template-columns:1fr 1.07fr;gap:6%;align-items:center;padding-block:58px 66px}
.platform{gap:9px;font-size:13px;letter-spacing:1px;font-weight:550;margin:0 0 12px}.platform span{border-radius:50%;width:8px;height:8px;background:var(--blue)}
h1,h2,p,figure{margin:0}h1{font-size:clamp(36px,3.4vw,54px);letter-spacing:-.07em;line-height:1.23}.wordmark{display:block;font:600 clamp(96px,9vw,150px)/.96 Georgia,"Times New Roman",serif;letter-spacing:-.085em;margin:0 0 15px}
.lead{font-size:17px;max-width:24em;color:var(--muted);margin:22px 0 26px;line-height:1.8}
.button{width:fit-content;gap:24px;padding:12px 19px;background:var(--ink);color:white;border-radius:8px;text-decoration:none;font-weight:600}.button:hover{background:var(--blue)}.button span{font-size:21px;line-height:1}
.poster{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.13;border-radius:22px;background-color:#cddcfd;background-image:linear-gradient(#fff6 1px,transparent 1px),linear-gradient(90deg,#fff6 1px,transparent 1px);background-size:29px 29px;container-type:inline-size}
.orbit{position:absolute;inset:27% -12%;transform:rotate(-24deg);border:1px solid #768bc7;border-radius:50%}
.card{position:absolute;top:17%;left:25%;width:50%;height:67%;border:2px solid var(--ink);border-radius:8%;background:#fffdf7}
.shadowcard{background:#91adf4;transform:translate(-7%,4%) rotate(-14deg);box-shadow:2px 3px var(--ink)}.portrait{transform:rotate(8deg);box-shadow:3px 4px var(--ink);display:grid;grid-template-rows:12% 1fr 15%;align-items:center;justify-items:center}
.portrait img{width:88%;height:100%;min-height:0;object-fit:contain;mix-blend-mode:multiply}.portrait span{font:bold 6.5cqw/1 Georgia,serif;letter-spacing:-.07em;align-self:start}.mini{width:83%;display:flex;gap:4px;align-items:center;border-bottom:1px solid #c7c9c1;height:100%}.mini i{width:4px;height:4px;border-radius:50%;background:#666f6b}
.bubble{position:absolute;top:13%;right:12%;display:flex;gap:1.1cqw;border:2px solid var(--ink);border-radius:4cqw 4cqw 4cqw .6cqw;background:#3157bb;padding:3cqw;transform:rotate(9deg);box-shadow:2px 3px var(--ink)}.bubble b{border-radius:50%;width:1.35cqw;height:1.35cqw;background:white}
.spark{position:absolute;font-style:normal;line-height:1}.one{left:8%;top:27%;font-size:9cqw;color:#375ab4}.two{bottom:13%;right:9%;font-size:12cqw}
.showcase{background:#eff1e9;border-block:1px solid var(--line);padding:76px 0}.gallery,.about{display:grid;grid-template-columns:1fr 1.07fr;gap:6%;align-items:center}h2{font-size:clamp(32px,3.8vw,52px);line-height:1.2;letter-spacing:-.06em}
.gallery-copy>p{color:var(--muted);margin:12px 0 25px}.choices{display:grid;border-top:1px solid var(--line)}.choices a{position:relative;display:grid;gap:4px;border-bottom:1px solid var(--line);text-decoration:none;padding:16px 34px 16px 14px}.choices a:hover{background:#fff8}.choices a[aria-current]{background:#fcfbf7;border-left:3px solid var(--blue)}.choices a::after{content:'↗';position:absolute;right:14px;top:18px;color:var(--muted)}.choices a[aria-current]::after{content:'●';color:var(--blue);font-size:12px}
.choices strong{font-size:20px}.choices span,figcaption{color:var(--muted);font-size:14px}
figure{text-align:center}.phone{width:min(100%,215px);margin:auto;padding:5px;background:#252a28;border-radius:32px;box-shadow:9px 12px 0 #d9dfd0}.phone img{display:block;width:100%;height:auto;border-radius:27px;background:white}figcaption{margin-top:20px}
.about{align-items:start;padding-block:75px 90px}details{border-top:1px solid var(--line);padding:16px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{margin-top:12px;color:var(--muted)}
footer{background:var(--ink);color:#f5f6ef}.foot{justify-content:space-between;gap:16px;padding-block:30px;font-size:14px}.foot strong{font:700 32px Georgia,serif}.foot p{margin-top:5px;color:#c9d0c6}.foot span{margin-inline:8px;color:#a3ada9}
.legal{max-width:740px;padding-block:55px 82px}.legal h1{font-size:42px;margin:18px 0}.legal h2{font-size:24px;margin:32px 0 8px}.legal p{line-height:1.85}
@media(max-width:720px){.mast{height:66px}nav{gap:18px}.hero,.gallery,.about{grid-template-columns:1fr}.hero{gap:32px;padding-block:32px 36px}.wordmark{font-size:86px;margin-bottom:8px}.lead{font-size:16px;margin:16px 0 20px}.poster{aspect-ratio:1.32}.showcase{padding:38px 0}.gallery,.about{gap:30px}.about{padding-block:42px}.gallery-copy>p{margin-bottom:20px}.foot{flex-wrap:wrap}.phone{width:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}