/* WellTV v3: devices, cards, icons and guided renewal.
   Commercial data lives in config.js. Motion is limited to interactive elements. */
.icon{width:24px;height:24px;display:block;flex-shrink:0}.eyebrow{line-height:1.6}.section{padding-block:108px}.section-heading{margin-bottom:46px}.experience{gap:62px}.experience>div>p{max-width:430px}.benefit{align-items:center;gap:16px;margin:25px 0}.benefit .benefit-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid #6a5c9a44;background:linear-gradient(140deg,#292442,#121824);border-radius:13px;padding:0;color:#bba4fa}.benefit h3{font-size:17px;margin:0 0 5px;letter-spacing:-.02em}.benefit p{font-size:13px;line-height:1.6}.device-icon .icon{width:26px;height:26px}.device-grid article{padding:28px}.device-grid h3{letter-spacing:-.025em}.steps article>span{font-size:14px;letter-spacing:1px}.steps p{line-height:1.75}.section-heading h2{max-width:680px}.device-grid p{font-size:13px;line-height:1.65}
/* The screen composition uses the existing artwork, with illustrative UI. */
.screen-showcase{margin:0;position:relative;border:1px solid #3a405a;border-radius:24px;padding:26px;background:radial-gradient(ellipse at 75% 46%,#34326860,transparent 68%),linear-gradient(140deg,#141c2c,#0c101d);box-shadow:0 28px 75px #0003;overflow:hidden}.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.showcase-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin:0;max-width:150px}.showcase-brand{font-weight:800;font-size:20px;letter-spacing:-1px}.showcase-brand>span,.showcase-toolbar b span,.showcase-phone>b span{color:#b895ff}.showcase-devices{height:335px;position:relative;isolation:isolate;margin-top:20px}.showcase-tv{position:absolute;left:0;top:20px;width:88%;height:254px;padding:14px;border:5px solid #3a425d;border-bottom-width:10px;border-radius:13px;background:#070b15;box-shadow:0 15px 40px #0007;z-index:2;transform:perspective(1000px) rotateY(-5deg)}.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.showcase-toolbar b{font-size:14px;letter-spacing:-.7px}.showcase-toolbar>span{font-size:7px;color:#a2acc8}.showcase-feature{height:132px;padding:16px;background:linear-gradient(90deg,#11192beb,#10162b33),url('/assets/site/banner3.webp') 60% 65%/cover;border-radius:5px}.showcase-feature>span{font-size:6px;letter-spacing:1.8px;color:#c3b9ee}.showcase-feature strong{display:block;font-size:24px;line-height:1.1;letter-spacing:-1px;margin-top:16px}.showcase-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.showcase-catalog>span{font-size:7px;display:flex;align-items:flex-end;padding:8px;height:43px;border-radius:4px;background:linear-gradient(130deg,#344564,#151c2b)}.showcase-catalog>span:nth-child(2){background:linear-gradient(130deg,#594676,#241a39)}.showcase-catalog>span:nth-child(3){background:linear-gradient(130deg,#265169,#102131)}.showcase-phone{width:136px;height:256px;border:5px solid #59627e;border-radius:23px;position:absolute;right:0;bottom:0;z-index:3;background:#090d19;padding:23px 9px 12px;box-shadow:-8px 20px 30px #0008;transform:rotate(5deg)}.showcase-notch{position:absolute;top:5px;left:36px;width:54px;height:9px;border-radius:9px;background:#02050b}.showcase-phone>b{font-size:14px;letter-spacing:-.7px}.showcase-phone-feature{height:117px;border-radius:6px;margin-top:10px;padding:12px 7px;background:linear-gradient(0deg,#191730f5,#12182740),url('/assets/site/banner3.webp');background-size:cover,auto 240%;background-position:center,60% 65%}.showcase-phone-feature>span{font-size:4px;letter-spacing:1px;color:#c2b0ef}.showcase-phone-feature>strong{display:block;font-size:15px;line-height:1.12;letter-spacing:-.5px;margin-top:35px}.phone-mini-title{display:block;font-size:7px;color:#b1bbd3;margin-block:9px 5px}.showcase-phone-tiles{display:grid;grid-template-columns:1fr 1fr;gap:5px}.showcase-phone-tiles>span{height:17px;border-radius:3px;background:linear-gradient(120deg,#3c4167,#171c31)}.showcase-phone-tiles>span:nth-child(2n){background:linear-gradient(120deg,#604d77,#251f3b)}.showcase-stand{position:absolute;left:10%;top:274px;width:65%;height:32px;background:linear-gradient(#38415b,#141b2c);clip-path:polygon(42% 0,58% 0,61% 80%,100% 88%,100% 100%,0 100%,0 88%,39% 80%);z-index:1}.showcase-tags{display:flex;gap:18px;border-top:1px solid #44455f66;padding-top:19px;margin-top:24px}.showcase-tags>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#d5d8e9}.showcase-tags .icon{width:19px;height:19px;color:#b59bf0}.screen-showcase figcaption{font-size:10px;color:#a9b1c5;line-height:1.6;margin-top:16px;max-width:350px}
/* All plans use the same hierarchy and CTA treatment. */
.plans{gap:18px}.plan,.plan:nth-child(2){padding:27px 22px 23px;border:1px solid transparent;border-radius:19px;background:linear-gradient(145deg,#161d2e,#0e1220) padding-box,linear-gradient(140deg,#787aba99,#45507a55 48%,#9b75c070) border-box;box-shadow:0 12px 32px #0002;position:relative;overflow:hidden}.plan:before{display:none}.plan-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.plan-label{font-size:9px;letter-spacing:2px;margin:0;color:#b1a2d5}.plan-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px solid #695d8944;border-radius:10px;font-size:18px;color:#b598f5;background:#28233b66}.plan h3{font-size:23px;margin:0 0 20px;letter-spacing:-.03em}.plan .price{display:flex;align-items:baseline;gap:6px;font-size:43px;font-weight:750;letter-spacing:-2.3px;line-height:1.12;margin:0}.plan .price small{font-size:13px;letter-spacing:0;margin:0;font-weight:550;color:#c3c9dc}.plan .period{border:0;padding:0;margin:10px 0 0;font-size:13px;line-height:1.5;color:#e0e1ed}.plan-total{font-size:10px;color:#929cb6;margin:5px 0 0}.plan ul{border-top:1px solid #4c536c66;padding-top:17px;margin:22px 0 26px;font-size:12px;line-height:1.6;letter-spacing:0}.plan li{padding:5px 0}.plan li:before{color:#bba1f8}.plan .plan-button{padding:13px 14px;font-size:12px;min-height:49px;width:100%;justify-content:space-between;gap:8px;border-radius:11px;white-space:nowrap}.plan-button .icon{width:18px;height:18px}.plan-assistance{display:flex;align-items:center;gap:10px;margin-top:26px;color:#bfc7dc;font-size:13px;flex-wrap:wrap}.plan-assistance>.icon{width:20px;height:20px;color:#bda1ed}.plan-assistance .text-link{padding:4px 0;margin-left:auto}.plan-assistance+.fine{margin:14px 0 0;max-width:830px}
/* Journey stays explicit: clicking a plan opens payment details, not approval. */
.renew-journey{gap:16px;margin-top:40px}.renew-journey li{padding:20px 18px;align-items:flex-start;border-color:#343d54;background:#121929}.renew-journey li[aria-current="step"]{border-color:#9a84c388;background:linear-gradient(125deg,#25243e,#141b2c)}.renew-journey li>span{width:43px;height:43px;border-color:#74639566;background:#28223d88;color:#bda6f5;flex-shrink:0}.renew-journey .icon{width:22px;height:22px}.renew-journey b{font-size:15px;line-height:1.5}.renew-journey small{font-size:11px;line-height:1.7;margin-top:5px}.payment-dialog{width:min(780px,calc(100% - 32px));padding:32px;max-height:92dvh;border-color:#75608d;border-radius:22px}.payment-heading{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #3c4058}.payment-heading .eyebrow{font-size:9px;margin-bottom:10px}.payment-heading h2{font-size:29px;margin-bottom:14px}.payment-summary{display:flex;align-items:baseline;gap:17px;flex-wrap:wrap}.payment-summary #payment-price{font-size:35px;letter-spacing:-1.5px;margin:0}.payment-summary .payment-period{font-size:13px;color:#d1c4ef;margin:0}.payment-heading .fine{margin:5px 0 0}.payment-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.payment-step{min-width:0}.payment-step+.payment-step{padding-left:28px;border-left:1px solid #3d4057}.payment-step-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.payment-step-title>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #766093;border-radius:9px;font-size:11px;color:#c0a5f5;background:#29203a}.payment-step-title h3{font-size:17px;letter-spacing:-.025em;margin:0}.payment-step>p{font-size:12px;line-height:1.75;margin-bottom:18px}.payment-step .qr{width:160px;height:160px;margin:18px auto;border:7px solid white}.payment-step .pix-box{padding:14px 10px}.payment-step .pix-box strong{font-size:17px;letter-spacing:.2px}.payment-step .pix-box .button{min-height:44px;font-size:12px;padding:10px;margin-top:12px}.recipient{padding:14px;background:#0c1020;border:1px solid #34384d;border-radius:11px}.recipient>span{display:block;font-size:10px;color:#b39dce;margin-bottom:5px}.recipient b{display:block;font-size:12px;font-weight:650;color:#e5e3ed}.recipient small{display:block;font-size:11px;line-height:1.65;color:#b3bad0;margin-top:7px}.payment-step #copy-status{font-size:11px;line-height:1.6;margin:10px 0;min-height:18px}.payment-step label{font-size:12px;margin-top:25px}.payment-step input{font-size:13px}.payment-step #receipt{font-size:13px;min-height:51px;margin-top:15px}.verification-note{display:flex;gap:10px;margin-top:25px;padding:17px 14px;border:1px solid #5e4b8055;border-radius:12px;background:#27213b66}.verification-note .icon{width:20px;height:20px;color:#bb9eef;margin-top:2px}.verification-note b{font-size:12px;font-weight:650;line-height:1.6;display:block}.verification-note p{font-size:12px;line-height:1.8;margin:8px 0 0;color:#bfc4d9}.payment-step .fine{margin-top:18px;font-size:10px!important}
/* Quiet interaction: no perpetual animation, pulse or flashing. */
.button{box-shadow:0 7px 23px #5c66dc24;transition:box-shadow .18s ease,border-color .18s ease,background .18s ease;transform:none}.button:hover{transform:none;filter:none}.button.outline{box-shadow:none}.plan{transition:border-color .18s ease,box-shadow .18s ease}.device-grid article{transition:border-color .18s ease}.button:focus-visible{box-shadow:0 0 0 5px #9074d92b}.plan:focus-within{box-shadow:0 0 0 2px #a686d633,0 18px 40px #0003}nav a{transition:color .18s ease}.button .icon{transition:transform .18s ease}
@media(hover:hover) and (pointer:fine){.button:hover{box-shadow:0 8px 30px #7970ef40}.button.outline:hover{box-shadow:0 0 24px #8470c517}.button:hover .icon{transform:translateX(2px)}.plan:hover{box-shadow:0 16px 42px #35295255;border-color:#a487db55}.device-grid article:hover{border-color:#8e77bc88}}
@media(max-width:1080px){.section{padding-block:90px}.experience{gap:38px}.screen-showcase{padding:20px}.showcase-devices{height:300px}.showcase-tv{height:226px;padding:10px}.showcase-feature{height:117px;padding:14px}.showcase-feature strong{font-size:20px}.showcase-catalog>span{height:37px;font-size:6px;padding:7px}.showcase-phone{width:117px;height:226px;padding:21px 7px 10px}.showcase-phone-feature{height:104px;padding:8px 6px}.showcase-phone-feature>strong{font-size:13px;margin-top:32px}.showcase-notch{left:28px;width:48px}.showcase-stand{top:246px;width:63%}.showcase-tags{gap:12px}.showcase-tags>span{font-size:11px}.showcase-tags .icon{width:17px;height:17px}.plans{gap:13px}.plan,.plan:nth-child(2){padding:23px 17px}.plan .price{font-size:35px;gap:5px;letter-spacing:-1.8px}.plan .price small{font-size:11px}.plan .period{font-size:12px}.plan ul{font-size:11px}.plan .plan-button{font-size:11px;padding-inline:10px}.plan-button .icon{width:16px;height:16px}.renew-journey li{padding:16px;gap:11px}.renew-journey b{font-size:13px}.renew-journey li>span{width:36px;height:36px}}
@media(max-width:760px){.section{padding-block:72px}.section-heading{margin-bottom:32px}.experience{gap:34px}.hero-copy h1{font-size:clamp(48px,13.3vw,62px)}.hero-copy>p{font-size:15px;line-height:1.7}.hero-stage{height:340px;margin-top:14px}.robot{height:295px;width:197px;right:10px;top:-15px}.tv-mock{width:88%;height:204px;bottom:30px}.phone-mock{right:0;bottom:3px;transform:rotate(3deg);height:209px;width:103px}.stage-word{font-size:50px}.stage-orbit{width:275px;height:275px;left:7%}.stage-label{bottom:-12px}.hero-layout{padding-bottom:40px;gap:14px}.hero-copy .actions .button{font-size:13px}.benefit{gap:14px;margin:24px 0}.benefit h3{font-size:16px}.benefit p{font-size:13px}.screen-showcase{padding:22px 20px;border-radius:20px;max-width:540px;width:100%;justify-self:center}.showcase-heading .eyebrow{font-size:7px;letter-spacing:1.6px}.showcase-brand{font-size:19px}.showcase-devices{height:290px;margin-top:12px}.showcase-tv{top:20px;width:91%;height:204px;padding:10px;border-width:4px;border-bottom-width:8px;transform:none}.showcase-toolbar b{font-size:12px}.showcase-toolbar>span{font-size:5px}.showcase-toolbar{margin-bottom:8px}.showcase-feature{height:104px;padding:11px}.showcase-feature>span{font-size:5px}.showcase-feature strong{font-size:19px;margin-top:13px}.showcase-catalog{gap:5px;margin-top:8px}.showcase-catalog>span{height:30px;padding:5px;font-size:5px}.showcase-phone{width:106px;height:219px;right:0;bottom:0;border-width:4px;border-radius:20px;padding:21px 7px 10px;transform:rotate(3deg)}.showcase-notch{left:25px;width:43px;height:8px}.showcase-phone>b{font-size:12px}.showcase-phone-feature{height:103px;padding:8px 5px;margin-top:8px}.showcase-phone-feature>strong{font-size:12px;margin-top:34px}.showcase-phone-tiles{gap:4px}.showcase-phone-tiles>span{height:17px}.showcase-stand{top:224px;width:69%;height:28px;left:5%}.showcase-tags{gap:14px;padding-top:17px;margin-top:22px}.showcase-tags>span{font-size:10px;gap:6px}.screen-showcase figcaption{font-size:9px;line-height:1.8;margin-top:13px}.device-grid article{padding:23px 18px}.device-grid h3{font-size:16px}.device-grid p{font-size:12px}.device-icon{width:47px;height:47px;margin-bottom:23px}.device-icon .icon{width:23px;height:23px}.plan,.plan:nth-child(2){padding:21px 16px 17px;border-radius:17px}.plan-top{margin-bottom:22px}.plan-label{font-size:7px;letter-spacing:1.5px}.plan-symbol{width:27px;height:27px;font-size:15px;border-radius:8px}.plan h3{font-size:20px;margin-bottom:19px}.plan .price{font-size:33px;gap:4px;letter-spacing:-1.8px}.plan .price small{font-size:10px}.plan .period{font-size:11px;margin-top:9px}.plan-total{font-size:8px;margin-top:4px}.plan ul{font-size:10px;margin-top:18px;padding-top:14px;margin-bottom:22px}.plan li{padding:5px 0}.plan li:before{margin-right:6px}.plan .plan-button{padding:12px 9px;min-height:48px;font-size:10px;gap:4px;justify-content:center}.plan-button .icon{width:14px;height:14px}.plan-assistance{font-size:12px;gap:8px;margin-top:23px}.plan-assistance .text-link{font-size:12px;margin-left:28px}.plan-assistance+.fine{margin-top:17px;font-size:11px!important}.renew-journey{gap:10px;margin-top:28px}.renew-journey li{padding:18px;align-items:center}.renew-journey b{font-size:15px}.renew-journey small{font-size:12px;margin-top:4px}.renew-journey li>span{width:42px;height:42px}.payment-dialog{padding:28px 22px;border-radius:18px;max-height:90dvh}.payment-heading{padding-bottom:19px;margin-bottom:22px}.payment-heading h2{font-size:26px}.payment-summary{gap:12px}.payment-summary #payment-price{font-size:34px}.payment-summary .payment-period{font-size:12px}.payment-layout{grid-template-columns:1fr;gap:27px}.payment-step+.payment-step{padding-left:0;padding-top:26px;border-left:0;border-top:1px solid #42445b}.payment-step-title{margin-bottom:14px}.payment-step-title h3{font-size:18px}.payment-step>p{font-size:13px}.payment-step .qr{width:170px;height:170px}.payment-step .pix-box strong{font-size:18px}.payment-step .pix-box .button{font-size:13px}.recipient b{font-size:13px}.recipient small{font-size:12px}.payment-step label{font-size:13px;margin-top:23px}.payment-step input{font-size:14px}.payment-step #receipt{font-size:14px;min-height:54px}.verification-note{padding:17px;gap:12px;margin-top:22px}.verification-note b{font-size:13px}.verification-note p{font-size:12px}.payment-step .fine{font-size:11px!important}.inner-hero{padding-bottom:18px}.inner-hero+.compact{padding-top:24px}.client-banner{margin-bottom:72px}}
@media(min-width:520px) and (max-width:760px){.showcase-devices{height:360px}.showcase-tv{height:267px;padding:14px}.showcase-feature{height:148px}.showcase-feature strong{font-size:26px}.showcase-catalog>span{height:40px;font-size:7px}.showcase-phone{width:132px;height:272px;padding:25px 9px 12px}.showcase-phone-feature{height:132px}.showcase-phone-feature>strong{font-size:16px;margin-top:46px}.showcase-phone-tiles>span{height:23px}.showcase-stand{top:287px}.plan .price{font-size:41px}.plan .plan-button{font-size:13px}.plan-button .icon{width:19px;height:19px}.plan .period{font-size:13px}.plan ul{font-size:12px}}
@media(max-width:360px){.plans{grid-template-columns:1fr}.plan,.plan:nth-child(2){padding:26px}.plan .price{font-size:48px}.plan .price small{font-size:14px}.plan .period{font-size:14px}.plan-total{font-size:11px}.plan-label{font-size:9px}.plan h3{font-size:25px}.plan ul{font-size:13px}.plan .plan-button{font-size:13px;justify-content:space-between;padding:15px}.plan-button .icon{width:20px;height:20px}.screen-showcase{padding:19px 15px}.showcase-tv{height:186px;padding:8px}.showcase-feature{height:94px}.showcase-feature strong{font-size:16px}.showcase-catalog>span{height:25px;font-size:4px}.showcase-devices{height:270px}.showcase-stand{top:206px}.showcase-phone{width:96px;height:206px;padding:19px 6px 8px}.showcase-notch{left:23px;width:39px}.showcase-phone-feature{height:97px}.showcase-phone-feature>strong{font-size:11px}.showcase-tags{gap:10px}.showcase-tags>span{font-size:9px}.showcase-tags .icon{width:16px;height:16px}.hero-stage{height:320px}.robot{height:280px;width:187px}.stage-word{font-size:44px}.stage-orbit{width:245px;height:245px}.tv-mock{height:190px}.screen-scene{height:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.button .icon,.plan,.device-grid article,nav a{transition:none!important}.button:hover .icon{transform:none}}