:root{--v27-brand:#ff5a5f;--v27-structure:#1737b8;--v27-app-bg:#f3f6ff;--v27-soft:#e9eeff;--v27-on:#fff}
body[data-skin="i1-b"]{--v27-brand:#ff304c;--v27-structure:#101c46;--v27-app-bg:#eaf1ff;--v27-soft:#f4f7ff}
body[data-skin="d1-a"]{--v27-brand:#7658ff;--v27-structure:#101c46;--v27-app-bg:#dfff57;--v27-soft:#f0f3ff}
body{font-family:Poppins,"Segoe UI",sans-serif;background:radial-gradient(circle at 95% 5%,color-mix(in srgb,var(--v27-brand) 10%,transparent),transparent 25rem),var(--v27-app-bg)}
.appbar{height:76px;padding-inline:max(18px,calc((100vw - 1220px)/2));border-bottom:1px solid color-mix(in srgb,var(--v27-structure) 9%,transparent)}
.brand-symbol-home{width:46px;height:46px;border-radius:0!important;background:transparent!important;transform:none!important;padding:0;cursor:pointer}
.brand-symbol-home img{display:block;width:100%;height:100%;object-fit:contain;transform:none}
.brand-v27{display:flex;align-items:center;justify-content:center;gap:.15rem}
.brand-v27>img{height:46px;width:auto;display:block}
.brand-v27>span{display:grid;text-align:left;line-height:1}
.brand-v27 b{font-family:Poppins,"Segoe UI",sans-serif!important;font-size:1.28rem;letter-spacing:-.06em;color:var(--v27-structure)}
.brand-v27 em{font-weight:500!important;font-style:italic!important;color:var(--v27-brand)!important;margin-right:.05em}
.brand-v27 small{font-family:Poppins,"Segoe UI",sans-serif;color:var(--v27-structure)!important;font-size:.43rem!important;letter-spacing:.18em!important;margin-top:.22rem}
.account-v27{justify-self:end;position:relative}.avatar{width:auto;min-width:52px;padding:.55rem .75rem;border:0;border-radius:999px;background:var(--v27-soft);color:var(--v27-structure);font:700 .78rem Poppins,"Segoe UI",sans-serif;cursor:pointer}
.account-menu-v27{position:absolute;right:0;top:calc(100% + .55rem);z-index:80;width:min(270px,calc(100vw - 24px));display:grid;gap:.2rem;padding:.55rem;background:#fff;border:1px solid color-mix(in srgb,var(--v27-structure) 14%,transparent);border-radius:18px;box-shadow:0 18px 50px color-mix(in srgb,var(--v27-structure) 20%,transparent)}
.account-menu-v27[hidden]{display:none}.account-menu-v27>a,.account-menu-v27>button,.account-menu-v27 summary{border:0;background:transparent;color:var(--v27-structure);font:600 .76rem Poppins,"Segoe UI",sans-serif;text-decoration:none;text-align:left;padding:.62rem;border-radius:10px;cursor:pointer}.account-menu-v27>a:hover,.account-menu-v27>button:hover,.account-menu-v27 summary:hover{background:var(--v27-soft)}
.account-menu-v27 details{border-block:1px solid #e5e9f2;padding:.2rem 0}.account-menu-v27 details>span{display:block;padding:.3rem .62rem .15rem;color:#66758c;font-size:.62rem}.skin-choices,.motion-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.2rem .55rem .4rem}.motion-choices{grid-template-columns:1fr 1fr}.skin-choices button,.motion-choices button{border:1px solid #d7dfec;border-radius:9px;background:#fff;color:var(--v27-structure);padding:.42rem .25rem;font:700 .62rem Poppins;cursor:pointer}.skin-choices button.is-selected,.motion-choices button.is-selected{background:var(--v27-brand);border-color:var(--v27-brand);color:#fff}
.location-bar{top:76px;min-height:50px;background:rgba(255,255,255,.96);padding-inline:max(18px,calc((100vw - 1050px)/2));gap:.45rem}.location-bar button{border:0;background:transparent;color:var(--v27-structure);padding:0;font:700 .78rem Poppins;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.2rem}.location-bar button:hover,.location-bar button:focus-visible{text-decoration-color:var(--v27-brand)}.location-bar span:before{content:"›";margin-right:.45rem;color:var(--v27-brand)}.location-bar small{margin-left:auto;color:#66758c;font-size:.59rem}
.subnav-v27{position:fixed;left:50%;bottom:90px;z-index:29;width:min(640px,calc(100% - 24px));height:118px;transform:translateX(-50%);display:flex;justify-content:center;align-items:end;gap:.42rem;pointer-events:none;transition:opacity .2s ease}.subnav-v27.is-hidden{opacity:0}.subnav-v27 button{pointer-events:auto;width:108px;min-height:88px;border:0;border-radius:18px;background:#fff;color:var(--v27-structure);padding:.55rem;display:grid;place-items:center;align-content:center;gap:.25rem;box-shadow:0 15px 34px color-mix(in srgb,var(--v27-structure) 20%,transparent);font:700 .65rem Poppins;cursor:pointer;transition:transform .24s ease,background .2s,color .2s,opacity .2s}.subnav-v27 button svg{width:32px;height:32px}.subnav-v27 button.is-selected{background:var(--v27-brand);color:#fff}.subnav-v27[data-motion="halo"] button:nth-child(1){transform:translateY(8px) rotate(-4deg)}.subnav-v27[data-motion="halo"] button:nth-child(2){transform:translateY(-14px)}.subnav-v27[data-motion="halo"] button:nth-child(3){transform:translateY(8px) rotate(4deg)}.subnav-v27[data-count="5"] button{width:92px}.subnav-v27[data-count="5"] button:nth-child(1),.subnav-v27[data-count="5"] button:nth-child(5){transform:translateY(12px)}.subnav-v27[data-count="5"] button:nth-child(2),.subnav-v27[data-count="5"] button:nth-child(4){transform:translateY(1px)}.subnav-v27[data-count="5"] button:nth-child(3){transform:translateY(-11px)}
.subnav-v27[data-motion="fan"]{justify-content:flex-end;align-items:end;height:265px;bottom:88px}.subnav-v27[data-motion="fan"] button{position:absolute;right:18px;width:150px;min-height:62px;grid-template-columns:36px 1fr;text-align:left}.subnav-v27[data-motion="fan"] button:nth-child(1){transform:translateY(-210px) rotate(-7deg)}.subnav-v27[data-motion="fan"] button:nth-child(2){transform:translateY(-142px) rotate(2deg)}.subnav-v27[data-motion="fan"] button:nth-child(3){transform:translateY(-74px) rotate(-3deg)}.subnav-v27[data-motion="fan"][data-count="5"] button:nth-child(1){transform:translateY(-272px) rotate(-7deg)}.subnav-v27[data-motion="fan"][data-count="5"] button:nth-child(2){transform:translateY(-210px) rotate(2deg)}.subnav-v27[data-motion="fan"][data-count="5"] button:nth-child(3){transform:translateY(-148px) rotate(-3deg)}.subnav-v27[data-motion="fan"][data-count="5"] button:nth-child(4){transform:translateY(-86px) rotate(2deg)}.subnav-v27[data-motion="fan"][data-count="5"] button:nth-child(5){transform:translateY(-24px) rotate(-2deg)}
.nav-v27{width:min(700px,calc(100% - 24px));background:#fff;border-radius:24px 24px 18px 18px;padding:.55rem;gap:.45rem;box-shadow:0 20px 48px color-mix(in srgb,var(--v27-structure) 24%,transparent)}.nav-v27 button{min-height:66px;border-radius:17px!important;background:var(--v27-soft)!important;color:var(--v27-structure)!important;display:grid;justify-items:center;align-content:center;gap:.12rem;padding:.35rem .15rem!important;font-family:Poppins,"Segoe UI",sans-serif!important;transition:transform .22s ease,background .2s,color .2s,box-shadow .2s}.nav-v27 button b{height:29px;display:block!important}.nav-v27 button b svg{width:30px;height:30px;display:block}.nav-v27 button span{font-size:.6rem;white-space:nowrap}.nav-v27 button.active{background:var(--v27-brand)!important;color:#fff!important;transform:translateY(-11px);box-shadow:0 12px 24px color-mix(in srgb,var(--v27-brand) 34%,transparent)}.nav-v27 button.active:after{content:"";width:5px;height:5px;border-radius:50%;background:#fff}.v27-icon .l{fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.v27-icon .f{fill:currentColor;stroke:none}
.page h1,.page h2,.page h3{font-family:Poppins,"Segoe UI",sans-serif;color:var(--v27-structure);letter-spacing:-.035em}.page h1{font-weight:800}.eyebrow{color:var(--v27-brand)}.btn.primary,.feedback-fab{background:var(--v27-brand)}.path.active{border-color:var(--v27-brand)}
.feedback-fab{top:82px;bottom:auto;right:max(12px,calc((100vw - 1120px)/2));z-index:36;max-width:145px;white-space:nowrap}
.feedback-scale{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.check-feedback{display:flex!important;align-items:center;gap:.45rem}.check-feedback input{width:auto!important;margin:0!important}.drawer input[type="file"]{font-size:.72rem}.drawer label small{display:block;margin-top:.35rem;color:#66758c}.tech-feedback{margin-top:12px;padding:10px;border-radius:12px;background:var(--v27-soft);color:var(--v27-structure);font-size:.65rem;line-height:1.45}
@media(max-width:760px){.appbar{height:64px;padding:0 12px}.brand-symbol-home{width:40px;height:40px}.brand-v27>img{height:38px}.brand-v27 b{font-size:1.05rem}.brand-v27 small{font-size:.35rem!important}.avatar{min-width:0;max-width:90px;overflow:hidden;text-overflow:ellipsis}.location-bar{top:64px;padding:8px 100px 8px 14px}.location-bar small{display:none}.feedback-fab{top:70px;right:10px;padding:9px 11px;font-size:.66rem}.subnav-v27{bottom:82px}.nav-v27{bottom:6px;gap:.28rem;padding:.42rem}.nav-v27 button{min-height:60px}.nav-v27 button b svg{width:27px;height:27px}.nav-v27 button span{font-size:.54rem}.subnav-v27 button{width:92px;min-height:80px}.subnav-v27[data-count="5"] button{width:68px}.subnav-v27[data-count="5"] button span{font-size:.54rem}.feedback-scale{grid-template-columns:1fr}.drawer{padding:20px 18px 96px}}
@media(max-width:390px){.brand-v27 small{display:none}.brand-v27>img{height:35px}.subnav-v27 button{width:84px}.subnav-v27[data-count="5"] button{width:62px;padding-inline:.2rem}.nav-v27 button span{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.subnav-v27,.subnav-v27 button,.nav-v27 button{transition:none}}