@font-face{font-family:Inter;src:url('/assets/inter-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-800.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
:root{
  color-scheme:light;
  --ink:#201725;
  --ink-soft:#4c3d51;
  --muted:#817487;
  --line:#ece3ef;
  --surface:#fff;
  --soft:#fdfafd;
  --orange:#f6a844;
  --pink:#e44b85;
  --purple:#9149ce;
  --gradient:linear-gradient(108deg,#f4a83f 0%,#f05c74 33%,#e23893 65%,#9349ce 100%);
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--ink);
  background:#fcfafc;
  font-synthesis:none;
}
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px;overflow-x:hidden;background:#fcfafc;color:var(--ink)}
button,input{font:inherit}
button{-webkit-tap-highlight-color:transparent;cursor:pointer}
button:disabled{cursor:not-allowed}
a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #aa55d8;outline-offset:3px}
.topbar{position:relative;z-index:5;height:77px;background:rgba(255,255,255,.96);border-bottom:1px solid #f0eaf1}
.topbar-inner{width:min(1120px,calc(100% - 56px));height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:auto}
.wordmark{display:inline-flex;align-items:center;gap:10px;min-width:0}
.brand-icon{display:block;width:42px;height:42px;flex:none;border-radius:14px}
.brand-type{display:flex;flex-direction:column;gap:2px}
.brand-type strong{font-size:26px;line-height:.92;letter-spacing:-.09em;font-weight:800;color:#25162c}
.brand-dot{color:#df358c}
.brand-type small{font-size:8px;letter-spacing:.34em;font-weight:800;color:#98849b}
.track-link{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:40px;padding:0 13px;font-size:12px;font-weight:700;color:#69576e;border:1px solid #eaddea;border-radius:11px;background:#fff;transition:border-color .2s,background .2s,color .2s}
.track-link svg{display:block;flex:none;color:#c53c85}
.track-link:hover{background:#fff7fc;border-color:#d9bedb;color:#98417f}
.stage{position:relative;isolation:isolate;min-height:calc(100svh - 77px);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 87% 10%,rgba(255,225,237,.35),transparent 46%),linear-gradient(150deg,#fffdfe 2%,#fbf7fc 64%,#fbf9fd 100%)}
.stage-glow{position:absolute;z-index:-1;left:-210px;bottom:-295px;pointer-events:none;width:670px;height:670px;border-radius:50%;border:1px solid rgba(187,123,204,.085);box-shadow:0 0 0 90px rgba(210,118,174,.027),0 0 0 190px rgba(192,112,203,.013)}
.stage-grid{position:relative;width:min(1120px,calc(100% - 64px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,466px);gap:clamp(35px,6vw,100px);align-items:center;flex:1;min-height:610px;padding:36px 0 20px}
.story{max-width:550px;position:relative}
.story-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:25px;padding:8px 13px;background:#fff4fa;border:1px solid #f6e6f0;color:#a23e85;border-radius:99px;font-size:10px;line-height:1;letter-spacing:.115em;font-weight:800}
.eyebrow-dot{width:7px;height:7px;background:#e75a98;border-radius:100%;box-shadow:0 0 0 4px rgba(229,84,151,.12)}
.story h1{margin:0;color:var(--ink);font-size:clamp(42px,5vw,69px);font-weight:800;letter-spacing:-.074em;line-height:1.085;max-width:620px;text-wrap:balance}
.story h1 span{display:block;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.045em}
.story-copy{max-width:475px;margin:24px 0 0;color:#6a5f70;font-size:15px;line-height:1.8}
.story-copy strong{color:#3d2c43;font-weight:800}
.story-points{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:28px}
.story-points>span{display:inline-flex;align-items:center;gap:7px;border:1px solid #ece4ed;background:rgba(255,255,255,.9);border-radius:9px;padding:9px 11px;color:#68586c;font-size:11px;font-weight:700}
.story-points>span>span{color:#b84b94;font-weight:800}
.story-track{display:flex;align-items:center;gap:10px;margin-top:65px;color:#817085}
.story-track>div{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}
.story-track b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f7edf8;border:1px solid #eedcec;color:#ae5aa5;font-size:11px;letter-spacing:-.02em}
.story-track-arrow{color:#c6b1c9;font-size:14px}
.wizard-column{width:100%;max-width:466px;margin:auto}
.mobile-intro{display:none}
.wizard{position:relative;isolation:isolate;overflow:hidden;background:#fff;border:1px solid #eadfea;border-radius:25px;padding:26px 27px 21px;box-shadow:0 34px 88px rgba(87,44,91,.12),0 8px 25px rgba(98,58,103,.04)}
.wizard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient)}
.wizard-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wizard-head>div{display:flex;flex-direction:column;gap:6px}
.wizard-kicker{font-size:11px;font-weight:800;letter-spacing:.135em;color:#c0428c}
.wizard-caption{font-size:12px;font-weight:600;color:#8c7e91}
.step-indicator{display:inline-flex;align-items:baseline;gap:2px;border-radius:11px;padding:9px 12px;background:#faf3fa;border:1px solid #f2e7f1;white-space:nowrap}
.step-indicator strong{font-size:17px;letter-spacing:-.05em;font-weight:800;color:#c53c8c}
.step-indicator em{font-size:12px;font-style:normal;font-weight:700;color:#a69bac}
.step-names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:23px;color:#988b9a;font-size:11px;font-weight:700;text-align:center}
.zeus-storefront[data-step="1"] .step-names span:first-child,
.zeus-storefront[data-step="2"] .step-names span:nth-child(2),
.zeus-storefront[data-step="3"] .step-names span:nth-child(3){color:#9e397e}
.step-meter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}
.meter-cell{display:block;height:5px;border-radius:100px;background:#f0e8f1;transition:background .25s}
.meter-cell.active{background:var(--gradient)}
.wizard-body{padding-top:24px;min-height:316px}
.step-view{animation:step-in .28s ease both}
.step-tag{display:block;color:#b94e97;font-size:10px;font-weight:800;letter-spacing:.11em;margin-bottom:11px}
.wizard-body h2{margin:0 0 10px;max-width:400px;font-size:clamp(24px,2.3vw,29px);line-height:1.2;letter-spacing:-.056em;color:var(--ink);font-weight:800;text-wrap:balance}
.wizard-body .step-subtitle{color:#827587;font-size:13px;line-height:1.6;margin:0 0 24px}
#username-form label{display:block;color:#493e4b;font-size:12px;font-weight:700;margin:0 0 10px}
.username-field{display:flex;align-items:center;height:59px;padding:0 16px;border-radius:13px;border:1.5px solid #e4d8e7;background:#fff;transition:border-color .2s,box-shadow .2s}
.username-field:focus-within{border-color:#d7569b;box-shadow:0 0 0 4px rgba(213,75,145,.095)}
.username-field>span{font-size:20px;font-weight:800;color:#cc438b}
.username-field input{flex:1;width:100%;min-width:0;border:0;outline:none;padding:0 0 0 8px;background:transparent;font-size:16px;font-weight:600;color:#25192b}
.username-field input::placeholder{color:#aa9bab;font-weight:400}
.next-button{display:flex;align-items:center;justify-content:center;gap:10px;height:53px;width:100%;margin-top:14px;border:0;border-radius:13px;padding:10px 16px;background:var(--gradient);color:#fff;font-size:14px;font-weight:800;box-shadow:0 11px 22px rgba(206,57,136,.18);transition:box-shadow .2s,transform .2s,filter .2s}
.next-button span{font-size:20px;font-weight:500}
.next-button:not(:disabled):hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 14px 26px rgba(205,55,133,.25)}
.next-button:disabled{opacity:.47;box-shadow:none}
.confirm-profile-handle{display:flex;align-items:center;gap:3px;max-width:100%;min-height:66px;padding:12px 18px;border:1.5px solid #ead5e5;border-radius:15px;background:linear-gradient(110deg,#fff7fc,#fff);color:#a43781;font-size:23px;font-weight:800;letter-spacing:-.035em;overflow-wrap:anywhere}
.confirm-profile-handle span{color:#cf4891;flex:none}
.confirm-profile-handle strong{min-width:0;overflow-wrap:anywhere}
.confirm-profile-hint{margin:11px 0 0;color:#817386;font-size:12px;line-height:1.6}
.confirm-profile-actions{display:grid;gap:9px;margin-top:19px}
.confirm-profile-actions .next-button{margin-top:0}
.confirm-edit-button{min-height:42px;border:1px solid #eedce9;border-radius:11px;background:#fff;color:#a23b83;font-size:12px;font-weight:800}
.confirm-edit-button:hover,.confirm-edit-button:focus-visible{background:#fff5fb;border-color:#d998c1}
.back-button{display:flex;align-items:center;gap:7px;margin:0 0 16px;padding:0;border:0;background:transparent;color:#8b6f8b;font-size:12px;font-weight:800}
.back-button:hover{color:#ad468b}
.selected-profile{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:29px;margin:0 0 11px;padding:5px 10px;background:#fcf8fc;border:1px solid #f0e7ef;border-radius:9px;color:#85748c;font-size:11px}
.selected-profile b{max-width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9c4b87}
.type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.type-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:150px;padding:17px 15px;text-align:left;border:1.5px solid #e9dfec;border-radius:16px;background:#fff;color:#35273b;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}
.type-card:hover,.type-card:focus-visible{background:#fff9fd;border-color:#db9cc5;box-shadow:0 9px 22px rgba(162,92,141,.08);transform:translateY(-1px)}
.type-icon{display:grid;place-items:center;flex:none;width:49px;height:49px;margin-bottom:17px;border-radius:13px;background:#fcf0f8;border:1px solid #f5e4ef;color:#a43c8f;font-size:27px}
.type-icon img{display:block;width:32px;height:25px;object-fit:contain}
.type-card strong{display:block;font-size:15px;font-weight:800;letter-spacing:-.02em;color:#32253a}
.type-card small{display:block;margin-top:5px;color:#8d8192;font-size:11px;line-height:1.5}
.type-arrow{position:absolute;right:14px;top:15px;color:#b67cae;font-size:19px}
.type-context{display:inline-flex;align-items:center;gap:7px;margin-bottom:11px;padding:6px 10px;border:1px solid #f0e0ed;border-radius:99px;background:#fdf4fa;color:#9b477f;font-size:11px;font-weight:800}
.type-context img{width:19px;height:15px;object-fit:contain}
.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.package-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:124px;padding:14px;border-radius:14px;border:1.5px solid #ebe1ee;background:#fff;color:#302238;text-align:left;transition:border-color .18s,transform .18s,background .18s,box-shadow .18s}
.package-option:hover:not(:disabled),.package-option:focus-visible{border-color:#d37bb4;background:#fff8fb;box-shadow:0 9px 20px rgba(167,73,142,.07);transform:translateY(-1px)}
.package-option:disabled{opacity:1;filter:none;cursor:default}
.package-option.featured{border-color:#e2accc;background:linear-gradient(145deg,#fffafb,#fbf7ff)}
.package-ribbon{display:inline-flex;margin:-3px 0 6px;font-size:9px;font-weight:800;color:#bd3f83;letter-spacing:.035em}
.package-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:7px}
.package-quantity{color:#2e2038;font-size:26px;letter-spacing:-.064em;line-height:1;font-weight:800}
.package-arrow{color:#c95898;font-size:17px;line-height:1}
.package-option:disabled .package-arrow{opacity:.45}
.package-unit{display:block;margin-top:4px;color:#8c8291;font-size:10px;font-weight:600}
.package-price{display:block;margin-top:auto;padding-top:13px;color:#c93686;font-size:21px;line-height:1.2;letter-spacing:-.045em;font-weight:800}
.package-value{display:block;margin-top:4px;color:#967b94;font-size:10px;font-weight:600}
.package-option.featured .package-price{padding-top:4px}
.checkout-status{margin:14px 0 0;padding:9px 11px;border:1px solid #f2dfeb;border-radius:10px;background:#fff8fc;color:#975478;text-align:center;font-size:11px;line-height:1.5}
.checkout-status.ok{border-color:#bcebd4;background:#f1fbf5;color:#236c50}
.wizard-error{margin:11px 0 0;border:1px solid #f2c2ce;background:#fff7f8;color:#a63c56;padding:11px 12px;border-radius:10px;font-size:12px;line-height:1.5}
.wizard-seal{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #f2eaf2;padding-top:17px;color:#81768a;font-size:10px;font-weight:700}
.wizard-seal > span:first-child{display:inline-flex;align-items:center;gap:7px}
.seal-check{display:inline-grid;place-items:center;flex:0 0 16px;height:16px;width:16px;line-height:1;border-radius:50%;color:#fff;background:#49af83;font-size:10px}
.disclaimer{max-width:420px;text-align:center;margin:14px auto 0;color:#988b9b;font-size:10px;line-height:1.65}
.disclaimer a{color:#a94489;text-decoration:underline;text-underline-offset:2px}
.stage-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;min-height:53px;padding:6px 12px 20px;color:#968c99;font-size:11px;font-weight:600}
.stage-links a:hover{color:#ab3b87;text-decoration:underline;text-underline-offset:3px}
@keyframes step-in{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1180px){
  .stage-grid{min-height:calc(100svh - 125px)}
}
@media(max-width:1000px){
  .stage-grid{width:min(950px,calc(100% - 44px));grid-template-columns:minmax(0,1fr) minmax(365px,440px);gap:35px}
  .story h1{font-size:clamp(39px,5vw,60px)}
  .story-track{margin-top:46px}
  .story-track>div{font-size:11px}
}
@media(max-width:760px){
  .topbar{height:66px}
  .topbar-inner{width:calc(100% - 30px)}
  .brand-icon{width:37px;height:37px}
  .brand-type strong{font-size:22px}
  .brand-type small{font-size:7px}
  .track-link{padding:0 12px;min-height:38px;font-size:11px}
  .track-link svg{width:18px;height:18px}
  .stage{min-height:calc(100svh - 66px);background:linear-gradient(164deg,#fefbfe 0%,#fbf6fc 100%)}
  .stage-glow{width:340px;height:340px;left:-310px;bottom:5%}
  .stage-grid{width:min(460px,calc(100% - 22px));display:flex;flex-direction:column;gap:0;min-height:0;margin:auto;padding:18px 0 7px}
  .story{display:none}
  .wizard-column{max-width:460px;width:100%}
  .mobile-intro{display:block;text-align:center;margin:0 6px 16px}
  .mobile-intro>span{display:block;font-size:9px;font-weight:800;letter-spacing:.145em;color:#ad589e;margin-bottom:8px}
  .mobile-intro h1{max-width:360px;margin:0 auto;font-size:clamp(22px,6.2vw,28px);letter-spacing:-.055em;line-height:1.13;color:#312139;font-weight:800;text-wrap:balance}
  .mobile-intro h1 em{font-style:normal;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
  .zeus-storefront[data-step="2"] .mobile-intro,.zeus-storefront[data-step="3"] .mobile-intro{display:none}
  .wizard{padding:21px 19px 18px;border-radius:22px;box-shadow:0 14px 44px rgba(82,34,87,.095),0 3px 9px rgba(82,34,87,.035)}
  .wizard-head{gap:8px}
  .wizard-kicker{font-size:10px}
  .wizard-caption{font-size:11px}
  .step-names{margin-top:20px}
  .wizard-body{padding-top:23px;min-height:278px}
  .wizard-body h2{font-size:clamp(24px,6.3vw,29px)}
  .wizard-body .step-subtitle{margin-bottom:20px}
  .type-card{min-height:143px;padding:15px}
  .type-icon{width:45px;height:45px;margin-bottom:14px}
  .package-option{min-height:119px;padding:13px}
  .package-quantity{font-size:24px}
  .package-price{font-size:19px}
  .disclaimer{font-size:9px;margin:11px auto 0;max-width:395px}
  .stage-links{min-height:40px;gap:15px;padding:7px 7px 13px;font-size:10px}
}
@media(max-width:390px){
  .topbar-inner{width:calc(100% - 22px)}
  .track-link{gap:5px;padding:0 10px;font-size:10px}
  .wizard{padding:19px 15px 15px}
  .type-grid,.package-grid{gap:8px}
  .type-card{padding:13px}
  .package-option{padding:12px}
  .package-quantity{font-size:22px}
  .package-price{font-size:18px}
  .wizard-seal{font-size:9px}
  .stage-links{gap:10px}
}
@media(max-width:350px){
  .track-link span{display:none}
  .track-link{width:40px;justify-content:center;padding:0}
  .mobile-intro h1{font-size:22px}
  .wizard-body h2{font-size:23px}
}
@media(max-height:730px) and (max-width:760px){
  .stage-grid{padding-top:9px}
  .mobile-intro{margin-bottom:11px}
  .mobile-intro>span{margin-bottom:6px}
  .mobile-intro h1{font-size:23px}
  .wizard{padding-top:16px;padding-bottom:13px}
  .step-names{margin-top:14px}
  .wizard-body{padding-top:16px;min-height:248px}
  .wizard-body h2{font-size:23px;margin-bottom:7px}
  .wizard-body .step-subtitle{font-size:12px;margin-bottom:13px}
  .username-field{height:54px}
  .next-button{height:48px}
  .type-card{min-height:125px;padding:12px}
  .type-icon{height:40px;width:40px;margin-bottom:10px}
  .package-option{min-height:107px;padding:11px}
  .package-price{padding-top:8px}
  .package-value{display:none}
  .selected-profile{margin-bottom:8px}
  .type-context{margin-bottom:8px}
  .wizard-seal{padding-top:12px}
  .disclaimer{margin-top:8px;font-size:8px;line-height:1.5}
  .stage-links{padding-bottom:7px;min-height:30px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Refinos após auditoria 390 px: aviso visível acima dos preços e nenhuma coluna transborda. */
.checkout-status{margin:0 0 12px;text-align:left;font-weight:700}
.package-grid{width:100%;min-width:0}
.package-option{max-width:100%;min-width:0;overflow-wrap:anywhere}
.package-top{min-width:0}
.package-price{max-width:100%}
@media(max-width:390px){
  .package-grid{gap:8px}
  .package-option{min-width:0;padding:11px}
  .package-quantity{font-size:21px}
  .package-price{font-size:18px}
}
@media(max-width:350px){
  .package-option{padding:9px}
  .package-quantity{font-size:20px}
  .package-price{font-size:17px}
}

.checkout-fee-note{margin:11px 0 0;color:#907d91;font-size:10px;line-height:1.5}

/* One-touch mobile checkout: retain visible validation and delivery terms. */
.input-hint{margin:8px 0 0;min-height:19px;color:#726777;font-size:12px;line-height:1.5}
.input-hint.valid{color:#226a4f}
.input-hint.invalid{color:#b73750}
.username-field:has(input[aria-invalid="true"]){border-color:#d8516c;box-shadow:0 0 0 3px rgba(218,80,105,.08)}
.checkout-status{font-size:12px;line-height:1.55;border-left:3px solid #bd78b6}
.checkout-status.pending{background:#fff6ec;border-color:#e2ac57;color:#6b4723;font-weight:650}
.checkout-fee-note{font-size:12px;color:#64556c;line-height:1.55}
.package-value{font-size:11px}
.package-unit{font-size:12px}
.disclaimer{font-size:11px;color:#695d6e}
.stage-links{font-size:12px}
@media(max-width:760px){
 .wizard-body .step-subtitle{font-size:13px}
 .disclaimer{font-size:11px;line-height:1.55}
 .stage-links{font-size:12px}
 .wizard-seal{font-size:11px}
 .step-tag{font-size:11px}
 .package-option{min-height:124px}
 .package-value{font-size:11px}
 .package-unit{font-size:12px}
}