/* A small visual layer over the original layout. */
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.brand-image{display:block;flex:none;object-fit:cover;border-radius:10px;background:#1b1c20}
.brand{min-width:0}
.brand>span{white-space:nowrap}
.header-account{max-width:min(44vw,230px);overflow:hidden;text-overflow:ellipsis;text-align:right;transition:color .2s ease}
.header-account:hover{color:#e3573b}
.hero-art{background:#1b1c20;isolation:isolate;box-shadow:0 32px 70px rgba(27,28,32,.12)}
.hero-glow{position:absolute;inset:-25%;background:radial-gradient(circle at 50% 50%,rgba(239,103,73,.09),transparent 58%);z-index:-1}
.hero-logo{width:min(78%,440px);height:auto;display:block;object-fit:contain;mix-blend-mode:lighten;filter:drop-shadow(0 15px 26px rgba(0,0,0,.24))}
.art-label{color:#242820}
.inline-icon{display:inline-block;width:19px;height:19px;stroke:#e3573b;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;margin-right:6px}
.hero-note{display:flex;align-items:center}
.account-avatar{overflow:hidden;background:#1b1c20;color:#fff}
.account-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.account-left{min-width:0}
.account-left>div:last-child{min-width:0}
.account-card h3,.account-description{overflow-wrap:anywhere}
.account-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:stretch}
.tool-link{display:flex;align-items:center;justify-content:center;min-height:49px;text-align:center;line-height:1.2;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.tool-link:hover{border-color:#c1c6bb;transform:translateY(-2px)}
.tool-help{align-self:center}
.steps,.plans-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.step,.plan{min-width:0;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.step:hover,.plan:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(37,40,32,.08)}
.step-symbol{display:grid;place-items:center;width:48px;height:48px;margin:18px 0 15px;border-radius:15px;background:#f8ddd3;color:#d94d32}
.step-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.step:hover .step-icon{transform:scale(1.12) rotate(-4deg)}
.plan-top{flex-wrap:wrap}
.plan-bottom{gap:10px;align-items:end}
.plan-bottom button{width:auto;height:auto;min-height:39px;padding:0 17px;border-radius:11px;font-size:12px;font-weight:750;white-space:nowrap;transition:transform .2s ease,background .2s ease}
.plan-bottom button:hover{transform:translateY(-2px);background:#e3573b}
.plan.featured .plan-bottom button:hover{background:#f8e7e1}
.button{min-width:0;min-height:52px;text-align:center;justify-content:center;line-height:1.3}
.closing{flex-wrap:wrap}
.closing .button{max-width:100%}
.dialog .button{justify-content:center}
.hero-copy{animation:rise-in .55s ease backwards}
.hero-art{animation:rise-in .7s .1s ease backwards}
.hero-logo{animation:logo-breathe 6s ease-in-out infinite}
.account-card,.step,.plan,.closing{animation:rise-in .5s ease backwards}
.step:nth-child(2),.plan:nth-child(2){animation-delay:.07s}
.step:nth-child(3),.plan:nth-child(3){animation-delay:.14s}
.plan:nth-child(4){animation-delay:.07s}
.plan:nth-child(5){animation-delay:.14s}
.plan:nth-child(6){animation-delay:.21s}
@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes logo-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media(max-width:1040px){.plans-list{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{gap:12px}.step{padding:24px}.plan{min-height:205px}}
@media(max-width:740px){.hero-art{height:min(78vw,390px)}.hero-logo{width:min(78%,300px)}.account-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.plans-list{grid-template-columns:1fr}.step{min-height:190px}.plan{min-height:170px}.hero-actions{align-items:stretch}.hero-actions .button{max-width:100%}.closing .button{width:100%}.account-card{gap:14px}}
@media(max-width:460px){.header{gap:9px}.brand{gap:7px;font-size:19px}.brand-image{width:34px;height:34px}.header-account{max-width:145px;font-size:11px;line-height:1.2}.hero h1{font-size:clamp(50px,14vw,64px)}.hero-actions{display:grid;grid-template-columns:1fr;gap:15px}.hero-actions .button{width:100%}.hero-actions .text-link{text-align:center;padding:12px}.account-tools{grid-template-columns:1fr}.account-card{flex-direction:column;padding:22px}.account-right{text-align:left;padding-left:0;min-width:0}.days-count{font-size:45px}.plan-bottom button{min-width:100px}.closing{padding:30px 24px}.dialog{padding:33px 24px}.dialog h2{font-size:38px}.footer>div{gap:16px}}
@media(max-width:310px){.header-account{max-width:112px}.brand>span{font-size:17px}.account-left{flex-direction:column}.hero h1{font-size:46px}.plan-bottom{align-items:start;flex-direction:column}.plan-bottom button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}