:root{color-scheme:dark;--navy:#051321;--ink:#05121e;--gold:#e1bf80;--cream:#fff4df;--text:#edf0f3;--muted:#cbd5df;--line:#dfba7833}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--navy);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a:focus-visible{outline:3px solid #fff4df;outline-offset:5px}::selection{background:var(--gold);color:var(--navy)}.container{width:calc(100% - 36px);max-width:1100px;margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-180%);z-index:20;background:var(--cream);color:var(--navy);padding:12px}.skip-link:focus{transform:none}
/* A primeira tela inteira é dimensionada pela área útil do telefone. */
.first-screen{height:100svh;min-height:620px;max-height:960px;display:grid;grid-template-rows:62px 25px minmax(0,1fr) 25px;background:#051321}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.brand img{width:39px;height:39px;object-fit:cover;border-radius:50%}.brand-type{display:grid;text-align:center}.brand-type>span{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;line-height:1;font-weight:600;letter-spacing:.015em;color:#f1d39d}.brand-type small{font-size:8px;letter-spacing:.42em;margin:4px 0 0 4px;line-height:1;color:#eee2cc}.header-date{font-size:10px;font-weight:600;letter-spacing:.11em;line-height:1.5;text-align:right;margin:0;color:var(--gold)}.header-date time{display:block;font-size:10px;white-space:nowrap;color:var(--cream)}
.ribbon{height:25px;overflow:hidden;display:flex;align-items:center;position:relative;color:#071727;background:linear-gradient(105deg,#b78b4b,#ebcf99 22%,#fff0c3 42%,#c59c5b 65%,#f6dda9 85%,#c69b5a);border-block:1px solid #e9ca8e;box-shadow:inset 0 2px 0 #071827,inset 0 -2px 0 #071827}.ribbon-track{display:flex;align-items:center;gap:24px;width:max-content;flex-shrink:0;position:relative;left:50%;transform:translateX(-50%);white-space:nowrap}.ribbon span{font-size:9px;letter-spacing:.22em;font-weight:700;line-height:1}.ribbon i{font-size:11px;font-style:normal}.ribbon:after{content:'';position:absolute;inset:0;width:32%;background:linear-gradient(105deg,transparent,#fff8,transparent);transform:translateX(-140%);animation:ribbon-light 9s ease-in-out infinite;pointer-events:none}
.hero{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#12324b66,transparent 68%)}.hero-stage{position:relative;min-height:0;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art{width:100%;height:100%;max-width:680px;margin:0;position:relative;z-index:1}.hero-art img{width:100%;height:100%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent 0%,black 7%,black 91%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 7%,black 91%,transparent 100%)}.stage-halo{position:absolute;width:65%;height:65%;border-radius:50%;background:radial-gradient(ellipse,#d5af6a1c,transparent 70%);animation:breathe 8s ease-in-out infinite;pointer-events:none}.hero-copy{text-align:center;padding:0 0 14px;max-width:560px;position:relative;z-index:3}h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(29px,8.2vw,38px);line-height:1.02;letter-spacing:-.01em;font-weight:700;margin:0 0 10px;color:var(--cream)}h1 span{display:block}h1 em{font-style:normal;background:linear-gradient(100deg,#be9350,#fff0be 42%,#e3bd7b 60%,#bd8e45);color:#e9c68d;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:16px;line-height:1.45;margin:0 auto 14px;max-width:360px;color:#e5ebf0}.hero-description strong{font-weight:600;color:#fff6e4}.cta{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:54px;padding:14px 15px;background:linear-gradient(115deg,#c49b59 0%,#f9e0a6 35%,#fff0bd 46%,#dbb36f 73%,#bd914f 100%);color:#071522;border:1px solid #f1d69e;border-radius:7px;text-decoration:none;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700;font-size:22px;line-height:1.1;box-shadow:0 4px 22px #dab57120,inset 0 1px 0 #fff9;transition:filter .2s,transform .2s}.cta:after{content:'';position:absolute;inset:-50% auto -50% 0;width:32%;background:linear-gradient(100deg,transparent,#fff9,transparent);transform:translateX(-150%) rotate(15deg);animation:button-light 7s ease-in-out infinite;pointer-events:none}.cta:hover{filter:brightness(1.08)}.cta:active{transform:scale(.985)}.cta svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.cta-note{font-size:11px;line-height:1.5;margin:8px 0 0;color:#d1d9e1;white-space:nowrap}.cta-note span{color:var(--gold);margin:0 3px}
@keyframes breathe{50%{opacity:.5;transform:scale(.92)}}@keyframes ribbon-light{0%,65%{transform:translateX(-140%)}95%,100%{transform:translateX(430%)}}@keyframes button-light{0%,72%{transform:translateX(-160%) rotate(15deg)}96%,100%{transform:translateX(470%) rotate(15deg)}}
.motion-paused .stage-halo,.motion-paused .ribbon:after,.motion-paused .cta:after{animation-play-state:paused}
.section-space{padding:44px 0}.details{background:radial-gradient(ellipse at 50% 0%,#163b5266,transparent 75%)}.eyebrow{font-size:11px;font-weight:600;color:var(--gold);letter-spacing:.15em;text-align:center;margin:0 0 10px}h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;font-weight:600;line-height:1.08;letter-spacing:-.02em;text-align:center;color:var(--cream);margin:0}h2 em{font-style:normal;color:var(--gold)}.title-rule{width:42px;height:1px;background:var(--gold);margin:20px auto 28px}.features{display:grid;gap:0}.feature{position:relative;text-align:left;padding:24px 0 24px 68px;min-height:110px}.feature+.feature{border-top:1px solid var(--line)}.feature-icon{position:absolute;left:0;top:25px;display:grid;place-items:center;width:48px;height:48px;border:1px solid #d4ae7380;border-radius:50%}.feature-icon svg{width:31px;height:31px;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;line-height:1.1;font-weight:600;color:var(--cream);margin:0 0 9px}.feature p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.selection-inner{padding:34px 0 38px;border-block:1px solid var(--line)}.section-intro{font-size:16px;text-align:center;line-height:1.6;margin:17px auto 23px;color:var(--muted)}.product-list{list-style:none;padding:0;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;max-width:780px}.product-list li{font-size:14px;color:#eee4d2;line-height:1.4;padding:7px 11px;border:1px solid #d3ac6f33;border-radius:4px;background:#10223566}.more{font-size:16px;color:var(--gold);text-align:center;margin:20px 0 0}.vip{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#15395066,transparent 75%)}.vip-inner{position:relative;text-align:center;max-width:560px}.vip h2{font-size:42px}.vip-description{font-size:17px;line-height:1.6;color:var(--muted);margin:20px 0 24px}.vip .cta-note{font-size:13px;margin-top:12px}.vip-orbit{position:absolute;width:450px;height:200px;border:1px solid #d4ae731c;border-radius:50%;pointer-events:none}.orbit-one{left:-380px;top:80px;transform:rotate(55deg)}.orbit-two{right:-380px;top:80px;transform:rotate(-55deg)}.site-footer{background:#030e18;padding:28px 0;text-align:center}.site-footer p{font-size:13px;line-height:1.7;color:#cbd4dd;margin:0 0 15px}.site-footer strong{font-weight:600}.site-footer small{font-size:10px;letter-spacing:.25em;color:var(--gold)}.link-status{border:1px solid var(--line);padding:12px;font-size:15px}
@media(max-width:359px){.container{width:calc(100% - 28px)}.brand-type>span{font-size:25px}.brand img{width:34px;height:34px}.header-date,.header-date time{font-size:9px}h1{font-size:28px}.hero-description{font-size:15px}.cta{font-size:20px}.cta-note{font-size:10px}}
@media(max-height:700px) and (max-width:700px){.first-screen{min-height:590px;grid-template-rows:56px 23px minmax(0,1fr) 23px}.ribbon{height:23px}.hero-copy{padding-bottom:11px}h1{font-size:clamp(27px,7.7vw,33px);margin-bottom:8px}.hero-description{font-size:15px;margin-bottom:11px}.cta{min-height:50px;padding-block:12px}.cta-note{margin-top:6px}}
@media(min-width:701px){.first-screen{height:auto;min-height:0;max-height:none;grid-template-rows:88px 28px auto 28px}.container{width:calc(100% - 64px)}.brand img{width:54px;height:54px}.brand-type>span{font-size:38px}.brand-type small{font-size:10px}.header-date,.header-date time{font-size:14px}.ribbon{height:28px}.ribbon span{font-size:11px}.ribbon-track{gap:40px}.hero{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto;align-items:center;min-height:660px;width:min(1440px,100%);margin:auto}.hero-stage{height:600px}.hero-copy{width:calc(100% - 48px);padding:32px 0;text-align:left;margin:0 auto}.hero-description{margin:24px 0;max-width:480px;font-size:20px;line-height:1.6}h1{font-size:clamp(36px,4.1vw,58px)}.hero-copy h1 span:first-child{max-width:490px}.cta{font-size:24px;min-height:64px}.cta-note{font-size:13px;text-align:center;margin-top:13px}.features{grid-template-columns:repeat(3,1fr);gap:28px}.feature{padding:0;text-align:center}.feature+.feature{border-top:0}.feature-icon{position:static;margin:0 auto 20px;width:64px;height:64px}.feature-icon svg{width:40px;height:40px}.feature p{font-size:18px}.section-space{padding:70px 0}h2{font-size:50px}.title-rule{margin-bottom:40px}.feature h3{font-size:29px}.selection-inner{padding:52px 0}.section-intro{font-size:18px}.product-list li{font-size:17px}.vip h2{font-size:60px}.vip-description{font-size:19px}.site-footer p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ribbon:after,.cta:after,.stage-halo{animation:none!important}*{transition:none!important}}
/* Mantém a fotografia aprovada; só a região do DNA recebe profundidade. */
.hero-art{max-width:580px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 90%,transparent 100%)}.product-scene{position:absolute;width:100%;aspect-ratio:1122/1402;left:0;top:50%;transform:translateY(-51%);perspective:850px}.hero-art .product-scene img{width:100%;height:auto;object-fit:initial;mask-image:none;-webkit-mask-image:none}@media(max-height:700px) and (max-width:700px){.first-screen{min-height:560px}.product-scene{transform:translateY(-52%)}}
@media(min-width:701px){.hero-art{max-width:580px}.product-scene{width:100%;top:50%;transform:translateY(-50%)}}

/* Fundo molecular animado em tempo real, independente dos produtos. */
.hero-stage{background:radial-gradient(ellipse at 68% 32%,#17405b88,transparent 58%),radial-gradient(ellipse at 20% 73%,#123d5d66,transparent 50%)}
.molecular-motion{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-art{pointer-events:none;z-index:1}.product-scene{perspective:none}
.motion-control{position:absolute;right:10px;top:10px;z-index:4;display:grid;place-items:center;width:38px;height:36px;border:1px solid #d6b77b55;border-radius:50%;background:#051321a6;color:#f2d59f;font:20px Arial;cursor:pointer;box-shadow:0 2px 8px #0003}
.motion-control:hover{background:#19354be6}.motion-control:focus-visible{outline:2px solid #fff1c9;outline-offset:3px}.motion-control span{pointer-events:none}

/* Camadas fotográficas com o vidro, os reflexos e o metal da referência. */
.photo-motion{position:absolute;inset:0;overflow:hidden;z-index:0;perspective:850px;pointer-events:none}
.motion-asset{position:absolute;object-fit:contain;will-change:transform;backface-visibility:visible}
.motion-dna{width:50%;height:auto;right:-9%;top:-22%;transform-origin:50% 55%;animation:photo-dna 8s ease-in-out infinite}
.motion-molecule{width:47%;height:auto;transform-origin:50% 50%}
.molecule-left{left:-16%;top:39%;animation:photo-molecule-left 16s linear infinite}
.molecule-right{right:-19%;top:45%;animation:photo-molecule-right 20s linear infinite}
@keyframes photo-dna{0%,100%{transform:translate3d(-7px,-12px,0) rotateZ(16deg) rotateY(-24deg) scale(1.03)}50%{transform:translate3d(8px,10px,0) rotateZ(30deg) rotateY(24deg) scale(1.08)}}
@keyframes photo-molecule-left{0%{transform:translate3d(0,0,0) rotateZ(0deg)}25%{transform:translate3d(7px,-9px,0) rotateZ(90deg)}50%{transform:translate3d(0,-15px,0) rotateZ(180deg)}75%{transform:translate3d(-7px,-9px,0) rotateZ(270deg)}100%{transform:translate3d(0,0,0) rotateZ(360deg)}}
@keyframes photo-molecule-right{0%{transform:translate3d(0,-12px,0) rotateZ(30deg)}25%{transform:translate3d(-7px,-6px,0) rotateZ(-60deg)}50%{transform:translate3d(0,5px,0) rotateZ(-150deg)}75%{transform:translate3d(7px,-6px,0) rotateZ(-240deg)}100%{transform:translate3d(0,-12px,0) rotateZ(-330deg)}}
.art-paused .motion-asset,.motion-paused .motion-asset{animation-play-state:paused}
@media(min-width:701px){.motion-dna{width:44%;right:-5%;top:-17%}.motion-molecule{width:42%}.molecule-left{left:-13%}.molecule-right{right:-15%}}
/* Copy completa concentrada na primeira seção. */
.hero-copy h1{font-size:clamp(13px,3.95vw,24px);white-space:nowrap;line-height:1.2;letter-spacing:-.02em;margin:0 0 10px}
.hero-description{font-size:15px;line-height:1.4;margin:0 auto 10px;max-width:480px}
.hero-products{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 6px;list-style:none;padding:0;margin:0 auto;max-width:510px}
.hero-products li{font-size:12px;line-height:1.35;color:#f4e8d2;background:#10223580;border:1px solid #d3ac6f33;border-radius:3px;padding:3px 6px;white-space:nowrap}
.hero-more{font-size:13px;line-height:1.2;margin:7px 0 10px;color:var(--gold)}
.hero-stage{container-type:size}.product-scene{width:auto;height:126%;aspect-ratio:1122/1402;left:50%;top:50%;transform:translate(-50%,-52%)}
.hero-art .product-scene img{width:auto;height:100%;max-width:none}
.motion-dna{width:42%;top:-14%;opacity:.95}
.motion-dna.dna-right{right:0;left:auto;animation:photo-dna-right 9s ease-in-out infinite}
.motion-dna.dna-left{left:0;right:auto;top:0;animation:photo-dna-left 11s ease-in-out infinite}
@keyframes photo-dna-right{0%,100%{transform:translate3d(-6px,-9px,0) rotateZ(11deg) rotateY(-22deg)}50%{transform:translate3d(2px,10px,0) rotateZ(23deg) rotateY(22deg)}}
@keyframes photo-dna-left{0%,100%{transform:translate3d(5px,10px,0) rotateZ(-18deg) rotateY(22deg)}50%{transform:translate3d(-3px,-9px,0) rotateZ(-8deg) rotateY(-22deg)}}
@media(max-height:700px) and (max-width:700px){.hero-copy h1{font-size:clamp(12px,3.95vw,24px);margin-bottom:8px}.hero-description{font-size:14px;margin-bottom:8px}.hero-products{gap:4px 5px}.hero-products li{font-size:11px;padding:3px 5px}.hero-more{font-size:12px;margin:6px 0 8px}.hero-copy{padding-bottom:10px}}
@media(min-width:701px){.hero-copy h1{font-size:clamp(18px,2vw,30px)}.hero-description{font-size:19px;margin:18px 0}.hero-products{justify-content:flex-start;margin:0;gap:8px}.hero-products li{font-size:15px;padding:5px 9px}.hero-more{font-size:17px;margin:15px 0 22px}.product-scene{height:115%;max-width:none;transform:translate(-50%,-50%)}.motion-dna{width:39%}.motion-dna.dna-right{right:2%;top:-10%}.motion-dna.dna-left{left:2%;top:0}}

/* Pop-up de cadastro do grupo VIP. */
.lead-modal{padding:0;border:0;background:transparent;color:var(--text);width:100%;max-width:100%;max-height:100%;height:100%;margin:0;overflow:auto;display:none;align-items:flex-end;justify-content:center}
.lead-modal[open]{display:flex}
.lead-modal::backdrop{background:#020a12b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}
.lead-modal.is-open::backdrop{opacity:1}
.lead-card{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:460px;padding:30px 22px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% -10%,#1b4565 0%,transparent 60%),linear-gradient(180deg,#0a2236 0%,#051321 70%);border:1px solid #e1bf8055;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -20px 60px #0009,inset 0 1px 0 #fff2d61f;transform:translateY(100%);transition:transform .42s cubic-bezier(.2,.9,.25,1)}
.lead-modal.is-open .lead-card{transform:none}
.lead-card:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#c49b59,#fff0bd 50%,#c49b59,transparent)}
.lead-glow{position:absolute;z-index:-1;width:320px;height:320px;left:50%;top:-190px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#e1bf8030,transparent 65%);animation:breathe 8s ease-in-out infinite;pointer-events:none}
.lead-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #e1bf8040;border-radius:50%;background:#05132199;color:#f1d39d;cursor:pointer;transition:background .2s,transform .2s}
.lead-close:hover{background:#19354b;transform:rotate(90deg)}.lead-close:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.lead-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.lead-head{text-align:center}
.lead-emblem{width:52px;height:52px;margin:0 auto 12px;border-radius:50%;box-shadow:0 0 0 1px #e1bf8066,0 0 28px #e1bf8040}
.lead-eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--gold);margin:0 0 8px}.lead-eyebrow span{margin:0 4px}
.lead-modal h2{font-size:32px;line-height:1.05;margin:0 0 10px}
.lead-modal h2 em{font-style:normal;background:linear-gradient(100deg,#be9350,#fff0be 42%,#e3bd7b 60%,#bd8e45);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.lead-desc{font-size:14.5px;line-height:1.5;color:var(--muted);margin:0 auto 20px;max-width:340px}
.lead-form{display:grid;gap:12px}
.lead-field{position:relative;display:block}
.lead-field input{width:100%;height:58px;padding:22px 16px 6px;font:16px 'DM Sans',Arial,sans-serif;color:var(--cream);background:#0b1f31cc;border:1px solid #e1bf8033;border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
.lead-field input:hover{border-color:#e1bf8066}
.lead-field input:focus{border-color:var(--gold);background:#0d2539;box-shadow:0 0 0 4px #e1bf801f,0 0 24px #e1bf8014}
.lead-field span{position:absolute;left:17px;top:18px;font-size:15px;color:#9fb0c0;pointer-events:none;transform-origin:left top;transition:transform .2s,color .2s}
.lead-field input:focus+span,.lead-field input:not(:placeholder-shown)+span{transform:translateY(-10px) scale(.74);color:var(--gold);letter-spacing:.04em}
.lead-field input:-webkit-autofill{-webkit-text-fill-color:var(--cream);-webkit-box-shadow:0 0 0 40px #0d2539 inset;caret-color:var(--cream)}
.lead-field.has-error input{border-color:#ff8f7a;box-shadow:0 0 0 4px #ff8f7a1f}
.lead-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-error{margin:0;font-size:13.5px;line-height:1.4;color:#ffb3a3;text-align:center}
.lead-submit{margin-top:6px;cursor:pointer;font-size:21px}
.lead-submit:disabled{cursor:progress}
.lead-spinner{display:none;width:22px;height:22px;border:2px solid #07152233;border-top-color:#071522;border-radius:50%;animation:lead-spin .8s linear infinite}
.is-sending .lead-submit svg{display:none}.is-sending .lead-spinner{display:block}.is-sending .lead-label{opacity:.75}
.lead-privacy{display:flex;align-items:center;justify-content:center;gap:7px;margin:4px 0 0;font-size:12px;color:#aab8c6}
.lead-privacy svg{width:14px;height:14px;fill:none;stroke:var(--gold);stroke-width:1.8;flex-shrink:0}
@keyframes lead-spin{to{transform:rotate(360deg)}}
@media(min-width:701px){.lead-modal{align-items:center;padding:24px}.lead-card{padding:40px 40px 34px;border:1px solid #e1bf8055;border-radius:18px;box-shadow:0 30px 90px #000b,inset 0 1px 0 #fff2d61f;transform:translateY(18px) scale(.96);opacity:0;transition:transform .4s cubic-bezier(.2,.9,.25,1),opacity .3s}.lead-modal.is-open .lead-card{opacity:1}.lead-modal h2{font-size:40px}.lead-desc{font-size:15.5px}}
@media(max-height:640px) and (max-width:700px){.lead-card{padding-top:22px}.lead-emblem{width:42px;height:42px;margin-bottom:8px}.lead-modal h2{font-size:27px}.lead-desc{margin-bottom:14px}.lead-form{gap:9px}.lead-field input{height:52px}.lead-field span{top:15px}}
@media(prefers-reduced-motion:reduce){.lead-card,.lead-modal::backdrop{transition:none}.lead-glow{animation:none}}