@font-face{font-family:League Spartan;src:url(../fonts/league-spartan.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#151419;font:1rem/1.6 League Spartan,-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.lines{white-space:pre-line}.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;font-style:normal;line-height:1.2}.brand-name{display:block;white-space:nowrap}.brand-feiyu .brand-name{font-family:Songti TC,Songti SC,serif;font-weight:600;letter-spacing:.12em}.brand-yexu .brand-name{font-family:PingFang TC,Microsoft JhengHei,sans-serif;font-weight:500;letter-spacing:.2em}.brand-yuni .brand-name{font-family:PingFang TC,Microsoft JhengHei,sans-serif;font-weight:400;letter-spacing:.08em}.brand-icon{display:block;flex:none;object-fit:contain}.primary{display:inline-flex;align-items:center;justify-content:center;max-width:100%;border:0;line-height:1.5;text-align:center}.primary>span{display:block}.skip{position:fixed;z-index:30;top:-100px;left:16px;padding:12px 18px;background:#211f26;color:#fff}.skip:focus{top:12px;outline:2px solid #d2afbf;outline-offset:4px}.no-script{max-width:480px;padding:32px;margin:auto;color:#fff}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.variant-page{--bg: #fff;--surface: #f6f3f6;--text: #29232d;--muted: #817684;--accent: #9b4f70;--rose: var(--accent);--line: #eae3ec;--button-radius: 6px;--content-width: 1200px;--gutter: 48px;min-height:100svh;background:var(--bg);color:var(--text);font-family:League Spartan,-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,sans-serif}.variant-page .shell{width:min(var(--content-width),100%);margin-inline:auto;padding-inline:var(--gutter)}.variant-page .brand{font-size:28px;gap:12px}.variant-page .brand-icon{width:40px;height:40px}.variant-page button{border-radius:var(--button-radius)}.variant-page .primary{min-height:54px;min-width:208px;padding:15px 28px;border:1px solid var(--accent);border-radius:var(--button-radius);background:var(--accent);color:#fff;font-size:14px;font-weight:500;transition:background .2s}.variant-page .primary:hover{background:#813c5b}.variant-page :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:5px}.profile-media{position:relative;width:100%;height:100%;overflow:hidden;background:#342b37}.profile-media>img,.virtual-portrait{display:block;width:100%;height:100%;object-fit:cover}.reference-hero{position:relative;isolation:isolate;height:760px;min-height:680px;overflow:hidden;background:#161218;color:#fff}.reference-hero .hero-background{position:absolute;inset:0;z-index:-3}.hero-background>img{object-position:50% 35%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#161218dc,#16121880 70%,#161218cc),linear-gradient(0deg,#16121866,#16121833)}.reference-header{position:relative;display:flex;align-items:center;height:96px;z-index:3}.reference-header>a{display:inline-flex}.reference-header .brand-name{color:#fff}.hero-content{height:calc(100% - 96px);display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:80px;align-items:center}.hero-copy{padding-bottom:48px}.hero-copy h1{margin:0;font-size:clamp(44px,4vw,58px);line-height:1.45;font-weight:600;letter-spacing:-.025em;color:#fff}.hero-copy h1>span{display:block;overflow-wrap:anywhere}.hero-description{color:#ecdee8;font-size:14px;line-height:2;margin-top:24px;max-width:480px}.hero-copy .primary{margin-top:36px}.reference-hero :is(a,button):focus-visible{outline-color:#fff}.phone-preview{position:relative;width:340px;height:646px;align-self:end;margin-bottom:-36px;border:8px solid #d8d3da;border-radius:44px;padding:12px;background:#f7f4f8;box-shadow:0 28px 70px #0005;overflow:hidden}.phone-notch{position:absolute;z-index:4;width:138px;height:24px;top:0;left:50%;transform:translate(-50%);border-radius:0 0 18px 18px;background:#d8d3da}.phone-screen{position:relative;height:100%;overflow:hidden;border-radius:28px;background:#211823}.phone-brand{display:flex;align-items:center;min-height:76px;padding:20px 18px 12px}.phone-brand .brand{font-size:20px;gap:8px}.phone-brand .brand-icon{width:28px;height:28px}.phone-brand .brand-name{color:#fff}.phone-photo{height:calc(100% - 76px)}.phone-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:48px 18px 20px;background:linear-gradient(transparent,#1a1219e6);color:#fff}.phone-caption h3{font-size:18px;line-height:1.5;font-weight:500;white-space:nowrap}.phone-caption .profile-example-distance{color:#f0dfeb}.preview-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding-top:80px;padding-bottom:72px}.preview-profile{text-align:center;min-width:0}.preview-avatar{width:72px;height:72px;margin-inline:auto;border-radius:50%}.preview-avatar>img{object-position:50% 35%}.preview-profile h3{margin-top:20px;font-size:19px;line-height:1.5;font-weight:500}.profile-example-distance{margin:0;font-size:11px;line-height:1.7;color:var(--muted);white-space:nowrap}.preview-profile .profile-example-distance{margin-top:10px}.copy-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-bottom:88px}.copy-card{display:flex;align-items:center;min-height:216px;padding:40px;background:#fff;border:1px solid #f0ebf1;border-radius:20px;box-shadow:0 16px 48px #3225380a}.copy-card p{font-size:23px;line-height:1.7;font-weight:400;color:#65566a}.mosaic-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));scroll-margin-top:24px}.mosaic-profile,.mosaic-copy{position:relative;min-width:0;aspect-ratio:1;overflow:hidden}.mosaic-profile .profile-media{position:absolute;inset:0}.mosaic-profile .profile-media>img{object-position:50% 35%}.mosaic-profile .card-info{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:48px 20px 16px;background:linear-gradient(transparent,#1a1219de);color:#fff}.card-info h3{flex:none;font-size:18px;line-height:1.5;font-weight:500;white-space:nowrap}.card-info .profile-example-distance{color:#f0dfeb}.mosaic-copy{display:flex;align-items:center;padding:40px;background:#171019;color:#fff}.mosaic-copy h2,.mosaic-contact-note{font-size:clamp(23px,2.2vw,36px);line-height:1.5;font-weight:500;letter-spacing:-.02em;overflow-wrap:anywhere}.mosaic-copy h2>span{display:block}.mosaic-contact-note{max-width:6em}.closing-contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding-top:88px;padding-bottom:88px;text-align:center}.closing-contact .brand-name{color:var(--text)}.closing-contact .brand-icon{padding:6px;border-radius:6px;background:#211723}.contact-note{color:var(--muted);font-size:15px;line-height:1.8}@media(min-width:1600px){.reference-hero{height:800px}}@media(max-width:1100px){.variant-page{--gutter: 40px}.hero-content{grid-template-columns:minmax(0,1fr) 292px;gap:48px}.phone-preview{width:292px;height:566px}.hero-copy h1{font-size:46px}.mosaic-copy{padding:24px}.mosaic-profile .card-info{padding-inline:12px}.card-info h3{font-size:16px}.card-info .profile-example-distance{font-size:10px}}@media(max-width:760px){.variant-page{--gutter: 24px}.reference-hero{height:600px;min-height:600px}.reference-header{height:80px}.reference-header .brand{font-size:25px}.reference-header .brand-icon{width:36px;height:36px}.hero-content{height:calc(100% - 80px);display:flex;align-items:center;justify-content:center}.hero-copy{width:100%;max-width:520px;padding-bottom:48px;text-align:center}.hero-copy h1{font-size:clamp(34px,8.8vw,44px);line-height:1.5}.hero-description{margin-top:20px;margin-inline:auto;font-size:12px;max-width:320px}.hero-copy .primary{margin-top:28px;min-width:196px;min-height:52px;font-size:13px}.phone-preview{display:none}.hero-shade{background:linear-gradient(180deg,#1710198c,#17101994 45%,#171019b8)}.preview-strip{gap:16px;padding-top:44px;padding-bottom:44px}.preview-avatar{width:52px;height:52px}.preview-profile h3{font-size:16px;margin-top:16px}.preview-profile .profile-example-distance{font-size:9px;margin-top:8px}.copy-cards{grid-template-columns:1fr;gap:20px;padding-bottom:48px}.copy-card{min-height:160px;padding:28px;border-radius:16px}.copy-card p{font-size:20px}.mosaic-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mosaic-copy{padding:24px}.mosaic-copy h2,.mosaic-contact-note{font-size:24px}.mosaic-profile .card-info{padding:32px 12px 12px;gap:6px}.card-info h3{font-size:16px}.card-info .profile-example-distance{font-size:10px}.closing-contact{gap:20px;padding-top:56px;padding-bottom:56px}.closing-contact .primary{min-height:52px;font-size:13px}}@media(max-width:380px){.variant-page{--gutter: 20px}.reference-header .brand{font-size:23px}.hero-copy h1{font-size:32px}.preview-strip{gap:10px}.preview-profile h3{font-size:14px}.preview-profile .profile-example-distance{font-size:8px}.mosaic-profile .card-info{padding-inline:10px;gap:4px}.card-info h3{font-size:14px}.card-info .profile-example-distance{font-size:9px}.mosaic-copy{padding:20px}.mosaic-copy h2,.mosaic-contact-note{font-size:21px}}@media(prefers-reduced-motion:reduce){.variant-page *,.variant-page *:before,.variant-page *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(forced-colors:active){.hero-shade{background:Canvas}.variant-page .primary,.copy-card{border:1px solid ButtonText}}