.page{min-height:100dvh;padding:0 18px 30px;background:#f7f4ed;color:#14253c;font-family:"Segoe UI",Arial,sans-serif}
.header,.demoNotice,.hero,.about,.advantageSection,.section,.exchangeCard,.footer{width:min(960px,100%);margin-inline:auto}
.header{display:flex;min-height:76px;align-items:center;justify-content:space-between}
.yami{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none}
.yami img{width:48px;height:48px;border-radius:13px;background:#fff;object-fit:contain}
.yami span{display:grid;gap:1px}.yami b{font-size:16px;letter-spacing:.09em}.yami small{color:#7b8490;font-size:9px;font-weight:900;letter-spacing:.13em}
.back{padding:9px 13px;border:1px solid #d9d7d0;border-radius:12px;background:#fff;color:#334359;font-size:12px;font-weight:800;text-decoration:none}
.demoNotice{display:flex;margin-bottom:12px;padding:8px 12px;align-items:center;gap:10px;border:1px solid #ead49c;border-radius:12px;background:#fff9e9;color:#795918;font-size:11px;line-height:1.45}
.demoNotice b{padding:4px 7px;border-radius:99px;background:#e7ba45;color:#362605;font-size:8px;letter-spacing:.12em;white-space:nowrap}
.hero{position:relative;display:grid;min-height:310px;padding:34px 40px;overflow:hidden;grid-template-columns:1.2fr .8fr;align-items:center;border-radius:26px;background:linear-gradient(130deg,#101d2d 0%,#173a4c 56%,#176264 100%);box-shadow:0 20px 52px #152b3b20;color:#fff}
.hero:after{position:absolute;width:360px;height:360px;right:-175px;top:-185px;border:1px solid #ffffff1c;border-radius:50%;box-shadow:0 0 0 62px #ffffff0a,0 0 0 124px #ffffff08;content:""}
.heroCopy{position:relative;z-index:2}.partnerBadge{display:inline-flex;padding:6px 9px;border:1px solid #ffffff25;border-radius:999px;background:#ffffff12;color:#e7cc75;font-size:9px;font-weight:900;letter-spacing:.14em}
.partnerIdentity{display:flex;margin-top:16px;align-items:center;gap:10px}.partnerIdentity>span:last-child{display:grid;gap:2px}.partnerIdentity small{color:#83d8d0;font-size:8px;font-weight:900;letter-spacing:.18em}.partnerIdentity b{font-size:11px;letter-spacing:.09em}
.partnerMark{width:44px;height:44px;border:2px solid #d9ad64;border-radius:50%;background:#fff;box-shadow:0 10px 24px #07121d66;object-fit:cover}
.hero h1{max-width:560px;margin:14px 0 0;font-size:clamp(35px,5vw,48px);line-height:1.05;letter-spacing:-.05em}.hero p{max-width:580px;margin:13px 0 20px;color:#cbd6de;font-size:14px;line-height:1.5}
.heroActions{display:flex;gap:8px;flex-wrap:wrap}.heroActions a{display:inline-flex;min-height:41px;padding:0 16px;align-items:center;justify-content:center;border-radius:11px;background:#e2bd58;color:#1d2733;font-size:12px;font-weight:900;text-decoration:none}.heroActions .secondaryAction{border:1px solid #ffffff32;background:#ffffff12;color:#fff}
.heroArt{position:relative;z-index:1;display:grid;width:min(220px,100%);aspect-ratio:1;margin:auto;place-items:center}.heroArt:before{position:absolute;inset:-12%;border:1px solid #ffffff1f;border-radius:50%;box-shadow:0 0 0 24px #ffffff08;content:""}.heroLogo{position:relative;width:100%;height:100%;border:4px solid #cf9c50;border-radius:50%;background:#fff;box-shadow:0 22px 40px #06111b75;object-fit:cover}
.about{display:grid;margin-top:38px;padding:28px;grid-template-columns:.8fr 1.2fr;gap:38px;border:1px solid #e3dfd4;border-radius:22px;background:#fff}.aboutLead span,.sectionTitle>span,.sectionHeading span,.exchangeCard small{color:#98741d;font-size:9px;font-weight:950;letter-spacing:.17em}.aboutLead h2,.sectionTitle h2,.sectionHeading h2,.exchangeCard h2{margin:7px 0 0;font-size:clamp(25px,3.5vw,34px);line-height:1.12;letter-spacing:-.04em}.aboutCopy{display:grid;gap:11px}.aboutCopy p{margin:0;color:#62707c;font-size:13px;line-height:1.65}.aboutCopy b{color:#21364b}
.advantageSection,.section{margin-top:38px;scroll-margin-top:18px}.sectionTitle{display:flex;margin-bottom:15px;align-items:end;justify-content:space-between;gap:24px}.sectionTitle h2{max-width:620px}.advantageGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.advantageCard{padding:20px;border:1px solid #e1ded5;border-radius:19px;background:#fff;box-shadow:0 10px 28px #152b3b09}.advantageCard>span{display:grid;width:33px;height:33px;place-items:center;border-radius:10px;background:#edf7f5;color:#17716d;font-size:10px;font-weight:950}.advantageCard h3{margin:15px 0 7px;font-size:16px;letter-spacing:-.025em}.advantageCard p{margin:0;color:#6d7985;font-size:12px;line-height:1.55}.policyNote{margin:10px 2px 0;color:#7c725d;font-size:10px;line-height:1.5}
.sectionHeading{display:flex;margin-bottom:15px;align-items:end;justify-content:space-between;gap:18px}.facebook{display:inline-flex;min-height:38px;padding:0 13px;align-items:center;border:1px solid #d7dfdc;border-radius:11px;background:#fff;color:#245568;font-size:11px;font-weight:850;text-decoration:none}.facebook:hover,.facebook:focus-visible{border-color:#256a6a;outline:2px solid #95d3cc;outline-offset:2px}.locationGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.locationCard{padding:22px;border:1px solid #e1ded5;border-radius:21px;background:#fff;box-shadow:0 10px 28px #152b3b09}.locationIcon{display:grid;width:42px;height:42px;margin-bottom:17px;place-items:center;border-radius:13px;background:#eef7f5;font-size:22px}.locationCard>small{color:#17716d;font-size:9px;font-weight:900;letter-spacing:.13em}.locationCard h3{margin:6px 0 8px;font-size:19px;letter-spacing:-.03em}.locationCard p{min-height:40px;margin:0 0 16px;color:#65727e;font-size:13px;line-height:1.5}.phoneRow{display:grid;padding-top:13px;grid-template-columns:56px 1fr;gap:8px;border-top:1px solid #eeece6;font-size:12px}.phoneRow>span{display:flex;gap:7px;flex-wrap:wrap}.phoneRow a{color:#176b68;font-weight:850;text-decoration:none}.phoneRow a+a:before{margin-right:7px;color:#b0b7b5;content:"·"}
.exchangeCard{display:grid;margin-top:14px;padding:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;border:1px solid #dec57a;border-radius:23px;background:linear-gradient(135deg,#fffdf7,#f5e6ba);box-shadow:0 15px 38px #6d521214}.exchangeIcon{display:flex;width:84px;height:84px;align-items:center;justify-content:center;gap:4px;border-radius:21px;background:#17293c;color:#f2d16e;font-size:24px;font-weight:950}.exchangeIcon span{color:#7fd5cd;font-size:15px}.exchangeCopy p{max-width:600px;margin:8px 0 0;color:#5f6c78;font-size:12px;line-height:1.5}.ownerNote{max-width:650px;margin-top:11px;padding:9px 11px;border-left:3px solid #bd942c;border-radius:0 8px 8px 0;background:#ffffff7a;color:#665528;font-size:10px;line-height:1.45}.exchangeCard>a{display:inline-flex;min-height:45px;padding:0 15px;align-items:center;gap:12px;border-radius:12px;background:#17293c;color:#fff;font-size:11px;font-weight:900;text-decoration:none;white-space:nowrap}.exchangeCard>a b{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#e2bd58;color:#17293c}.footer{display:flex;margin-top:40px;padding:18px 2px;justify-content:space-between;gap:18px;border-top:1px solid #dcd9d1;color:#7b8590;font-size:11px}.footer small{font-size:10px;text-align:right}
@media(max-width:760px){.hero{grid-template-columns:1fr}.heroArt{position:absolute;width:190px;right:-42px;bottom:-50px;opacity:.2}.heroCopy{max-width:620px}.about{grid-template-columns:1fr;gap:16px}.advantageGrid{grid-template-columns:1fr}.sectionTitle,.sectionHeading{align-items:flex-start;flex-direction:column}.locationGrid{grid-template-columns:1fr}.exchangeCard{grid-template-columns:auto 1fr}.exchangeCard>a{grid-column:1/-1;justify-content:space-between}.footer{align-items:flex-start;flex-direction:column}.footer small{text-align:left}}
@media(max-width:480px){.page{padding-inline:14px}.header{min-height:68px}.yami img{width:45px;height:45px}.back{padding:8px 10px}.demoNotice{align-items:flex-start;flex-direction:column;gap:5px}.hero{min-height:0;padding:23px 20px;border-radius:22px}.partnerIdentity{margin-top:13px}.hero h1{margin-top:13px;font-size:31px}.hero p{margin:10px 0 17px;font-size:13px}.heroActions a{width:100%;min-height:40px}.heroArt{display:none}.about{margin-top:24px;padding:20px}.advantageSection,.section{margin-top:28px}.advantageCard{padding:18px}.locationCard{padding:19px}.exchangeCard{margin-top:12px;padding:20px;grid-template-columns:1fr}.exchangeIcon{width:65px;height:65px;border-radius:17px}.exchangeCard>a{grid-column:auto}.footer{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
*,*::before,*::after{box-sizing:border-box}html,body{margin:0}