/* Composição da referência enviada: seções compactas e grade dupla. */
.reference-layout{background:#08090b}.reference-layout .container{width:min(1220px,calc(100% - 120px))}.reference-layout h2{font-size:27px;line-height:1.12;margin-bottom:14px;letter-spacing:-.5px}.reference-layout header{height:75px;padding:0;background:linear-gradient(115deg,#17100b,#08090b 35%,#141414);border-bottom:1px solid #a778463d}.reference-layout header .container{width:min(1110px,calc(100% - 150px))}.reference-layout header .nav{height:74px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.reference-layout header .nav:before,.reference-layout header .nav:after{display:none}.reference-layout header .brand img{width:146px}.reference-layout header nav{gap:27px}.reference-layout header nav>a{font-size:13px;padding:10px 18px}.reference-layout header nav .outline{border-color:#ff9500;background:linear-gradient(#ff950011,#08090b);padding:9px 18px;min-height:37px;font-size:12px}.reference-layout .hero{padding:24px 0 16px;background:radial-gradient(ellipse at 100% 100%,#ff74001c,transparent 50%),#08090b;position:relative;overflow:hidden}.reference-layout .hero>.container{width:min(1110px,calc(100% - 150px))}.reference-layout .hero-new-grid{grid-template-columns:1fr 1.12fr;min-height:320px}.reference-layout .hero-new-copy{padding:0;z-index:2}.reference-layout .hero-badge{font-size:23px;letter-spacing:-.6px;padding:5px 25px;border:1px solid #ff9c00;border-radius:11px;background:linear-gradient(#351c05,#090a0b);color:#ffb000;box-shadow:inset 0 0 10px #ff950049,0 0 8px #ff950024;margin-bottom:10px}.reference-layout .hero-new-copy h1{font-size:44px;letter-spacing:-1.6px;line-height:.99;margin-bottom:5px}.reference-layout .hero-new-copy h1 em{font-size:99px;letter-spacing:-5px;line-height:.94;margin-top:5px}.reference-layout .hero-new-copy .intro{font-size:16px;white-space:nowrap;max-width:none;margin:5px 0 18px;line-height:1.3}.reference-layout .hero .actions{gap:18px;margin:0}.reference-layout .hero .button{font-size:15px;padding:10px 24px;min-height:43px;background:linear-gradient(#ffad11,#ff8700);border-radius:28px;gap:16px}.reference-layout .hero .hero-secondary{font-size:14px;min-height:42px;padding:9px 26px;text-decoration:none;border:1px solid #bbb;border-radius:30px;background:#08090b77}.reference-layout .hero-new-art{aspect-ratio:2;align-self:center;width:111%;margin:0 0 0 -3%;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 99%,transparent)}.reference-layout .hero-new-art>img{width:213.333%;left:-102.083%;top:-37.5%;height:auto}.reference-layout .hero-new-art:after{background:linear-gradient(180deg,#08090b 0,transparent 6%,transparent 94%,#08090b 100%)}.reference-layout .hero:before{content:'';position:absolute;left:-45px;top:-10px;width:110px;height:440px;background:linear-gradient(90deg,transparent,#ff850010 35%,#ff840060 47%,#ffd97c 49%,#ff7b00 50%,transparent 53%);transform:rotate(31deg);transform-origin:top;box-shadow:0 0 30px #ff87000a}.reference-layout .hero:after{display:block;left:auto;right:-75px;top:110px;bottom:auto;width:100px;height:400px;background:linear-gradient(90deg,transparent 48%,#ffe279 50%,#ff8100 51%,transparent 53%);transform:rotate(33deg);box-shadow:none}.reference-layout .countdown-band{border-block:1px solid #a7753f7d;background:linear-gradient(110deg,#111314,#08090b 65%,#17100b)}.reference-layout .countdown-band .container{width:min(1110px,calc(100% - 150px))}.reference-layout .countdown{border:0;margin:0;min-height:83px;padding:8px 0;flex-direction:row;gap:28px;align-items:center;background:none}.reference-layout .countdown-copy{gap:20px;flex:1;padding-right:25px;border-right:1px solid #a35c16;text-align:left}.reference-layout .countdown-copy strong{font-size:22px}.reference-layout .countdown-copy small{font-size:13px;margin-top:5px}.reference-layout .countdown-clock{gap:12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;flex:1;justify-content:space-between}.reference-layout .countdown-clock:before{display:none}.reference-layout .countdown-clock:hover{border:0;box-shadow:none}.reference-layout .countdown-clock>i{display:none}.reference-layout .countdown-clock>div{flex:1;min-width:78px;padding:4px 12px 5px;border:1px solid #b67719;border-radius:10px;background:linear-gradient(#61400b52,#08090b);box-shadow:inset 0 1px #ffb00030}.reference-layout .countdown-clock b{font-size:32px;font-weight:bold;line-height:1}.reference-layout .countdown-clock span{font-size:10px;letter-spacing:.2px;margin-top:5px}.reference-layout .challenges{padding:17px 0 14px;background:radial-gradient(ellipse at 50% 0,#30323355,transparent 60%),linear-gradient(#17191a,#0c0e0f);border-bottom:1px solid #7776}.reference-layout .challenges .container{width:min(1170px,calc(100% - 120px))}.reference-layout .challenges h2{font-size:27px;margin-bottom:28px}.reference-layout .challenges h2:after{display:none}.reference-layout .pain-grid{gap:20px}.reference-layout .pain-grid>div{display:flex;gap:15px;align-items:center;min-height:74px;padding:6px 13px;border-radius:11px;background:linear-gradient(120deg,#303132,#0d0f10);border-color:#656667}.reference-layout .pain-grid h3{font-size:16px;line-height:1.2}.reference-layout .challenges p{font-size:13px;margin-top:9px}.reference-layout #planos{width:min(1150px,calc(100% - 130px));padding-top:10px;padding-bottom:9px;position:relative}.reference-layout #planos:before{width:680px;height:100px;top:10px;left:-560px;background:linear-gradient(180deg,transparent 40%,#ff87001f 48%,#ffac00 50%,transparent 52%);transform:rotate(-30deg)}.reference-layout #planos:after{content:'';position:absolute;width:450px;height:110px;bottom:0;right:-340px;background:linear-gradient(180deg,transparent 38%,#ff870025 48%,#ffae00 50%,transparent 53%);transform:rotate(-35deg);z-index:-1}.reference-layout .section-heading{margin-bottom:20px}.reference-layout .section-heading h2{font-size:29px;margin-bottom:6px}.reference-layout .section-heading h2:after{display:none}.reference-layout .section-heading p{font-size:13px}.reference-layout .plans{gap:27px}.reference-layout .plan{min-height:307px;padding:14px 25px 10px;border-radius:13px}.reference-layout .plan .eyebrow{font-size:11px;padding:3px 9px;border-radius:6px}.reference-layout .plan h3{font-size:21px;margin:10px 0 8px;letter-spacing:-.5px}.reference-layout .price{font-size:47px;margin-bottom:9px}.reference-layout .price small{font-size:30px}.reference-layout .plan li{font-size:13px;padding:2px 0 2px 20px;line-height:1.17}.reference-layout .plan li .icon{width:16px;height:16px;top:0}.reference-layout .plan ul{margin-bottom:15px}.reference-layout .plan .button{min-height:39px;font-size:15px;border-radius:15px;max-width:100%;margin:auto}.reference-layout .plan .compare{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reference-layout .plan .compare:focus{position:static;clip-path:none;width:auto;height:auto}.reference-layout .featured .price{font-size:43px;padding:5px 20px 5px 10px;margin-top:-2px;margin-bottom:10px}.reference-layout .ribbon{font-size:11px;top:-20px;right:14px;padding:5px 12px;transform:none}.reference-layout .ribbon .icon{width:15px;height:15px}.reference-layout .notice{margin-top:13px;padding:8px 22px;font-size:11px;gap:15px;line-height:1.3}.reference-layout .notice>.icon{width:25px;height:25px}.reference-layout .comparison-diagnosis{display:grid;grid-template-columns:1fr 1.16fr;gap:40px;margin-top:0;padding-top:16px;border-top:1px solid #ffffff23}.reference-layout .comparison-diagnosis>.section{width:auto;padding:0;margin:0;min-width:0}.reference-layout #comparativo{padding-right:35px;border-right:1px solid #89551a}.reference-layout .table-scroll{border-radius:9px}.reference-layout table{min-width:0;font-size:10px;table-layout:fixed}.reference-layout table th:first-child{width:49%}.reference-layout th,.reference-layout td{padding:5px 6px}.reference-layout thead th{font-size:10px;padding:8px 6px}.reference-layout .table-status{width:14px;height:14px;font-size:12px;margin:0}.reference-layout td{font-size:0}.reference-layout .comparison-diagnosis h2{font-size:24px;margin-bottom:12px}.reference-layout #diagnostico>h2{max-width:335px;margin-bottom:5px}.reference-layout #diagnostico>.muted{font-size:11px}.reference-layout .diagnosis{grid-template-columns:1.7fr 1fr;gap:23px;margin-top:10px}.reference-layout #quiz{background:none;padding:0;border:0;border-radius:0;display:flex;flex-direction:column;gap:7px;min-width:0}.quiz-row{position:relative;display:flex;align-items:center;min-width:0}.question-number{position:absolute;left:9px;top:7px;width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:bold;background:#ff9d00;color:#0b0b0b;pointer-events:none;z-index:1}.quiz-row select{min-width:0;padding:7px 25px 7px 38px;font-size:11px;min-height:34px;border:1px solid #696866;border-radius:7px;background:linear-gradient(#28292a,#0e1011);text-overflow:ellipsis}.reference-layout .recommendation{margin-top:-31px;min-height:239px;border-radius:12px;padding:48px 15px 15px;text-align:center;border-color:#ff9e00;box-shadow:0 0 17px #ff940044;background:radial-gradient(ellipse at 50% 120%,#b35b0030,transparent 60%),linear-gradient(135deg,#29221a,#0c0d0e)}.reference-layout .recommend-crown{top:14px;left:0;right:0}.reference-layout .recommend-crown .icon{width:30px;height:30px}.reference-layout .recommendation>p:first-of-type{font-size:13px;font-weight:normal;margin-bottom:8px}.reference-layout .recommendation h3{font-size:31px;line-height:.95;margin-bottom:14px;letter-spacing:-1px;color:#ff9700}.reference-layout .recommendation #recommend-copy{font-size:11px;min-height:0;margin-bottom:4px;line-height:1.2}.reference-layout .recommendation .selection{padding:6px;margin-top:10px;display:block;font-size:9px}.reference-layout .selection>span{justify-content:center;white-space:normal;font-size:8px}.reference-layout .selection b{display:block;font-size:11px;margin-top:3px}.reference-layout .recommendation>label{font-size:9px;text-align:left;margin-top:7px}.reference-layout .recommendation select{font-size:10px;min-height:29px;padding:5px;color:#ffad14}.reference-layout .recommendation #budget-note,.reference-layout .recommendation #upgrade{font-size:9px}.reference-layout .confidence{margin-top:14px;padding:0 0 13px;border:0}.reference-layout .confidence .container{width:min(1200px,calc(100% - 120px))}.reference-layout .confidence h2{font-size:23px;margin-bottom:10px}.reference-layout .trust-grid{gap:24px}.reference-layout .trust-grid>div{padding:5px 20px;gap:20px;min-height:64px;background:linear-gradient(110deg,#252627,#19191a);border-color:#4d4537;border-radius:10px}.reference-layout .trust-grid .icon{width:38px;height:38px}.reference-layout .trust-grid p{font-size:13px;line-height:1.2}.reference-layout .faq-contact{display:grid;grid-template-columns:.8fr 1.23fr;gap:40px;position:relative;padding-top:8px;padding-bottom:20px}.reference-layout .faq-contact>.section{width:auto;margin:0;padding:0;min-width:0}.reference-layout .faq-contact h2{font-size:24px;margin-bottom:13px;letter-spacing:-.7px}.reference-layout .faq summary{font-size:12px;padding:8px 30px 8px 15px}.reference-layout .faq details[open] summary{padding-top:10px}.reference-layout .faq details[open]{border-color:#d68b26}.reference-layout .faq details{margin-bottom:7px;border-radius:10px}.reference-layout .faq details p{font-size:11px;margin:6px 15px 13px;line-height:1.25}.reference-layout .faq summary:after{width:7px;height:7px;right:17px;top:10px;border-color:#ffab22}.reference-layout .faq details[open] summary:after{top:15px}.reference-layout .lead-form{padding:10px 20px 13px;border-radius:12px;border-color:#72716b;background:linear-gradient(135deg,#232425,#0e1011)}.reference-layout .fields{grid-template-columns:1fr 1fr;gap:8px 25px}.reference-layout .fields label{font-size:10px}.reference-layout .fields input,.reference-layout .fields select{font-size:11px;min-height:28px;padding:5px 8px;margin-top:2px}.optional-profile{margin-top:8px}.optional-profile summary{font-size:10px;color:#bbb;cursor:pointer}.optional-profile label{font-size:10px;display:block;margin-top:7px}.optional-profile input{margin-top:4px;min-height:28px;font-size:11px}.reference-layout .compact-summary{gap:12px;margin:10px 0}.reference-layout .compact-summary>div{padding:4px 7px;gap:7px;border-radius:6px}.reference-layout .compact-summary small{font-size:8px}.reference-layout .compact-summary b{font-size:12px}.reference-layout .compact-summary select{font-size:11px;min-height:20px;padding-right:10px}.reference-layout .compact-summary .icon{width:14px;height:14px}.reference-layout .consent{font-size:10px;margin:9px 0;gap:6px;line-height:1.2}.reference-layout .consent input{width:13px;min-height:13px}.reference-layout .form-actions{gap:18px}.reference-layout .form-actions .button{min-height:37px;font-size:12px;border-radius:6px;padding:8px 12px}.reference-layout .form-actions .outline{min-height:37px;font-size:10px;padding:7px 10px;border-radius:6px}.reference-layout .lead-form>small{font-size:8px;margin-top:7px}.reference-layout footer{margin:0;padding:8px 0;border-top:1px solid #a9722955;background:radial-gradient(ellipse at 100% 100%,#ff800015,transparent 30%),#090b0c}.reference-layout footer>.container{width:min(1170px,calc(100% - 120px))}.reference-layout footer .brand img{width:126px}.reference-layout footer .container>div{font-size:11px}.reference-layout .faq-contact:before{content:'';position:absolute;left:-200px;bottom:-35px;width:230px;height:150px;background:linear-gradient(20deg,transparent,#ff80002a 48%,#ffbd00 50%,transparent 52%);pointer-events:none;z-index:-1}.reference-layout .faq-contact:after{content:'';position:absolute;right:-180px;bottom:-50px;width:200px;height:100px;background:linear-gradient(-20deg,transparent,#ff80002a 48%,#ffbd00 50%,transparent 52%);pointer-events:none;z-index:-1}
/* Selections appear once a recommendation exists; the empty card matches the reference. */
.reference-layout .recommendation:not(.has-recommendation) .selection,.reference-layout .recommendation:not(.has-recommendation)>label,.reference-layout .recommendation:not(.has-recommendation)>select{display:none}
@media(max-width:1100px) and (min-width:768px){.reference-layout .container{width:calc(100% - 80px)}.reference-layout header .container,.reference-layout .hero>.container,.reference-layout .countdown-band .container{width:calc(100% - 140px)}.reference-layout header nav{gap:15px}.reference-layout header nav>a{font-size:11px;padding:8px 12px}.reference-layout .hero-new-grid{min-height:260px}.reference-layout .hero-new-copy h1{font-size:34px}.reference-layout .hero-new-copy h1 em{font-size:78px}.reference-layout .hero-badge{font-size:18px;padding:5px 20px}.reference-layout .hero-new-copy .intro{font-size:12px}.reference-layout .hero .button{font-size:12px;min-height:35px;padding:8px 18px}.reference-layout .hero .hero-secondary{font-size:12px;min-height:35px;padding:7px 23px}.reference-layout .countdown-copy strong{font-size:18px}.reference-layout .countdown-copy small{font-size:11px}.reference-layout .countdown-clock>div{min-width:64px;padding:4px 10px}.reference-layout .countdown-clock b{font-size:29px}.reference-layout .countdown-clock span{font-size:9px}.reference-layout .countdown-clock{gap:10px}.reference-layout .countdown{min-height:64px}.reference-layout .countdown-copy{gap:16px}.reference-layout .challenges .container,.reference-layout .confidence .container{width:calc(100% - 100px)}.reference-layout .challenges h2{font-size:23px}.reference-layout .pain-grid{gap:16px}.reference-layout .pain-grid>div{gap:8px;padding:5px 9px}.reference-layout .pain-grid h3{font-size:13px}.reference-layout #planos{width:calc(100% - 140px)}.reference-layout .section-heading h2{font-size:24px}.reference-layout .plan{padding:12px 20px 8px;min-height:235px}.reference-layout .plans{gap:22px}.reference-layout .plan h3{font-size:18px}.reference-layout .price{font-size:38px}.reference-layout .price small{font-size:25px}.reference-layout .plan li{font-size:11px;padding:2px 0 2px 18px}.reference-layout .plan .button{font-size:13px;min-height:32px;padding:7px}.reference-layout .featured .price{font-size:35px}.reference-layout .notice{font-size:10px;padding:6px 17px}.reference-layout .comparison-diagnosis{gap:28px}.reference-layout #comparativo{padding-right:27px}.reference-layout .comparison-diagnosis h2{font-size:19px}.reference-layout .diagnosis{gap:18px}.reference-layout .recommendation{padding:43px 12px 12px;min-height:204px}.reference-layout .recommendation h3{font-size:27px}.reference-layout .quiz-row select{font-size:10px;min-height:28px;padding:5px 20px 5px 32px}.reference-layout .question-number{width:17px;height:17px;left:8px;top:5px}.reference-layout #quiz{gap:5px}.reference-layout .trust-grid p{font-size:11px}.reference-layout .confidence h2{font-size:19px}.reference-layout .faq-contact{gap:30px}.reference-layout .faq-contact h2{font-size:20px}.reference-layout .faq summary{font-size:10px}.reference-layout .faq details p{font-size:10px}.reference-layout .lead-form{padding:9px 16px}.reference-layout .fields{gap:7px 20px}}
@media(max-width:767px){.reference-layout .container,.reference-layout header .container,.reference-layout .hero>.container,.reference-layout .countdown-band .container,.reference-layout .challenges .container,.reference-layout #planos,.reference-layout .confidence .container,.reference-layout footer>.container{width:calc(100% - 32px)}.reference-layout header{height:75px;padding:0}.reference-layout header .nav{height:74px;padding:0;gap:8px}.reference-layout header .brand img{width:103px}.reference-layout header nav{gap:3px}.reference-layout header nav>a{font-size:10px;padding:7px 7px}.reference-layout header nav .outline{font-size:9px;padding:6px 9px;min-height:30px}.reference-layout .hero{padding:20px 0 15px}.reference-layout .hero-new-grid{grid-template-columns:1fr;min-height:0;gap:0}.reference-layout .hero-new-copy h1{font-size:clamp(34px,7vw,48px);line-height:1.02}.reference-layout .hero-new-copy h1 em{font-size:clamp(77px,18vw,110px);letter-spacing:-4px;line-height:.94}.reference-layout .hero-badge{font-size:16px;padding:6px 19px;margin-bottom:11px}.reference-layout .hero-new-copy .intro{font-size:13px;white-space:normal;max-width:350px;margin:12px 0 17px}.reference-layout .hero .actions{gap:12px;flex-wrap:nowrap}.reference-layout .hero .button{font-size:11px;min-height:36px;padding:9px 13px;gap:8px}.reference-layout .hero .hero-secondary{font-size:11px;padding:8px 16px;min-height:36px}.reference-layout .hero-new-art{width:100%;margin:6px auto -5px;aspect-ratio:2;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 98%,transparent)}.reference-layout .hero-new-art>img{width:213.333%;left:-102.083%;top:-37.5%}.reference-layout .hero:before{left:-65px;height:250px}.reference-layout .hero:after{right:-100px}.reference-layout .countdown{flex-direction:column;align-items:stretch;gap:13px;padding:13px 0 15px;min-height:0}.reference-layout .countdown-copy{border:0;padding:0;gap:12px}.reference-layout .countdown-copy strong{font-size:16px}.reference-layout .countdown-copy small{font-size:10px;margin-top:3px}.reference-layout .countdown-clock{align-self:stretch;max-width:none;gap:9px;padding:0}.reference-layout .countdown-clock>div{min-width:0;padding:6px;border-radius:8px}.reference-layout .countdown-clock b{font-size:27px}.reference-layout .countdown-clock span{font-size:8px;letter-spacing:.4px;margin-top:4px}.reference-layout .challenges{padding-top:20px}.reference-layout .challenges h2{font-size:23px;margin-bottom:18px}.reference-layout .pain-grid{gap:10px;grid-template-columns:1fr 1fr}.reference-layout .pain-grid>div{display:flex;gap:8px;min-height:78px;padding:8px}.reference-layout .pain-grid h3{font-size:12px}.reference-layout .challenges p{font-size:11px;line-height:1.3}.reference-layout #planos{padding-top:22px;padding-bottom:15px}.reference-layout .section-heading h2{font-size:25px;margin-bottom:9px}.reference-layout .section-heading p{font-size:12px}.reference-layout .section-heading{margin-bottom:27px}.reference-layout .plans{gap:27px}.reference-layout .plan{padding:20px 23px;min-height:0}.reference-layout .plan h3{font-size:24px}.reference-layout .price{font-size:48px;margin:5px 0 14px}.reference-layout .price small{font-size:30px}.reference-layout .plan li{font-size:13px;padding:5px 0 5px 23px}.reference-layout .plan li .icon{top:4px;width:18px;height:18px}.reference-layout .plan .button{font-size:14px;min-height:40px}.reference-layout .featured .price{font-size:45px}.reference-layout .notice{font-size:11px;padding:11px 12px;gap:10px}.reference-layout .comparison-diagnosis{grid-template-columns:1fr;gap:22px;padding-top:20px}.reference-layout #comparativo{border:0;padding:0}.reference-layout .comparison-diagnosis h2{font-size:25px}.reference-layout table{min-width:510px;font-size:11px}.reference-layout thead th{font-size:11px}.reference-layout th,.reference-layout td{padding:7px}.reference-layout .table-scroll{overflow-x:auto}.reference-layout #diagnostico>h2{max-width:none;margin-bottom:8px}.reference-layout #diagnostico>.muted{font-size:12px}.reference-layout .diagnosis{grid-template-columns:1fr;gap:15px;margin-top:16px}.reference-layout #quiz{gap:9px}.reference-layout .quiz-row select{font-size:13px;min-height:43px;padding:9px 30px 9px 42px}.reference-layout .question-number{top:11px;left:10px;width:22px;height:22px;font-size:12px}.reference-layout .recommendation{margin:0;padding:50px 20px 20px;min-height:210px}.reference-layout .recommendation h3{font-size:32px}.reference-layout .recommendation>p:first-of-type{font-size:15px}.reference-layout .recommendation #recommend-copy{font-size:13px}.reference-layout .recommendation .selection{font-size:12px}.reference-layout .selection>span{font-size:10px}.reference-layout .selection b{font-size:13px}.reference-layout .recommendation select{font-size:13px;min-height:37px}.reference-layout .recommendation>label{font-size:11px}.reference-layout .confidence{margin-top:25px;padding-bottom:15px}.reference-layout .confidence h2{font-size:24px;margin-bottom:13px}.reference-layout .trust-grid{grid-template-columns:1fr;gap:10px}.reference-layout .trust-grid>div{padding:9px 15px;min-height:66px;gap:14px}.reference-layout .trust-grid p{font-size:13px}.reference-layout .faq-contact{grid-template-columns:1fr;gap:23px;padding:10px 0 22px}.reference-layout .faq-contact h2{font-size:25px}.reference-layout .faq summary{font-size:12px;padding:10px 30px 10px 13px}.reference-layout .faq details p{font-size:12px;line-height:1.4}.reference-layout .lead-form{padding:16px}.reference-layout .fields{grid-template-columns:1fr;gap:11px}.reference-layout .fields label{font-size:12px}.reference-layout .fields input,.reference-layout .fields select{min-height:40px;font-size:13px;padding:8px 10px;margin-top:4px}.optional-profile summary{font-size:11px}.optional-profile label{font-size:11px}.optional-profile input{min-height:40px;font-size:13px}.reference-layout .compact-summary{gap:9px}.reference-layout .compact-summary>div{padding:8px}.reference-layout .compact-summary small{font-size:10px}.reference-layout .compact-summary b{font-size:17px}.reference-layout .compact-summary select{font-size:14px;min-height:29px}.reference-layout .consent{font-size:11px;margin:13px 0;line-height:1.4}.reference-layout .consent input{width:16px;min-height:16px}.reference-layout .form-actions{gap:11px;flex-direction:column}.reference-layout .form-actions .button,.reference-layout .form-actions .outline{font-size:12px;min-height:42px}.reference-layout .lead-form>small{font-size:9px}.reference-layout footer{padding:17px 0}.reference-layout footer .brand img{width:110px}.reference-layout footer .container>div{font-size:10px;gap:13px}.reference-layout footer .container>div>*+*{padding-left:13px}.reference-layout footer>.container{gap:17px}}
@media(max-width:374px){.reference-layout header .brand img{width:83px}.reference-layout header nav>a{font-size:9px;padding:7px 5px}.reference-layout header nav .outline{font-size:8px;padding:6px 7px}.reference-layout .hero .button{font-size:10px;padding:9px 11px}.reference-layout .hero .hero-secondary{font-size:10px;padding:8px 13px}.reference-layout .pain-grid>div{gap:5px;padding:6px}.reference-layout .pain-grid h3{font-size:11px}.reference-layout .countdown-copy strong{font-size:14px}}
.reference-layout #contato h2{font-size:24px;line-height:1.12;margin-bottom:13px}.reference-layout #contato:before{display:none}.reference-layout .hero:before{left:25px;top:-25px}.reference-layout header{overflow:hidden;position:relative}.reference-layout header:before{content:'';position:absolute;pointer-events:none;left:26px;top:-40px;width:100px;height:160px;background:linear-gradient(90deg,transparent 35%,#ff85002b 45%,#ffbd0088 48%,#ffd777 50%,transparent 53%);transform:rotate(31deg)}.reference-layout #planos{isolation:isolate}.reference-layout #planos:before,.reference-layout #planos:after{z-index:-1}.reference-layout #planos:before{left:-370px;top:45px;box-shadow:0 0 40px #ff850015}.reference-layout #planos:after{bottom:30px;right:-300px}.reference-layout #planos:before{background:linear-gradient(180deg,transparent 25%,#ff87001b 44%,#ff87005e 49%,#ffbd00 50%,transparent 52%)}
@media(max-width:1100px) and (min-width:768px){.reference-layout #contato h2{font-size:20px}}
@media(max-width:767px){.reference-layout #contato h2{font-size:25px}.reference-layout header:before{left:-45px}.reference-layout .hero:before{left:-60px}.reference-layout #planos:before{left:-560px}}
.reference-layout #planos{overflow:clip}
/* Fidelity pass: original icon pixels, section illumination and translucent surfaces. */
.reference-layout{position:relative;isolation:isolate;background-color:#08090b;background-image:url('assets/lights.svg');background-size:100% 100%;background-repeat:no-repeat}.reference-layout header,.reference-layout .hero,.reference-layout .challenges,.reference-layout #planos,.reference-layout footer{background-color:transparent}.reference-layout header{overflow:visible;background-image:linear-gradient(100deg,#0a0b0c00,#0a0b0c99 22%,#0a0b0c99 86%,#0a0b0c00)}.reference-layout .hero{background-image:radial-gradient(ellipse at 100% 90%,#ff87000a,transparent 58%)}.reference-layout .hero:before,.reference-layout .hero:after,.reference-layout header:before,.reference-layout #planos:before,.reference-layout #planos:after,.reference-layout .faq-contact:before,.reference-layout .faq-contact:after{display:none}.reference-layout #planos{overflow:visible}.reference-layout .challenges{background-image:radial-gradient(ellipse at 50% 0,#3f414345,transparent 65%),linear-gradient(#191b1d70,#0b0d0e66)}.reference-layout .pain-grid>div{background:linear-gradient(125deg,#55595c3d,#121416a8 70%);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:inset 0 1px 0 #ffffff0e,0 3px 10px #0003;border-color:#8a8d8f6b}.reference-layout .plan{background:linear-gradient(132deg,#62636224,#151718cf 40%,#0b0d0ede);border-color:#b18c5d7d;box-shadow:inset 0 1px 0 #ffffff0d,0 5px 20px #0002;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:292px}.reference-layout .plan.featured{border-color:#ffa800;box-shadow:0 0 3px 1px #ffc000aa,0 0 17px #ff9b0070,inset 0 0 13px #ff97000b;background:linear-gradient(133deg,#514b3e39,#151616e0 45%,#0c0e0fe8)}.reference-layout .featured .price{box-shadow:0 0 18px #ff87002b;background:linear-gradient(115deg,#ffbc14,#ff7b00)}.reference-layout .plan .button{background:linear-gradient(#ffb325,#ff8100);border-radius:14px;box-shadow:inset 0 1px #ffe58c99,0 3px 8px #0003}.reference-layout .eyebrow{background:linear-gradient(#595a5849,#27282777);border-color:#8b8c8860;box-shadow:inset 0 1px #ffffff10}.reference-layout .price{color:#ff9d00}.reference-layout .recommendation{background:radial-gradient(ellipse at 60% 0,#ff8a002b,transparent 40%),linear-gradient(130deg,#51483831,#111314d9 58%,#51341647);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 4px #ffab0055,0 0 23px #ff94004d,inset 0 0 12px #ff94000d}.reference-layout .recommendation:not(.has-recommendation){min-height:237px;max-height:237px;align-self:start}.reference-layout .trust-grid>div{background:linear-gradient(110deg,#47494a2e,#1f212176);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#98866c55;box-shadow:inset 0 1px #ffffff0b}.reference-layout .faq details{background:linear-gradient(135deg,#57565020,#141617aa);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:inset 0 1px #ffffff0b}.reference-layout .faq details[open]{border-color:#ffac1d99;box-shadow:inset 0 0 13px #ff950007}.reference-layout .lead-form{background:linear-gradient(135deg,#5c5d5b29,#17191ac2 55%,#151617bb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#a7a7a27a;box-shadow:inset 0 1px 0 #ffffff11}.reference-layout .fields input,.reference-layout .fields select{background:linear-gradient(#777a7a20,#20232472);border-color:#9899947a;font-weight:normal}.reference-layout .table-scroll{background:linear-gradient(125deg,#3a3b3c19,#0a0c0da6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.reference-layout thead{background:linear-gradient(#5657578c,#34353670)}.reference-layout .table-status{box-shadow:inset 0 1px 1px #ffffff36,0 1px 3px #0007}.reference-layout .table-status.included{background:radial-gradient(circle at 35% 25%,#b4ff77,#72c53c 65%,#2e7213);color:#184400}.reference-layout .optional-profile{margin:6px 0 3px}.reference-layout .optional-profile>summary{font-size:9px}.reference-layout .optional-profile[open]{padding-bottom:6px}.reference-layout .compact-summary{margin:8px 0 0}.reference-layout .consent{margin:8px 0;font-size:9px;line-height:1.2}.reference-layout .lead-form>small{display:none}.reference-layout .faq-contact{gap:38px;padding-bottom:18px}.reference-layout .form-actions .button{font-size:12px}.reference-layout footer{background-image:linear-gradient(90deg,#08090b22,#08090baa 45%,#08090b55)}
@media(min-width:768px){.reference-layout .comparison-diagnosis{padding-top:14px}.reference-layout .confidence{margin-top:12px;padding-bottom:12px}.reference-layout .faq-contact{grid-template-columns:.76fr 1.16fr}}
@media(max-width:1100px) and (min-width:768px){.reference-layout .plan{min-height:235px}.reference-layout .recommendation:not(.has-recommendation){min-height:179px;max-height:179px;padding-top:43px}.reference-layout .recommendation h3{font-size:28px}.reference-layout .recommendation #recommend-copy{font-size:10px}.reference-layout .consent{font-size:8px}.reference-layout .optional-profile>summary{font-size:8px}}
@media(max-width:767px){.reference-layout{background-size:100% 100%}.reference-layout header{background-color:#08090b88;overflow:hidden}.reference-layout .plan{min-height:0}.reference-layout .recommendation:not(.has-recommendation){min-height:210px;max-height:none}.reference-layout .consent{font-size:11px;line-height:1.4;margin:12px 0}.reference-layout .optional-profile>summary{font-size:11px}.reference-layout .lead-form>small{display:block}.reference-layout .faq-contact{gap:23px}}
@media(max-width:374px){}
.reference-layout .featured .price{color:#090806;text-shadow:none}
@media(max-width:1100px) and (min-width:768px){}@media(max-width:767px){}
/* Interface icons: inline SVG only. No raster crops, sprites or image backgrounds. */
.reference-layout .pain-icon{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;border-radius:50%;overflow:visible;background:radial-gradient(circle at 33% 24%,#ad661d99 0%,#77451466 42%,#3b280c88 75%,#1c170f55 100%);border:1px solid #c9933d19;box-shadow:inset 0 1px 1px #ffe1a318,inset 0 -4px 10px #0003,0 4px 10px #0002;isolation:isolate}
.reference-layout .pain-icon:before{content:'';position:absolute;inset:5px;border-radius:inherit;background:radial-gradient(ellipse at 35% 10%,#ffb94018,transparent 60%);pointer-events:none}
.reference-layout .pain-icon .icon{display:block;width:38px;height:38px;margin:0;stroke-width:1.9;color:#ffa800;filter:none;position:relative;z-index:1}
.reference-layout .pain-grid>div:first-child .pain-icon{background:radial-gradient(circle at 30% 20%,#aa631c,#713e0e 65%,#45290d)}
.reference-layout .pain-grid>div:first-child .pain-icon .icon{color:#fff;stroke-width:2.1}
.reference-layout .trust-icon{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:72px;height:54px;border-radius:50%;overflow:visible;background:radial-gradient(ellipse at center,#ff890018,transparent 70%);border:0;box-shadow:none}
.reference-layout .trust-icon .icon{display:block;position:relative;width:36px;height:36px;margin:0;color:#ff9b00;stroke-width:1.6;filter:none}
.reference-layout .trust-icon .icon-quote{width:35px;height:35px;stroke-width:1.45}
.reference-layout .trust-icon .icon-chart{width:34px;height:34px;stroke-width:1.5}
.reference-layout .countdown-copy:before,.reference-layout header nav .outline:before{content:none!important;display:none!important}
.reference-layout .countdown-calendar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;color:#ff9500}
.reference-layout .countdown-calendar .icon{width:40px;height:40px;stroke-width:1.9;filter:none}
.reference-layout header nav .outline .icon{width:18px;height:18px;display:block;color:#ffad00;flex:none;filter:none}
.reference-layout .submit .icon{width:17px;height:17px;filter:none;stroke-width:1.7}
@media(max-width:1100px) and (min-width:768px){.reference-layout .pain-icon{width:51px;height:51px}.reference-layout .pain-icon .icon{width:32px;height:32px}.reference-layout .trust-icon{width:58px;height:46px}.reference-layout .trust-icon .icon{width:32px;height:32px}.reference-layout .countdown-calendar,.reference-layout .countdown-calendar .icon{width:33px;height:33px}}
@media(max-width:767px){.reference-layout .pain-icon,.reference-layout .pain-grid>div:first-child .pain-icon{width:43px;height:43px}.reference-layout .pain-icon .icon{width:27px;height:27px}.reference-layout .trust-icon{width:50px;height:45px}.reference-layout .trust-icon .icon{width:31px;height:31px}.reference-layout .countdown-calendar,.reference-layout .countdown-calendar .icon{width:30px;height:30px}.reference-layout header nav .outline .icon{display:none}}
@media(max-width:374px){.reference-layout .pain-icon,.reference-layout .pain-grid>div:first-child .pain-icon{width:36px;height:36px}.reference-layout .pain-icon .icon{width:24px;height:24px}.reference-layout .trust-icon{width:45px}}
/* Dropdowns personalizados: popup escuro, sem seleção azul do navegador. */
.enhanced-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0!important;clip-path:inset(50%);overflow:hidden;pointer-events:none}
.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:32px;padding:6px 11px;border:1px solid #777973;border-radius:6px;background:linear-gradient(#36383a,#1c1e20);box-shadow:inset 0 1px #ffffff08;color:#f5f5f5;text-align:left;font-size:12px;font-weight:normal;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.dropdown-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}.dropdown-trigger>svg{display:block;flex:none;width:16px;height:16px;color:#c4c4c4;transition:transform .15s}
.dropdown-trigger:hover{border-color:#be8b43}.dropdown-trigger[aria-expanded=true],.dropdown-trigger:focus-visible{border-color:#ffad16;outline:none;box-shadow:0 0 0 2px #ffa00022,inset 0 1px #ffffff0b}.dropdown-trigger[aria-expanded=true]>svg{transform:rotate(180deg);color:#ffb331}.dropdown-trigger[aria-invalid=true]{border-color:#ffb331}.dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}
.dropdown-popup{position:fixed;z-index:1000;padding:5px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #bd821e;border-radius:9px;background:linear-gradient(135deg,#292b2d,#161819);box-shadow:0 12px 35px #000a,0 0 14px #ff950014;color:#eee;scrollbar-width:thin;scrollbar-color:#9c6b28 #202224}
.dropdown-option{position:relative;padding:10px 29px 10px 10px;border:1px solid transparent;border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;color:#e6e6e6;cursor:pointer;overflow-wrap:anywhere}
.dropdown-option+.dropdown-option{margin-top:2px}.dropdown-option.is-active{color:white;border-color:#bb7f2d80;background:linear-gradient(110deg,#ff940025,#ff94000a)}.dropdown-option[aria-selected=true]{color:#ffb72e;background:#ff99000f}.dropdown-option[aria-selected=true]:after{content:'✓';position:absolute;right:10px;top:10px;font-weight:bold;color:#ffb42d}
.reference-layout .quiz-row .dropdown-trigger{padding:7px 27px 7px 38px;font-size:11px;min-height:34px;border-radius:7px;background:linear-gradient(#28292a,#0e1011);border-color:#696866}.reference-layout .quiz-row .dropdown-trigger[aria-expanded=true],.reference-layout .quiz-row .dropdown-trigger:focus-visible{border-color:#ffb223}.reference-layout .quiz-row .dropdown-trigger>svg{position:absolute;right:9px;width:14px;height:14px}
.reference-layout .fields .dropdown-trigger{font-size:11px;min-height:28px;padding:5px 8px;margin-top:2px;background:linear-gradient(#777a7a20,#20232472);border-color:#9899947a}
.reference-layout .recommendation .dropdown-trigger{font-size:10px;min-height:29px;padding:5px 8px;color:#ffad14;background:#151719;border-color:#806238}.reference-layout .recommendation:not(.has-recommendation)>.dropdown-trigger{display:none}
.reference-layout .compact-summary .dropdown-trigger{font-size:11px;min-height:23px;padding:3px 7px;background:transparent;color:#ffad14;border-color:#6665}
@media(max-width:1100px) and (min-width:768px){.reference-layout .quiz-row .dropdown-trigger{font-size:10px;min-height:28px;padding:5px 24px 5px 32px}}
@media(max-width:767px){.reference-layout .quiz-row .dropdown-trigger{font-size:13px;min-height:43px;padding:9px 28px 9px 42px}.reference-layout .fields .dropdown-trigger{font-size:13px;min-height:40px;padding:8px 10px;margin-top:4px}.reference-layout .recommendation .dropdown-trigger{font-size:13px;min-height:37px}.dropdown-option{font-size:13px;padding-top:12px;padding-bottom:12px}.reference-layout .compact-summary .dropdown-trigger{font-size:13px;min-height:34px}}
@media(prefers-reduced-motion:reduce){.dropdown-trigger,.dropdown-trigger>svg{transition:none}}
/* Luz ambiente contínua: curvas suaves e extremidades que somem por gradiente. */
.reference-layout{background-image:url('assets/lights.svg');background-size:100% 100%;background-repeat:no-repeat}
.reference-layout header{background-image:linear-gradient(100deg,#0a0b0c00,#0a0b0c77 22%,#0a0b0c77 86%,#0a0b0c00)}
.reference-layout .hero-new-art{mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.reference-layout .hero-new-art:after{background:linear-gradient(180deg,#08090b 0%,transparent 11%,transparent 80%,#08090b 100%)}
.reference-layout .countdown-band{background:linear-gradient(110deg,#111314bb,#08090bdd 65%,#17100b88)}
.reference-layout .challenges{background-image:radial-gradient(ellipse at 50% 0,#3f41432b,transparent 68%),linear-gradient(#191b1d55,#0b0d0e44)}
.reference-layout .comparison-diagnosis{border-top-color:#ffffff15}.reference-layout .challenges{border-bottom-color:#ffffff15}
.selected-plan-confirmation{margin:0 0 12px;padding:10px 13px;border:1px solid #b97f26;border-radius:7px;background:linear-gradient(115deg,#ff95001c,#ff950006);color:#ffbc43;font-weight:bold;font-size:12px;line-height:1.4}
@media(max-width:767px){.selected-plan-confirmation{font-size:13px;padding:11px 12px}}
/* Comparativo completo e atendimento em formulário único. */
.reference-layout .comparison-diagnosis{display:block}
.reference-layout #comparativo{border-right:0;padding-right:0}
.reference-layout #comparativo table{font-size:12px}
.reference-layout #comparativo thead th{font-size:12px}
.reference-layout #comparativo th,.reference-layout #comparativo td{padding:7px 12px}
.reference-layout #comparativo td{font-size:0}
.reference-layout #comparativo .table-status{width:16px;height:16px;font-size:13px}
.reference-layout .fields .website-field{grid-column:1/-1}
@media(max-width:767px){.reference-layout #comparativo table{min-width:570px}.reference-layout #comparativo th,.reference-layout #comparativo td{padding:7px 9px}}

/* Compact WhatsApp contact form */
.reference-layout #contato .form-actions{display:block}.reference-layout #contato .form-actions .button{width:100%;gap:10px}.reference-layout #contato .fields{grid-template-columns:1fr 1fr}.reference-layout #contato .consent{margin-top:18px}@media(max-width:600px){.reference-layout #contato .fields{grid-template-columns:1fr}}

.reference-layout #contato .form-actions .submit{max-width:none;width:100%;grid-column:1/-1}

.duration-badge{display:inline-block;padding:2px 7px;margin:1px 0 1px 3px;border-radius:4px;background:linear-gradient(180deg,#ffdf35,#ffb500);color:#111;font-weight:800;line-height:1.2;box-shadow:0 0 12px #ffac0038;white-space:nowrap}

.reference-layout .plan .site-exclusion{font-size:11px;line-height:1.4;color:#bfc0c2;margin:8px 0 14px;font-weight:400}.reference-layout .plan ul{flex-grow:1}

/* Installment terms for all three packages */
.reference-layout .plan .payment-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:7px;width:fit-content;max-width:100%;margin:0 0 14px;padding:6px 9px;border:1px solid #ffbe32;border-radius:6px;background:linear-gradient(135deg,#ffda37,#ffae00);box-shadow:0 0 12px #ffac0026;color:#171000;font-size:11px;font-weight:600;line-height:1.35}.reference-layout .plan .payment-badge .icon{width:18px;height:18px;flex:0 0 18px;color:inherit}.reference-layout .plan .payment-badge strong{font-weight:900}

/* Non-interactive installment tag beside the hero CTA */
.reference-layout .hero .actions{align-items:center;flex-wrap:wrap}.reference-layout .hero-payment-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #ffad005c;border-radius:8px;background:linear-gradient(135deg,#ffb00013,#ffffff04);color:#f5d697;font-size:12px;line-height:1.35;box-shadow:inset 0 1px 0 #ffffff0a;white-space:nowrap}.reference-layout .hero-payment-tag .icon{width:21px;height:21px;flex-shrink:0;color:#ffb000}.reference-layout .hero-payment-tag strong{color:#ffb000;font-weight:800}@media(max-width:767px){.reference-layout .hero .hero-payment-tag{width:auto;min-height:0}}

/* Original promotional artwork blended into the dark hero */
.reference-layout .hero-payment-art{display:block;position:relative;width:220px;height:108px;flex:0 0 220px;overflow:hidden;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 75% 63% at 50% 48%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 75% 63% at 50% 48%,#000 62%,transparent 100%)}.reference-layout .hero-payment-art img{position:absolute;display:block;width:100%;height:auto;max-width:none;top:-39px;left:0}.reference-layout .hero .actions{gap:16px}@media(max-width:767px){.reference-layout .hero-payment-art{width:220px;flex-basis:220px;height:108px;margin-top:-8px}}

/* Matching original installment artwork on the pricing cards */
.reference-layout .plan .plan-payment-art{display:block;position:relative;width:220px;max-width:100%;height:108px;flex:0 0 108px;align-self:flex-start;overflow:hidden;margin:-8px 0 4px;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 75% 63% at 50% 48%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 75% 63% at 50% 48%,#000 62%,transparent 100%)}.reference-layout .plan-payment-art img{display:block;position:absolute;top:-39px;left:0;width:220px;max-width:none;height:auto}

/* Instagram before/after: CSS phone frame with a native accessible slider */
.reference-layout .instagram-proof{padding:48px 0;border-block:1px solid #ffffff0b;background:radial-gradient(ellipse at 73% 55%,#ff870012,transparent 55%)}
.instagram-proof-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;max-width:1020px}
.reference-layout .instagram-proof-copy h2{text-align:left;font-size:36px;line-height:1.12;margin:20px 0 18px}.instagram-proof-copy h2 em{color:#ffaa00;font-style:normal}.instagram-proof-copy>p{color:#bfc0c2;max-width:390px;line-height:1.6}.instagram-proof-copy ul{padding:0;list-style:none;margin:22px 0;display:grid;gap:11px;color:#e4e4e4;font-size:14px}.instagram-proof-copy li:before{content:'✓';color:#ffaa00;margin-right:10px}.instagram-proof-copy .compare-hint{display:flex;align-items:center;gap:9px;font-size:12px;color:#ffc464;margin-bottom:25px}.compare-hint .icon{width:24px;height:24px}.instagram-proof-copy .outline{display:inline-flex}
.instagram-phone-figure{margin:0;justify-self:center;width:min(100%,292px)}.instagram-phone{padding:9px;border:1px solid #777;border-radius:35px;background:linear-gradient(125deg,#777,#161719 12%,#313337 52%,#08090b 84%,#777);box-shadow:0 22px 50px #0008,0 0 28px #ff870012;position:relative}.instagram-phone:before,.instagram-phone:after{content:'';position:absolute;width:3px;background:#656565;border-radius:2px;left:-3px}.instagram-phone:before{top:90px;height:25px}.instagram-phone:after{top:131px;height:45px}.instagram-screen{position:relative;aspect-ratio:631/1280;border-radius:26px;overflow:hidden;background:#fff;isolation:isolate}.instagram-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.instagram-screen .instagram-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);z-index:1}.comparison-label{position:absolute;top:10px;z-index:2;font-size:9px;font-weight:800;letter-spacing:1px;color:#fff;padding:5px 8px;border-radius:20px;background:#121212d9;pointer-events:none}.comparison-before{left:9px}.comparison-after{right:9px;background:#b56100ee}.instagram-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:#ffb300;z-index:3;pointer-events:none;transform:translateX(-50%);box-shadow:0 0 7px #0006}.instagram-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#161616;background:linear-gradient(#ffdc47,#ff9900);border:2px solid white;box-shadow:0 3px 12px #0007}.instagram-divider svg{width:25px;height:25px}.instagram-screen .instagram-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y}.instagram-screen:focus-within{outline:3px solid #ffb000;outline-offset:3px}.instagram-phone-figure figcaption{text-align:center;font-size:11px;color:#aeb0b2;margin-top:16px}
@media(max-width:767px){.reference-layout .instagram-proof{padding:32px 0}.instagram-proof-grid{grid-template-columns:1fr;gap:26px}.reference-layout .instagram-proof-copy h2{font-size:28px}.instagram-proof-copy{max-width:440px;margin:auto}.instagram-phone-figure{width:min(100%,280px)}}

/* Clickable Instagram portfolio: original screenshots in CSS phone mockups */
.reference-layout .portfolio{padding:32px 0 40px}.reference-layout .portfolio h2{text-align:center}.portfolio-intro{text-align:center;color:#bfc0c2;font-size:13px;line-height:1.5;margin:10px auto 28px}.portfolio-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.portfolio-profile{display:block;min-width:0;text-align:center;color:white;text-decoration:none;border-radius:24px;outline-offset:6px}.portfolio-phone{padding:6px;border-radius:25px;border:1px solid #666;background:linear-gradient(125deg,#707070,#141517 14%,#353638 52%,#0a0a0b 85%,#777);box-shadow:0 12px 24px #0006;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.portfolio-screen{aspect-ratio:631/1280;border-radius:19px;overflow:hidden;background:white}.portfolio-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.reference-layout .portfolio-profile h3{font-size:13px;line-height:1.3;margin:15px 0 5px;font-weight:700}.portfolio-visit{display:inline-flex;align-items:center;gap:4px;color:#ffb000;font-size:11px}.portfolio-visit .icon{width:15px;height:15px}.portfolio-profile:hover .portfolio-phone,.portfolio-profile:focus-visible .portfolio-phone{transform:translateY(-5px);border-color:#ffb000;box-shadow:0 12px 28px #0008,0 0 18px #ff870023}.portfolio-profile:focus-visible{outline:2px solid #ffb000}
@media(max-width:1023px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.portfolio-profile{max-width:230px;width:100%;justify-self:center}}@media(max-width:600px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.portfolio-phone{padding:5px;border-radius:23px}.portfolio-screen{border-radius:17px}.portfolio-intro{font-size:12px}.reference-layout .portfolio-profile h3{font-size:12px}}@media(prefers-reduced-motion:reduce){.portfolio-phone{transition:none}.portfolio-profile:hover .portfolio-phone{transform:none}}

/* Portfolio profile buttons, keeping the entire phone card clickable */
.reference-layout .portfolio-visit{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 16px;margin-top:5px;border:1px solid #ffbf38;border-radius:999px;background:linear-gradient(180deg,#ffc52c,#ff8b00);color:#171000;font-size:12px;font-weight:800;line-height:1.2;box-shadow:inset 0 1px 0 #ffffff65,0 3px 12px #ff870020;transition:box-shadow .2s ease,filter .2s ease}.reference-layout .portfolio-visit .icon{width:16px;height:16px}.portfolio-profile:hover .portfolio-visit,.portfolio-profile:focus-visible .portfolio-visit{filter:brightness(1.08);box-shadow:inset 0 1px 0 #ffffff80,0 0 18px #ff9c0045}@media(max-width:600px){.reference-layout .portfolio-visit{font-size:11px;padding:8px 14px;min-height:36px}}@media(prefers-reduced-motion:reduce){.reference-layout .portfolio-visit{transition:none}}

/* High-contrast availability notice inside the countdown band */
.reference-layout .countdown-copy .limited-spots{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin-top:9px;padding:6px 13px;border:1px solid #ffd36a;border-radius:6px;background:linear-gradient(180deg,#ffd035,#ff8a00);color:#161000;font-size:16px;font-weight:900;letter-spacing:1.1px;line-height:1.2;box-shadow:0 0 18px #ff970033,inset 0 1px 0 #ffffff70}.reference-layout .countdown{min-height:108px;padding-block:12px}@media(max-width:767px){.reference-layout .countdown-copy .limited-spots{font-size:15px;padding:6px 12px;margin-top:9px}}

/* Website portfolio: actual homepage captures in CSS desktop mockups */
.reference-layout .website-portfolio{padding:34px 0 42px;border-top:1px solid #ffffff10;background:radial-gradient(ellipse at 50% 50%,#ff870007,transparent 65%)}.reference-layout .website-portfolio h2{text-align:center}.website-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 30px}.website-project{display:block;min-width:0;text-align:center;text-decoration:none;color:white;border-radius:15px;outline-offset:6px}.desktop-mockup{filter:drop-shadow(0 10px 12px #0007);transition:transform .25s ease}.desktop-frame{position:relative;padding:8px 8px 17px;background:linear-gradient(135deg,#56585a,#111214 20%,#27282a 70%,#5f6062);border:1px solid #626365;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff25}.desktop-screen{aspect-ratio:1.456;overflow:hidden;border-radius:5px;background:#111}.desktop-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.desktop-light{position:absolute;bottom:6px;left:50%;width:4px;height:4px;border-radius:50%;background:#ffb000;box-shadow:0 0 5px #ffb000}.desktop-stand{width:18%;height:22px;margin:0 auto;background:linear-gradient(90deg,#26282a,#8d8e90 47%,#303234);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.desktop-base{width:37%;height:5px;margin:auto;border-radius:50% 50% 3px 3px;background:linear-gradient(#b3b3b4,#424344);box-shadow:0 4px 6px #0006}.reference-layout .website-project h3{font-size:15px;font-weight:700;line-height:1.4;margin:16px 0 7px}.website-project:hover .desktop-mockup,.website-project:focus-visible .desktop-mockup{transform:translateY(-4px)}.website-project:hover .portfolio-visit,.website-project:focus-visible .portfolio-visit{filter:brightness(1.08);box-shadow:0 0 18px #ff9c0045}.website-project:focus-visible{outline:2px solid #ffb000}@media(max-width:1023px){.website-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}}@media(max-width:600px){.website-grid{grid-template-columns:1fr;gap:30px}.website-project{width:100%;max-width:420px;justify-self:center}.reference-layout .website-portfolio{padding:28px 0}.reference-layout .website-project h3{font-size:14px}}@media(prefers-reduced-motion:reduce){.desktop-mockup{transition:none}.website-project:hover .desktop-mockup{transform:none}}

.desktop-screen .approved-infinity-shot{object-fit:contain;object-position:center;background:#070c18}