/* Páginas interiores: A aplicação e Como funciona. Usa os tokens de styles.css. */
.header nav a[aria-current=page]{border-color:var(--gold);color:var(--plum);font-weight:500}
.page-hero{position:relative;text-align:center;padding-block:44px 64px;isolation:isolate}
.page-hero .eyebrow{color:var(--muted)}
.page-hero h1{font-size:clamp(48px,5vw,76px);margin:18px auto 22px;max-width:15ch}
.page-hero .intro{max-width:620px;margin:0 auto 30px}
.page-hero .sky{position:absolute;inset:-30px 0 0;z-index:-1;pointer-events:none}
.page-hero .sky .orbit{left:50%;top:50%;translate:-50% -50%}
.page-hero .sky .orbit-one{width:min(980px,96%);height:300px;transform:rotate(-6deg)}
.page-hero .sky .orbit-two{width:min(620px,80%);height:420px;animation-direction:reverse;animation-duration:48s}
.page-hero .sky .star{font-size:30px}.page-hero .sky .star-one{left:9%;top:22%}.page-hero .sky .star-two{right:10%;top:60%}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.chips a{border:1px solid #bd895859;border-radius:999px;padding:8px 16px;font-size:13px;color:#54465e;background:#fffdf9;transition:background .2s,border-color .2s}
.chips a:hover{background:#f6eae0;border-color:var(--gold)}

/* Blocos de funcionalidade: texto + maquete */
.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding-block:72px;border-top:1px solid #c59a7333;scroll-margin-top:24px}
.feature.flip .feature-copy{order:2}
.feature-copy .eyebrow{color:var(--gold);margin-bottom:12px}
.feature-copy h2{font-size:clamp(38px,3.6vw,54px);margin-bottom:18px}
.feature-copy>p{font-size:17px;color:#54465e;line-height:1.75;max-width:520px}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px;max-width:520px}
.ticks li{position:relative;padding-left:30px;color:#3d3046;font-size:15px;line-height:1.6}
.ticks li::before{content:'✦';position:absolute;left:2px;top:1px;color:var(--gold);font-size:13px}
.feature-art{position:relative;height:560px;display:grid;place-items:center;isolation:isolate}
.feature-art .glow{inset:4% 6%}
.feature-art .orbit-one{width:86%;height:70%;left:7%;top:15%;transform:rotate(-18deg)}
.feature-art .phone{position:relative;left:auto;right:auto;top:auto;width:250px;max-width:62%;--tilt:-3deg}
.feature.flip .feature-art .phone{--tilt:3deg}
.feature-art .badge{position:absolute;z-index:3;background:#fffdf9;border:1px solid #bd895840;border-radius:16px;padding:12px 16px;box-shadow:0 14px 30px -18px #21152f55;font-size:13px;line-height:1.35;color:#3d3046;max-width:210px}
.feature-art .badge strong{display:block;font-family:var(--serif);font-size:24px;font-weight:600;color:var(--plum)}
.feature-art .badge.b1{left:4%;top:16%}.feature-art .badge.b2{right:2%;bottom:16%}

/* Ecrãs novos dentro das maquetes (unidades cqw, como as do início) */
.screen-pad{padding:0 4cqw;display:flex;flex-direction:column;gap:3cqw;flex:1;min-height:0}
.s-title{text-align:center;font:500 9.5cqw var(--serif);letter-spacing:-.04em;margin:1cqw 0 0}
.s-sub{text-align:center;font-size:3.8cqw;color:#716779;margin:-1cqw 0 1cqw}
.pair{display:flex;justify-content:center;align-items:center;gap:0;margin:1cqw 0}
.pair i{width:22cqw;aspect-ratio:1;border-radius:50%;border:1.2cqw solid #faf7f2;box-shadow:0 0 0 .5cqw #d9c8ef;background-image:url('assets/aplicacao.png');background-size:790% auto;background-position:3% 41.5%}
.pair i+i{margin-left:-5cqw;background:radial-gradient(circle at 50% 38%,#e9d9c8 0 27%,transparent 28%),radial-gradient(ellipse at 50% 100%,#c8a98c 0 45%,transparent 46%),#efe3d6}
.score{text-align:center;font:600 22cqw/1 var(--serif);letter-spacing:-.05em;color:#21152f}
.score small{font-size:7cqw;color:#9f7acb;font-weight:500}
.score-word{text-align:center;font:italic 500 6.5cqw var(--serif);color:#8c68b4;margin-top:-1cqw}
.bars{display:grid;gap:2.6cqw;margin-top:1cqw}
.bars div{display:grid;grid-template-columns:24cqw 1fr;align-items:center;gap:2cqw;font-size:3.6cqw;color:#54465e}
.bars b{height:2.2cqw;border-radius:9cqw;background:#efe6f3;position:relative;overflow:hidden}
.bars b::after{content:'';position:absolute;inset:0;width:var(--v);border-radius:inherit;background:linear-gradient(90deg,#c9a9ef,#9f7acb)}
.elements{display:flex;justify-content:center;gap:2cqw;margin-top:1cqw}
.elements span{font-size:3.4cqw;padding:1.4cqw 3cqw;border-radius:9cqw;background:#f6eae0;color:#8b6040}
.chat-head{display:flex;align-items:center;gap:3cqw;padding:1cqw 0 3cqw;border-bottom:1px solid #eee6ed}
.chat-head i{width:12cqw;aspect-ratio:1;border-radius:50%;background-image:url('assets/aplicacao.png');background-size:790% auto;background-position:3% 41.5%}
.chat-head strong{display:block;font:600 6cqw var(--serif)}.chat-head small{font-size:3.3cqw;color:#8c68b4}
.bubble{max-width:78%;padding:2.6cqw 3.6cqw;border-radius:4.5cqw;font-size:3.9cqw;line-height:1.35}
.bubble.them{background:#f1eaf6;border-bottom-left-radius:1cqw;align-self:flex-start}
.bubble.me{background:#2b1c35;color:#fff;border-bottom-right-radius:1cqw;align-self:flex-end}
.date-card{margin-top:auto;border:1px solid #e5d3bf;background:#fffaf3;border-radius:5cqw;padding:3.5cqw;font-size:3.6cqw;color:#54465e}
.date-card strong{display:block;font:600 5.6cqw var(--serif);color:#21152f;margin:.6cqw 0}
.date-card .row{display:flex;gap:2cqw;margin-top:2.4cqw}.date-card .row span{flex:1;text-align:center;padding:2cqw 0;border-radius:9cqw;background:#2b1c35;color:#fff;font-size:3.4cqw}.date-card .row span+span{background:#efe6f3;color:#54465e}
.daily{border-radius:5cqw;padding:4cqw;background:linear-gradient(160deg,#2b1c35,#4a3157);color:#fff}
.daily small{font-size:3.2cqw;letter-spacing:.18em;color:#d8c0a2}
.daily strong{display:block;font:500 7.6cqw/1.1 var(--serif);margin:1.6cqw 0}
.daily p{font-size:3.6cqw;line-height:1.45;margin:0;color:#e8dfe9}
.moods{display:flex;justify-content:space-between;gap:2cqw}.moods span{flex:1;text-align:center;font-size:3.2cqw;color:#716779;padding:2.4cqw 0;border-radius:4cqw;background:#f6f0f8}.moods span b{display:block;font-size:6.5cqw;font-weight:400;color:#9f7acb}
.moods span.on{background:#efe3ce;color:#8b6040}
.mini-list{display:grid;gap:2cqw}.mini-list div{display:flex;justify-content:space-between;font-size:3.7cqw;padding:2.2cqw 0;border-bottom:1px solid #eee6ed}.mini-list b{font-weight:500;color:#9f7acb}

/* Grelha de cartões */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-block:24px 80px}
.card{background:#fffdf9;border:1px solid #bd895833;border-radius:22px;padding:28px 26px 26px;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px #21152f60}
.card .icon{margin-bottom:18px}
.card h3{font-size:28px;letter-spacing:-.03em;margin-bottom:8px}
.card p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}
.section-head{text-align:center;padding-top:76px;border-top:1px solid #c59a7333}
.section-head .eyebrow{color:var(--muted)}
.section-head h2{margin:10px auto 14px;max-width:18ch}
.section-head p{color:#54465e;max-width:600px;margin:0 auto 30px;font-size:17px}

/* Faixa Premium */
.premium{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:#f3e9f8;border:1px solid #b7a0e855;border-radius:24px;padding:44px 52px;margin-bottom:72px}
.premium h2{font-size:clamp(34px,3.3vw,48px);margin-bottom:12px}
.premium p{color:#54465e;margin:0}
.prices{display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap}
.price{background:#fffdf9;border-radius:18px;padding:18px 22px;min-width:150px;text-align:center;border:1px solid #b7a0e866}
.price strong{display:block;font:600 34px/1 var(--serif)}.price small{color:var(--muted);font-size:12px}
.price.free{background:var(--plum);color:var(--ivory);border-color:var(--plum)}.price.free small{color:#d0bddb}

/* Como funciona: linha temporal */
.timeline{position:relative;max-width:980px;margin:0 auto;padding:24px 0 40px}
.timeline::before{content:'';position:absolute;left:31px;top:40px;bottom:60px;width:1px;background:linear-gradient(#bd8958aa,#bd895822)}
.t-step{position:relative;display:grid;grid-template-columns:64px 1fr;gap:34px;padding:22px 0 30px}
.t-step .icon{width:64px;height:64px;background:#f6eae0;position:relative;z-index:1}
.t-num{font-family:var(--serif);color:var(--gold);font-size:20px;letter-spacing:.04em}
.t-step h3{font-size:clamp(30px,2.8vw,40px);letter-spacing:-.035em;margin:2px 0 10px}
.t-step>div>p{color:#54465e;font-size:16.5px;line-height:1.75;max-width:680px;margin-bottom:0}
.t-step .ticks{margin-top:14px}
.note{display:inline-flex;gap:10px;align-items:flex-start;margin-top:16px;background:#fffdf9;border:1px dashed #bd895866;border-radius:14px;padding:12px 16px;font-size:14px;color:#54465e;max-width:680px}
.note span{color:var(--gold)}

/* Painel escuro: como calculamos */
.calc{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 0% 0%,#4a3157 0,transparent 55%),var(--plum);color:var(--ivory);border-radius:24px;padding:58px 60px;margin-block:30px 80px}
.calc .eyebrow{color:#d1b6a0;font-size:10px}
.calc h2{color:var(--ivory);margin:10px 0 14px;font-size:clamp(38px,3.8vw,56px)}
.calc>p{color:#e8dfe9;max-width:640px;font-size:17px}
.calc-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:18px;align-items:stretch;margin-top:34px}
.calc-card{border:1px solid #ffffff22;background:#ffffff0a;border-radius:18px;padding:22px}
.calc-card b{font-family:var(--serif);font-weight:500;font-size:26px;display:block;margin-bottom:6px;color:#f3e6d6}
.calc-card p{margin:0;color:#d9cde0;font-size:14.5px;line-height:1.65}
.calc-result{display:grid;place-items:center;text-align:center;min-width:190px;border-radius:18px;background:linear-gradient(160deg,#c1a4ed33,#bd895833);border:1px solid #c1a4ed55;padding:20px}
.calc-result strong{font:600 64px/1 var(--serif);color:#fff}.calc-result span{font:italic 500 20px var(--serif);color:#c1a4ed}.calc-result small{display:block;color:#d0bddb;font-size:12px;margin-top:6px}
.calc .cta-sky{opacity:.45}

/* Lista de espera */
.wait{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:20px 80px}
.wait h2{margin-bottom:16px}.wait p{color:#54465e;font-size:17px;line-height:1.75}
.ring-card{justify-self:center;width:min(380px,100%);background:#fffdf9;border:1px solid #bd895833;border-radius:26px;padding:32px;text-align:center;box-shadow:0 26px 50px -36px #21152f70}
.ring{--p:71;width:190px;aspect-ratio:1;margin:6px auto 18px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#9f7acb calc(var(--p)*1%),#efe6f3 0)}
.ring>div{width:80%;aspect-ratio:1;border-radius:50%;background:#fffdf9;display:grid;place-content:center}
.ring strong{font:600 46px/1 var(--serif)}.ring small{color:var(--muted);font-size:12px}
.ring-card h3{font-size:28px;margin-bottom:4px}.ring-card p{color:var(--muted);font-size:14px;margin:0}
.ring-card .founder{display:inline-block;margin-top:16px;font-size:12px;letter-spacing:.06em;padding:7px 14px;border-radius:999px;background:#efe3ce;color:#8b6040}

/* Perguntas frequentes */
.faq{max-width:860px;margin:0 auto;padding-bottom:80px}
.faq details{border-bottom:1px solid #c59a7344;padding:6px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font:500 24px/1.3 var(--serif);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:var(--sans);font-weight:300;font-size:28px;color:var(--gold);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:#54465e;margin:0 0 20px;max-width:720px;line-height:1.75}
.next-link{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-size:15px;border-bottom:1px solid var(--gold);padding-bottom:4px}
.next-link:hover{color:#8057b3}
.center{text-align:center}

@media(max-width:1100px){.feature{gap:36px}.feature-art{height:500px}.cards{grid-template-columns:repeat(2,1fr)}.calc-grid{grid-template-columns:repeat(2,1fr)}.calc-result{grid-column:1/-1}.premium{grid-template-columns:1fr}.prices{justify-content:flex-start}}
@media(max-width:760px){
  .header nav{display:flex;position:fixed;left:50%;bottom:14px;translate:-50% 0;margin:0;z-index:30;gap:4px;background:#21152fee;backdrop-filter:blur(10px);padding:6px;border-radius:999px;box-shadow:0 10px 30px -10px #21152f88}
  .header nav a{color:#e8dfe9;font-size:13px;padding:9px 16px;border-radius:999px;border:0;white-space:nowrap}
  .header nav a[aria-current=page]{background:#fffdf9;color:var(--plum)}
  body{padding-bottom:70px}
  .page-hero{padding-block:26px 40px}.page-hero h1{font-size:clamp(40px,10vw,56px)}
  .chips{gap:8px}.chips a{font-size:12px;padding:7px 12px}
  .feature{grid-template-columns:1fr;gap:10px;padding-block:48px}.feature.flip .feature-copy{order:0}
  .feature-copy{text-align:left}.feature-copy>p{font-size:16px}
  .feature-art{height:auto;aspect-ratio:1/1.12;margin-top:18px}.feature-art .phone{width:56%;max-width:240px;padding:3px;border-width:1px}
  .feature-art .badge{font-size:11.5px;padding:9px 12px;max-width:160px}.feature-art .badge strong{font-size:19px}
  .feature-art .badge.b1{left:0;top:8%}.feature-art .badge.b2{right:0;bottom:8%}
  .cards{grid-template-columns:1fr;padding-bottom:56px}.card{padding:24px 22px}
  .section-head{padding-top:52px}
  .premium{padding:30px 22px;gap:22px;text-align:left}.prices{gap:10px}.price{min-width:0;flex:1;padding:16px 10px}.price strong{font-size:28px}
  .timeline::before{left:27px}.t-step{grid-template-columns:56px 1fr;gap:18px;padding:16px 0 22px}.t-step .icon{width:56px;height:56px}
  .t-step>div>p{font-size:15.5px}
  .calc{padding:36px 22px;border-radius:19px}.calc-grid{grid-template-columns:1fr}.calc .cta-sky{opacity:.15}
  .wait{grid-template-columns:1fr;gap:30px;padding-bottom:56px}
  .faq summary{font-size:21px}
}
.calc-result strong,.calc-result span{display:block}.calc-result span{margin-top:8px}
.daily+.s-sub{margin-top:2cqw!important}.screen-pad .mini-list{margin-top:auto;margin-bottom:2cqw}
.timeline{max-width:860px}

/* Telemóveis iguais em todo o site: capa fina, como a referência original, e câmara frontal discreta */
.phone{background:#29232e;border:1.5px solid #807985;box-shadow:inset 0 0 0 1px #17121c;padding:1.8%;border-radius:12% / 5.54%}
.phone .device-screen{border-radius:10.5% / 4.85%}
.phone::before{content:'';position:absolute;z-index:3;top:2.6%;left:50%;translate:-50% 0;width:3.2%;aspect-ratio:1;border-radius:50%;background:#0d0a10;box-shadow:0 0 0 1.5px #2a2430}
.device-screen.shot{background-size:cover;background-position:center top;background-repeat:no-repeat;background-color:#faf7f2}
.feature-art.duo .phone{position:absolute;width:225px;max-width:48%}
.feature-art.duo .back{left:10%;top:7%;--tilt:-6deg;z-index:1;opacity:.96}
.feature-art.duo .front{right:10%;top:15%;--tilt:4deg;z-index:2;animation-delay:-3s}
.feature-art.duo .badge.b1{left:0;top:auto;bottom:10%}
@media(max-width:760px){.phone{padding:1.8%;border-width:1px}.feature-art.duo .phone{width:47%}.feature-art.duo .back{left:3%}.feature-art.duo .front{right:3%}}
.feature-art.duo .badge.b1{left:auto;right:0;top:2%;bottom:auto}


/* Artigo (guia) */
.article{max-width:760px;padding-bottom:70px}
.article h2{font-size:clamp(32px,3vw,42px);margin:46px 0 14px}
.article>p{font-size:17px;line-height:1.8;color:#3d3046}
.article a{border-bottom:1px solid var(--gold)}
.article .ticks{max-width:none}.article .ticks li{font-size:16px}
.footer nav a[aria-current=page]{color:var(--gold)}
@media(max-width:760px){.article h2{margin-top:36px}.article>p{font-size:16px}.footer nav{flex-wrap:wrap;row-gap:8px}}
.page-hero h1 em{white-space:normal}
.article .ticks{margin-bottom:20px}

/* iPhone: botão e página de instruções */
.download.ios{background:#fff;color:var(--plum)}.download.ios svg{width:24px;height:30px}
.download.ios strong{font-size:22px;font-weight:500;letter-spacing:-.04em}
.final-cta .download.ios{background:var(--ivory);color:var(--plum);border-color:var(--ivory)}
.is-ios .download.play{display:none}
.download.apk svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.is-android .download.ios{display:none}
.ios-open{margin-top:6px}.ios-note{font-size:13px;color:var(--muted);margin-top:14px}
.is-ios .ios-note{display:none}
.ios-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-block:20px 70px}
.ios-step{background:#fffdf9;border:1px solid #bd895833;border-radius:22px;padding:24px 22px 26px}
.ios-step h3{font-size:28px;letter-spacing:-.03em;margin:14px 0 8px}.ios-step p{color:#54465e;font-size:15px;line-height:1.7;margin:0}
.ios-shot{margin-top:10px;height:170px;border-radius:16px;background:#f3eef6;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.ios-bar{position:absolute;top:18px;left:16px;right:16px;height:30px;border-radius:9px;background:#fff;display:grid;place-items:center;font-size:12px;color:#54465e}
.ios-tools{display:flex;justify-content:space-around;align-items:center;height:52px;background:#fff;border-top:1px solid #e7dfec;color:#8c68b4;font-style:normal}
.ios-tools i{font-style:normal;font-size:18px;opacity:.6}.ios-tools b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
.ios-tools svg{width:22px;height:22px;fill:none;stroke:#2f6fde;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hl{box-shadow:0 0 0 3px #c9a96a;background:#fff8e8!important}
.ios-sheet{position:absolute;inset:14px 14px auto;display:grid;gap:6px}
.ios-row{background:#fff;border-radius:10px;padding:8px 12px;font-size:12.5px;display:flex;justify-content:space-between;color:#3d3046}
.ios-home{position:absolute;inset:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:start}
.ios-ic{aspect-ratio:1;border-radius:22%;background:#e1d7ea}.ios-ic.b2{background:#faf7f2;display:grid;place-items:center;box-shadow:0 0 0 3px #c9a96a}.ios-ic.b2 img{width:70%}
.ios-home small{grid-column:3;text-align:center;font-size:11px;margin-top:-6px;color:#3d3046}
@media(max-width:1100px){.ios-steps{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ios-steps{grid-template-columns:1fr;gap:16px;padding-bottom:50px}}

/* "Abrir a app": halo em loop para chamar a atenção */
.download.apk{position:relative;isolation:isolate;border-color:#9f7acb;background:#fffdf9}
.download.apk::before,.download.apk::after{content:'';position:absolute;inset:-2px;border-radius:13px;pointer-events:none;z-index:-1}
.download.apk::before{border-radius:12px;animation:apk-ring 2s ease-out infinite}
.download.apk::after{inset:-1px;padding:2px;border-radius:12px;background:conic-gradient(from var(--apk-a,0deg),#c9a96a,#b7a0e8,#e8a6c0,#c9a96a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:apk-spin 4s linear infinite;opacity:.9}
@property --apk-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes apk-spin{to{--apk-a:360deg}}
@keyframes apk-ring{0%{box-shadow:0 0 0 0 rgba(159,122,203,.6),0 0 0 0 rgba(201,169,106,.45)}70%{box-shadow:0 0 0 14px rgba(159,122,203,0),0 0 0 26px rgba(201,169,106,0)}100%{box-shadow:0 0 0 0 rgba(159,122,203,0),0 0 0 0 rgba(201,169,106,0)}}
.final-cta .download.apk{background:transparent}
.final-cta .download.apk::before{animation-name:apk-ring-d}
@keyframes apk-ring-d{0%{box-shadow:0 0 0 0 rgba(193,164,237,.7)}70%{box-shadow:0 0 0 16px rgba(193,164,237,0)}100%{box-shadow:0 0 0 0 rgba(193,164,237,0)}}

/* v4: ecrãs reais sem cortes nos lados; telemóveis do bloco Conversas lado a lado, sem se taparem */
.device-screen.shot{background-size:cover;background-position:center top}
.feature-art.duo{height:640px}
.feature-art.duo .phone{width:calc(48% - 10px);max-width:250px}
.feature-art.duo .back{left:0;top:2%;--tilt:-3deg}
.feature-art.duo .front{right:0;left:auto;top:9%;--tilt:3deg}
.feature-art.duo .badge.b1{left:50%;right:auto;top:auto;bottom:0;translate:-50% 0;text-align:center}
@media(max-width:1100px){.feature-art.duo{height:560px}}
@media(max-width:760px){.feature-art.duo{height:auto;aspect-ratio:1/1.25}.feature-art.duo .phone{width:calc(50% - 6px);max-width:none}.feature-art.duo .back{left:0}.feature-art.duo .front{right:0}.feature-art.duo .badge.b1{bottom:-4px}}
/* Etiquetas nunca por cima do ecrã */
.feature-art .badge{max-width:150px;padding:10px 13px}
.feature-art .badge.b1{left:0}.feature-art .badge.b2{right:0}
.feature-art.duo .badge{display:none}
@media(max-width:1100px){.feature-art .badge{display:none}}

.screen-pad .ask-card{margin-top:0}.screen-pad .mini-list{margin-top:0}

/* ===== 2026-10-03: real screenshots keep their proportions ===== */
.phone.has-shot{aspect-ratio:390/846}

/* ===== 2026-10-03: two doors in the hero ===== */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 26px;max-width:560px}
.door{position:relative;display:block;padding:14px 40px 14px 16px;border-radius:16px;border:1px solid #bd895840;background:#fffdf9;box-shadow:0 10px 26px -20px #21152f66;transition:transform .2s,box-shadow .2s,border-color .2s}
.door small{display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}
.door strong{display:block;font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.15;margin-top:2px;color:var(--plum)}
.door>span{position:absolute;right:16px;top:50%;translate:0 -50%;color:var(--gold);font-size:18px}
.door:hover{transform:translateY(-2px);box-shadow:0 16px 30px -20px #21152f88;border-color:#bd895899}
.door-couple{background:linear-gradient(135deg,#2a1a44,#4a2a6e 60%,#6b3478);border-color:transparent}
.door-couple small{color:#ffd9a6}.door-couple strong{color:#fff7ff}.door-couple>span{color:#ffb3d6}

/* ===== 2026-10-03: "O vosso céu, ao segundo" ===== */
.couple-live{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;margin-block:10px 70px;padding:64px 64px 60px;border-radius:28px;color:#fbf4ff;scroll-margin-top:24px;
  background:radial-gradient(60% 55% at 15% 10%,#e86fb052,transparent 70%),radial-gradient(50% 45% at 95% 5%,#f2c46b3d,transparent 70%),radial-gradient(70% 60% at 80% 100%,#7b5ce06b,transparent 70%),linear-gradient(160deg,#21143a 0%,#33204f 50%,#4a2560 100%)}
.couple-live::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.6;background-image:radial-gradient(1px 1px at 8% 22%,#fff,transparent),radial-gradient(1px 1px at 38% 12%,#fff,transparent),radial-gradient(1.4px 1.4px at 62% 30%,#fff,transparent),radial-gradient(1px 1px at 88% 58%,#fff,transparent),radial-gradient(1.2px 1.2px at 22% 84%,#fff,transparent),radial-gradient(1px 1px at 52% 92%,#fff,transparent)}
.cl-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}.cl-sky .orbit-one{width:70%;height:90%;left:40%;top:6%;border-color:#f2c46b33}
.cl-sky span{position:absolute;color:#f2c46b;opacity:.7}.cl-s1{left:46%;top:10%;font-size:18px}.cl-s2{right:6%;bottom:12%;font-size:26px}.cl-s3{left:4%;bottom:8%;font-size:22px;color:#d8c6f2!important}
.couple-live .eyebrow{color:#ffd9a6}
.couple-live h2{font-size:clamp(44px,4.6vw,68px);line-height:1.02;margin:10px 0 18px;color:#fff}
.couple-live h2 em{font-style:italic;background:linear-gradient(100deg,#ffe3a3,#ffb3d6 55%,#c7b3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-lead{font-size:18px;line-height:1.7;color:#eadcf7;max-width:540px}
.cl-thermo{display:inline-flex;align-items:center;gap:18px;margin:8px 0 26px;padding:14px 22px 14px 16px;border-radius:20px;background:#ffffff12;border:1px solid #ffffff22;backdrop-filter:blur(6px)}
.cl-heart{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#ffffff14;box-shadow:0 0 30px -4px #e86fb088}
.cl-heart svg{width:34px;height:34px;animation:clBeat var(--beat,1.1s) ease-in-out infinite;transform-origin:50% 55%}
@keyframes clBeat{0%{transform:scale(1)}14%{transform:scale(var(--a1,1.18))}28%{transform:scale(1)}42%{transform:scale(var(--a2,1.1))}70%,100%{transform:scale(1)}}
.cl-thermo small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d8c6f2}
.cl-val{display:flex;align-items:center;gap:6px;line-height:1}
.cl-val b{font-family:var(--serif);font-size:46px;font-weight:600;font-variant-numeric:tabular-nums;background:linear-gradient(100deg,#ffe3a3,#ffb3d6 50%,#c7b3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-val i{font-style:normal;color:#d8c6f2;font-size:15px;align-self:flex-end;margin-bottom:8px}
.cl-a{display:inline-flex}.cl-arr{width:15px;height:15px;fill:currentColor}.cl-a.up{color:#6fe3a6}.cl-a.down{color:#ff8c8c}
.cl-status{font-size:14px;font-weight:600;color:#fff}
.cl-points{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:12px;max-width:560px}
.cl-points li{display:grid;grid-template-columns:118px 1fr;gap:12px;padding:12px 0;border-top:1px solid #ffffff1f}
.cl-points b{font-family:var(--serif);font-size:22px;font-weight:600;color:#ffe3a3;line-height:1.2}
.cl-points span{color:#eadcf7;font-size:15px;line-height:1.6}
.cl-note{font-size:15px;color:#fff;background:#ffffff10;border-left:2px solid #ffb3d6;padding:10px 14px;border-radius:0 12px 12px 0;max-width:560px}
.cl-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:18px}
.cl-button{background:linear-gradient(120deg,#f2c46b,#e86fb0 55%,#9b6bff);color:#1d1034;font-weight:600}
.cl-button span{font-size:18px!important}
.couple-live .next-link{margin-top:0;color:#fbf4ff;border-color:#ffb3d6}
.cl-tech{margin:22px 0 0;font-size:13px;line-height:1.6;color:#cdb9ee;max-width:560px}
.cl-art{position:relative;height:640px}
.cl-art .phone{position:absolute;width:250px;max-width:52%;filter:drop-shadow(0 30px 30px #0008)}
.cl-art .back{left:4%;top:4%;--tilt:-6deg;z-index:1}
.cl-art .front{right:2%;top:14%;--tilt:5deg;z-index:2;animation-delay:-3s}
.cl-art .shot{background-color:#120b1c}
@media(max-width:1100px){.couple-live{grid-template-columns:1fr;padding:48px 40px}.cl-art{height:560px;max-width:560px;margin-inline:auto;width:100%}}
@media(max-width:760px){.doors{grid-template-columns:1fr;max-width:none}.couple-live{padding:36px 22px;border-radius:20px;margin-bottom:50px}.cl-points li{grid-template-columns:1fr;gap:2px}.cl-thermo{gap:12px;padding:12px 16px 12px 12px}.cl-val b{font-size:38px}.cl-art{height:470px}.cl-art .phone{width:200px;max-width:58%}.cl-art .back{left:0}.cl-art .front{right:0}}
@media(prefers-reduced-motion:reduce){.cl-heart svg{animation:none}}
