/* ASSIGNMENT HELP FAST — PREMIUM TYPOGRAPHY + MOTION REFINEMENT
   Visual redesign of the existing screenshot-approved page; brand colors locked. */
:root{--navy:#1b1464;--red:#c1272a;--red-deep:#a71f27;--navy-deep:#120d48;--body-ink:#37364a;--shadow-soft:0 14px 42px rgba(27,20,100,.09);--font-display:'Poppins', 'Trebuchet MS', Arial,sans-serif;--font-body:'Inter',Arial,sans-serif;}
html{scroll-padding-top:90px}
body{font-family:var(--font-body);font-size:17px;line-height:1.7;color:var(--body-ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.ref-home h1,.ref-home h2,.ref-home h3{font-family:var(--font-display);letter-spacing:-.035em}
.wrap{max-width:1350px;padding-left:32px;padding-right:32px}
/* Header: light, clean, precise typography, animated underlines */
.ref-header{position:sticky;top:0;z-index:100;box-shadow:0 5px 24px rgba(20,14,70,.07);border-bottom:1px solid rgba(27,20,100,.085);backdrop-filter:saturate(135%) blur(9px);background:rgba(255,255,255,.97);animation:navEntry .65s ease both}
.ref-header-inner{min-height:91px;height:91px;gap:24px}
.ref-header .brand-logo{width:218px;max-height:66px;transition:transform .3s ease}
.ref-header .brand:hover .brand-logo{transform:scale(1.035)}
.ref-header .main-nav{gap:27px}
.ref-header .main-nav>a{font-family:var(--font-body);font-size:14px;font-weight:750;position:relative;transition:color .2s ease;padding:18px 0}
.ref-header .main-nav>a:after{content:'';position:absolute;left:0;right:100%;height:3px;bottom:11px;background:var(--red);border-radius:4px;transition:right .3s ease}
.ref-header .main-nav>a:hover:after,.ref-header .main-nav>a[aria-current]:after{right:0}
.ref-header .main-nav>a .icon{transition:transform .25s ease}
.ref-header .main-nav>a:hover .icon{transform:rotate(180deg)}
.ref-header .header-actions{gap:17px}
.ref-phone span{font-size:11px}
.ref-phone strong{font-family:var(--font-display);font-size:14px;font-weight:700}
.ref-phone>.icon{animation:phoneRing 5s ease-in-out infinite;transform-origin:50% 50%}
.ref-header .header-cta{font-family:var(--font-display);min-height:47px;padding:11px 19px;font-size:13px;box-shadow:0 9px 18px rgba(193,39,42,.16)}
.ref-home .btn{font-family:var(--font-display);font-size:14px;font-weight:700;min-height:53px;padding:13px 22px;transition:background .23s ease,transform .23s ease,box-shadow .23s ease,color .23s ease}
.ref-home .btn:hover,.ref-header .header-cta:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(193,39,42,.23)}
.ref-home .btn-primary:hover,.ref-header .btn-primary:hover{background:var(--navy)}
.ref-home .btn-outline:hover{background:var(--navy);color:#fff}
.ref-home .btn>.icon,.ref-header .btn>.icon{transition:transform .25s ease}
.ref-home .btn:hover>.icon,.ref-header .btn:hover>.icon{transform:translate(3px,-2px)}
/* Premium main hero: clean left copy, animated image rising into frame, solid inquiry CTA */
.ref-hero{background:radial-gradient(ellipse at 55% 47%,#eceafa 0%,transparent 41%),linear-gradient(110deg,#fafaff 0%,#f5f5fd 59%,#f1f0f9 100%)}
.ref-hero:before{content:'';position:absolute;left:-180px;top:55px;width:360px;height:360px;border:1px solid rgba(27,20,100,.065);border-radius:50%;pointer-events:none}
.ref-hero:after{content:'';position:absolute;right:-100px;bottom:-180px;width:430px;height:430px;border:1px solid rgba(193,39,42,.07);border-radius:50%;pointer-events:none}
@media(min-width:1021px){.ref-hero-layout{min-height:660px;height:auto;grid-template-columns:36% 30% 34%;padding-top:39px;padding-bottom:39px}.ref-hero-image{min-height:580px;height:580px}}
.ref-hero-text{animation:riseIn .8s .09s both}
.ref-hero-text h1{font-family:var(--font-display);font-size:clamp(47px,3.85vw,63px);line-height:1.16;letter-spacing:-.052em;margin:18px 0 23px;font-weight:800}
.ref-hero-text>p{font-family:var(--font-body);font-size:17px;line-height:1.83;max-width:480px;margin-bottom:22px;color:#46445f}
.ref-hero-text ul{gap:10px;margin-bottom:25px}
.ref-hero-text li{font-family:var(--font-body);font-size:15px;line-height:1.55;font-weight:650;gap:11px}
.ref-hero-text li .icon{width:23px;height:23px;padding:5px}
.ref-pill{font:700 13px/1.5 var(--font-body);border-color:#d3ccf0;background:#fff;box-shadow:0 4px 12px rgba(27,20,100,.035);padding:6px 16px}
.ref-hero-image{animation:studentRise 1.05s .12s both;will-change:transform,opacity}
.ref-hero-image img{object-position:53% 49%;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.ref-hero-image:hover img{transform:scale(1.035)}
.ref-hero-form{border:1px solid rgba(27,20,100,.09);border-radius:17px;box-shadow:0 24px 55px rgba(20,16,83,.16);animation:formEntry .85s .25s both}
.ref-form-head{background:linear-gradient(140deg,var(--navy) 0%,#272078 100%);padding:22px 22px 20px}
.ref-form-head h2{font-family:var(--font-display);font-size:24px;line-height:1.35;font-weight:800;margin-bottom:4px;color:#fff}
.ref-form-head p{font-size:13px;color:#eae9fb}
.ref-inquiry-form{padding:21px 23px 8px;gap:11px}
.ref-inquiry-form input,.ref-inquiry-form select,.ref-inquiry-form textarea{font-family:var(--font-body);font-size:15px!important;line-height:1.45;min-height:49px;border:1px solid #dcddea;border-radius:8px;transition:border-color .2s,box-shadow .2s;background:#fff}
.ref-inquiry-form input:focus,.ref-inquiry-form select:focus,.ref-inquiry-form textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,20,100,.09);outline:none}
.ref-inquiry-form input::placeholder,.ref-inquiry-form textarea::placeholder{color:#81819a}
.ref-inquiry-form textarea{min-height:75px;padding-top:14px}
.ref-inquiry-form .ref-consent{font-size:11.5px;line-height:1.55;gap:9px}
.ref-consent input{width:16px;height:16px;min-height:16px}
.ref-inquiry-form .ref-form-submit{min-height:51px;height:51px;font-size:15px;margin-top:3px}
.ref-form-security{font-size:12px;padding:11px 6px 18px}
.ref-form-security .icon{width:14px;height:14px}
/* Requested bold red statistics PATTI — white numbers, white dividers. */
.ref-stats{background:linear-gradient(110deg,var(--red) 0%,#b51f2c 50%,var(--red) 100%);border-bottom:none;box-shadow:0 10px 25px rgba(193,39,42,.1)}
.ref-stat-grid{min-height:130px}
.ref-stat{min-height:85px;gap:17px}
.ref-stat+.ref-stat{border-left:1px solid rgba(255,255,255,.37)}
.ref-stat>.icon,.ref-stat:nth-child(2)>.icon{color:#fff;width:45px;height:45px}
.ref-stat strong{font-family:var(--font-display);font-weight:800;color:#fff;font-size:34px;letter-spacing:-.03em}
.ref-stat small{font-family:var(--font-body);color:#fff;font-size:14px;font-weight:600;line-height:1.5}
/* Services: clearly differentiated colored tiles / striking hover swap. */
.ref-services{padding:75px 0 86px;background:linear-gradient(180deg,#f7f7ff,#fff 85%)}
.ref-heading{max-width:940px;margin:0 auto 36px}
.ref-heading .ref-pill{margin-bottom:12px}
.ref-heading h2{font-family:var(--font-display);font-size:clamp(31px,3vw,43px);line-height:1.24;letter-spacing:-.045em;margin-bottom:12px;font-weight:800}
.ref-heading p{font-size:16px;line-height:1.7;max-width:720px;margin:0 auto}
.ref-services-grid{gap:22px}
.ref-service-card{position:relative;isolation:isolate;overflow:hidden;min-height:255px;border:1px solid #dedafb;border-top:4px solid var(--navy);border-radius:15px;background:#f0efff;padding:27px 24px 23px;box-shadow:0 6px 22px rgba(27,20,100,.055);transition:transform .35s cubic-bezier(.2,.75,.2,1),background .35s,border-color .35s,box-shadow .35s}
.ref-service-card:nth-child(2n){background:#fff1f2;border:1px solid #f1ccd1;border-top:4px solid var(--red)}
.ref-service-card:nth-child(4n+3){background:#f7f5ff}
.ref-service-card>.icon{width:57px;height:57px;padding:13px;background:#e0dcff;color:var(--navy);border-radius:13px;stroke-width:2;transition:background .3s,color .3s,transform .3s}
.ref-service-card:nth-child(2n)>.icon{background:#fbdcdf;color:var(--red)}
.ref-service-card h3{font-family:var(--font-display);font-size:19px;line-height:1.4;font-weight:750;letter-spacing:-.025em;margin:5px 0 10px;transition:color .25s}
.ref-service-card p{font-size:15px;line-height:1.65;margin:0 0 15px;color:#55536d;transition:color .25s}
.ref-service-card>a{font-family:var(--font-body);font-size:14px;font-weight:800;transition:color .25s,gap .25s}
.ref-service-card:hover,.ref-service-card:focus-within{transform:translateY(-10px);background:var(--navy);border-color:var(--navy);box-shadow:0 22px 41px rgba(27,20,100,.2)}
.ref-service-card:nth-child(2n):hover,.ref-service-card:nth-child(2n):focus-within{background:var(--red);border-color:var(--red);box-shadow:0 22px 42px rgba(193,39,42,.22)}
.ref-service-card:hover h3,.ref-service-card:focus-within h3,.ref-service-card:hover p,.ref-service-card:focus-within p,.ref-service-card:hover>a,.ref-service-card:focus-within>a{color:#fff}
.ref-service-card:hover>.icon,.ref-service-card:focus-within>.icon{background:rgba(255,255,255,.15);color:#fff;transform:rotate(-6deg) scale(1.06)}
.ref-service-card:hover>a,.ref-service-card:focus-within>a{gap:12px}
.ref-service-card>a:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Why choose us: sophisticated icon and headline rhythm. */
.ref-benefits{padding:76px 0 86px;background:#fff}
.ref-benefits .ref-heading{margin-bottom:36px}
.ref-benefits-grid{gap:10px}
.ref-benefit{padding:19px 25px 5px}
.ref-benefit>.icon{width:66px;height:66px;background:#f0effd;border-radius:18px;padding:14px;color:var(--navy);margin-bottom:17px;transition:transform .3s ease,background .3s,color .3s}
.ref-benefit:nth-child(even)>.icon{background:#fff0f0;color:var(--red)}
.ref-benefit:hover>.icon{transform:translateY(-7px) rotate(-4deg);background:var(--red);color:#fff}
.ref-benefit h3{font-family:var(--font-display);font-size:20px;margin-bottom:8px}
.ref-benefit p{font-size:15px;line-height:1.7;max-width:250px}
.ref-benefit+.ref-benefit:before{height:130px;top:35px;background:#e8e5f0}
/* About, steps, sale and testimonials: room for reading. */
.ref-about{min-height:525px;gap:55px;background:#fbfbff}
.ref-about-photo{min-height:525px;border-radius:0 100px 0 0}
.ref-about-photo img{transition:transform .65s ease}
.ref-about-photo:hover img{transform:scale(1.035)}
.ref-about-copy{padding:48px max(5vw,36px) 48px 10px;max-width:720px}
.ref-about-copy h2{font-family:var(--font-display);font-size:clamp(32px,3vw,45px);line-height:1.24;margin:12px 0 18px}
.ref-about-copy>p{font-size:16px;line-height:1.8;margin-bottom:21px}
.ref-check-grid{gap:15px 13px;margin-bottom:25px}
.ref-check-grid>div{font-size:14px;line-height:1.5;font-weight:700}
.ref-check-grid .icon{height:20px;width:20px}
.ref-about-copy .btn{font-size:14px;min-height:50px}
.ref-steps{padding:72px 0 79px}
.ref-steps .ref-heading{margin-bottom:38px}
.ref-steps-grid{gap:17px}
.ref-step-number{width:71px;height:71px;font:800 27px/1 var(--font-display);margin-bottom:15px;box-shadow:0 10px 26px rgba(27,20,100,.16);transition:transform .3s ease}
.ref-step:hover .ref-step-number{transform:translateY(-7px) scale(1.05)}
.ref-step h3{font-size:18px;margin-bottom:10px}
.ref-step p{font-size:15px;line-height:1.65;max-width:225px}
.ref-step-arrow{margin-top:31px}
.ref-discount-inner{min-height:170px}
.ref-discount{background:linear-gradient(110deg,rgba(27,20,100,.96),rgba(27,20,100,.90)),url('images/reference-banner.webp') center/cover}
.ref-discount-gift{box-shadow:0 8px 25px rgba(193,39,42,.26);transition:transform .3s ease}
.ref-discount-gift:hover{transform:rotate(-10deg)}
.ref-discount h2{font-family:var(--font-display);font-size:clamp(24px,2.25vw,32px);line-height:1.32}
.ref-discount p{font-size:15px;line-height:1.6}
.ref-discount-kicker{font-size:13px}
.ref-discount .btn{font-size:14px}
.ref-reviews{padding:75px 0 83px}
.ref-reviews .ref-heading{margin-bottom:32px}
.ref-reviews-grid{gap:25px}
.ref-review-card{border:1px solid #e4e0ef;border-radius:15px;min-height:236px;padding:25px;box-shadow:0 8px 30px rgba(27,20,100,.055);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.ref-review-card:hover{transform:translateY(-6px);border-color:#d2c9f1;box-shadow:0 17px 38px rgba(27,20,100,.1)}
.ref-review-head{margin-bottom:15px;gap:14px}
.ref-review-head img{width:58px;height:58px}
.ref-review-head strong{font-family:var(--font-display);font-size:16px}
.ref-stars{font-size:19px}
.ref-review-card p{font-size:15px;line-height:1.78}
.ref-faq{padding:77px 0 85px;background:#f7f7fc}
.ref-faq-grid{gap:66px}
.ref-faq h2{font-family:var(--font-display);font-size:clamp(31px,2.9vw,42px);line-height:1.27;margin:13px 0 18px}
.ref-faq .ref-faq-grid>div:first-child>p{font-size:16px;line-height:1.75;margin-bottom:24px}
.ref-faq .btn{font-size:14px;min-height:50px}
.ref-faq-list{gap:13px}
.ref-faq-list details{border:1px solid #e2deed;border-radius:10px;overflow:hidden;box-shadow:0 4px 18px rgba(27,20,100,.035);transition:box-shadow .3s ease,border-color .3s ease}
.ref-faq-list details[open]{border-color:#dbd3f4;box-shadow:0 10px 28px rgba(27,20,100,.075)}
.ref-faq-list summary{padding:19px 21px;font-family:var(--font-body);font-size:15px;line-height:1.5;font-weight:700}
.ref-faq-list summary:hover{color:var(--red)}
.ref-faq-list summary span{font-size:22px}
.ref-faq-list details p{font-size:15px;line-height:1.7;padding:0 21px 20px}
/* Footer readable at ordinary zoom */
.ref-footer{padding-top:59px;background:linear-gradient(140deg,var(--navy-deep),var(--navy))}
.ref-footer-main{gap:43px;padding-bottom:50px}
.ref-footer .footer-col h3{font-family:var(--font-display);font-size:19px;margin-bottom:20px}
.ref-footer .footer-brand p{font-size:14px;line-height:1.8}
.ref-footer .footer-col>a{font-size:14px;margin-bottom:13px;line-height:1.55;transition:color .25s ease,transform .25s ease}
.ref-footer .footer-col>a:hover{color:#fff;transform:translateX(5px)}
.ref-footer-contact a,.ref-footer-contact span{font-size:14px;line-height:1.7}
.ref-social a{width:35px;height:35px;transition:background .25s ease,transform .25s ease}
.ref-social a:hover{background:var(--red);transform:translateY(-4px)}
.ref-footer .footer-bottom{padding:21px 0;font-size:13px}
/* Global internal pages should be legible too; preserve existing structures */
.subhero h1{font-family:var(--font-display)}
.section-heading h2,.about-content h2{font-family:var(--font-display)}
/* Scroll-in reveals: only run after JS opts in. */
.animations-ready .ahf-reveal:not(.in-view){opacity:0;transform:translateY(24px)}
.ahf-reveal{transition:opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1)}
.ahf-reveal.in-view{opacity:1;transform:translateY(0)}
@keyframes riseIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes studentRise{from{opacity:0;transform:translateY(43px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes formEntry{from{opacity:0;transform:translate(22px,25px)}to{opacity:1;transform:translate(0,0)}}
@keyframes navEntry{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}
@keyframes phoneRing{0%,85%,100%{transform:rotate(0)}89%{transform:rotate(-13deg)}93%{transform:rotate(13deg)}96%{transform:rotate(-7deg)}}
/* Medium desktops */
@media(max-width:1320px){
 .ref-header .main-nav{gap:16px}.ref-header .main-nav>a{font-size:13px}.ref-header .brand-logo{width:190px}.ref-phone strong{font-size:12px}
 .ref-hero-text h1{font-size:clamp(43px,3.7vw,55px)}.ref-service-card{padding:22px 19px;min-height:260px}.ref-service-card h3{font-size:17px}
}
@media(max-width:1100px){
 .ref-header .main-nav{gap:11px}
 .ref-hero-text h1{font-size:clamp(40px,3.9vw,49px)}
 .ref-service-card p{font-size:14px}
}
@media(max-width:1020px){
 .ref-header-inner{height:78px;min-height:78px}.ref-header .brand-logo{width:193px}
 .ref-header .main-nav{gap:0}.ref-header .main-nav>a{font-size:15px;padding:13px 11px}
 .ref-header .main-nav>a:after{bottom:7px;right:100%;left:11px}
 .ref-header .main-nav>a:hover:after,.ref-header .main-nav>a[aria-current]:after{right:11px}
 .ref-hero-layout{gap:20px;min-height:0;padding-top:42px;padding-bottom:52px}
 .ref-hero-text h1{font-size:clamp(42px,5.5vw,55px);white-space:normal}
 .ref-hero-image{min-height:430px}
 .ref-hero-form{max-width:720px}
 .ref-stat-grid{min-height:120px}
 .ref-stat{gap:9px}.ref-stat strong{font-size:27px}.ref-stat small{font-size:12px}
 .ref-service-card{min-height:235px}
 .ref-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .ref-about{gap:26px}.ref-about-copy{padding:35px 26px 35px 5px}
}
@media(max-width:720px){
 .wrap{padding-left:20px;padding-right:20px}
 .ref-header{position:sticky;top:0}.ref-header-inner{height:72px;min-height:72px}.ref-header .brand-logo{width:186px}
 .ref-header .main-nav{padding:15px 19px 21px}
 .ref-hero-layout{padding-top:38px;padding-bottom:45px;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .ref-hero-text h1{font-size:clamp(40px,9vw,55px);line-height:1.17;white-space:normal}
 .ref-hero-text>p{font-size:16px;line-height:1.78}
 .ref-hero-text li{font-size:15px}
 .ref-hero-image{min-height:305px;max-height:420px;margin:12px 0 24px}
 .ref-hero-form{margin-top:0}
 .ref-form-head h2{font-size:23px}
 .ref-inquiry-form{padding:20px 18px 10px}
 .ref-stat-grid{grid-template-columns:repeat(2,1fr);min-height:0;padding-top:19px;padding-bottom:19px;gap:0}
 .ref-stat{min-height:90px;gap:12px}.ref-stat:nth-child(even){border-left:1px solid rgba(255,255,255,.25);padding-left:15px}.ref-stat strong{font-size:26px}.ref-stat small{font-size:12px}.ref-stat>.icon{width:33px;height:33px}
 .ref-services,.ref-benefits,.ref-steps,.ref-reviews,.ref-faq{padding-top:58px;padding-bottom:66px}
 .ref-heading{margin-bottom:27px}.ref-heading h2{font-size:clamp(28px,7vw,35px)}.ref-heading p{font-size:15px}
 .ref-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .ref-service-card{min-height:261px;padding:19px 15px 18px}.ref-service-card>.icon{width:49px;height:49px;padding:11px}.ref-service-card h3{font-size:16px}.ref-service-card p{font-size:13px;line-height:1.55}.ref-service-card>a{font-size:13px}
 .ref-benefits-grid{gap:26px 0}.ref-benefit{padding:12px}.ref-benefit>.icon{width:58px;height:58px}.ref-benefit h3{font-size:17px}.ref-benefit p{font-size:14px}
 .ref-about{grid-template-columns:1fr;gap:0}.ref-about-photo{min-height:350px;max-height:470px}.ref-about-copy{padding:36px 23px 45px}.ref-about-copy h2{font-size:clamp(30px,7vw,39px)}.ref-about-copy>p{font-size:15px}.ref-check-grid>div{font-size:13px}
 .ref-steps-grid{grid-template-columns:repeat(2,1fr);gap:28px 18px}.ref-step-number{width:63px;height:63px}.ref-step h3{font-size:16px}.ref-step p{font-size:14px}
 .ref-discount-inner{padding-top:29px;padding-bottom:29px}.ref-discount h2{font-size:24px}.ref-discount p{font-size:14px}.ref-discount .btn{margin-left:0}
 .ref-reviews-grid{grid-template-columns:1fr}.ref-review-card{min-height:0;padding:24px}.ref-review-card p{font-size:15px}
 .ref-faq-grid{grid-template-columns:1fr;gap:30px}.ref-faq h2{font-size:32px}
 .ref-footer{padding-top:47px}.ref-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.ref-footer .footer-brand{grid-column:1/-1}.ref-footer .footer-col h3{font-size:17px}.ref-footer .footer-col>a{font-size:13px}.ref-footer .footer-bottom{gap:12px}
}
@media(max-width:440px){
 .ref-hero-text h1{font-size:clamp(34px,9.4vw,44px)}
 .ref-service-card{min-height:255px}.ref-service-card h3{font-size:15px}.ref-service-card p{font-size:12.5px}
 .ref-stat{gap:8px}.ref-stat strong{font-size:23px}.ref-stat small{font-size:11px}
 .ref-faq-list summary{font-size:14px}
 .ref-discount-copy{flex-basis:calc(100% - 68px)}
}
@media(max-width:355px){
 .ref-services-grid{grid-template-columns:1fr}.ref-service-card{min-height:185px}.ref-service-card p{font-size:14px}
 .ref-stat-grid{grid-template-columns:1fr}.ref-stat:nth-child(even){border-left:none;padding-left:0}.ref-stat{justify-content:flex-start;padding:6px 25px}
 .ref-footer-main{grid-template-columns:1fr}.ref-footer .footer-brand{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
 .ref-header,.ref-hero-text,.ref-hero-image,.ref-hero-form,.ref-phone>.icon{animation:none!important}
 .ref-home *, .ref-header *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
 .animations-ready .ahf-reveal:not(.in-view){opacity:1;transform:none}
}

/* Functional, keyboard-accessible service dropdown in the header. */
.ref-header .main-nav .nav-dropdown{position:relative;display:flex;align-items:center;align-self:stretch}
.ref-header .nav-dropdown-trigger{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:750;font-family:var(--font-body);color:#272437;position:relative;white-space:nowrap;transition:color .2s}
.ref-header .nav-dropdown-trigger:after{content:'';position:absolute;left:0;bottom:19px;right:100%;height:3px;background:var(--red);border-radius:6px;transition:right .25s ease}
.ref-header .nav-dropdown:hover .nav-dropdown-trigger:after,.ref-header .nav-dropdown:focus-within .nav-dropdown-trigger:after{right:0}
.ref-header .nav-dropdown-trigger .icon{width:13px;height:13px;transition:transform .25s ease}
.ref-header .nav-dropdown:hover .nav-dropdown-trigger .icon,.ref-header .nav-dropdown:focus-within .nav-dropdown-trigger .icon{transform:rotate(180deg)}
.ref-header .nav-dropdown-menu{position:absolute;top:calc(100% - 1px);left:-25px;min-width:310px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:16px;border-radius:0 0 14px 14px;border:1px solid #e6e0ed;background:#fff;box-shadow:0 20px 43px rgba(27,20,100,.15);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s;z-index:130}
.ref-header .nav-dropdown:hover .nav-dropdown-menu,.ref-header .nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.ref-header .nav-dropdown-menu>a{display:flex;align-items:center;gap:7px;padding:11px 9px;color:var(--navy);font-family:var(--font-body);font-size:12.5px;line-height:1.4;font-weight:650;border-radius:7px;transition:color .2s,background .2s}
.ref-header .nav-dropdown-menu>a:hover,.ref-header .nav-dropdown-menu>a:focus-visible{color:var(--red);background:#fff1f2;outline:none}
.ref-header .nav-dropdown-menu>a>.icon{width:17px;height:17px;color:var(--red);flex:none}
@media(max-width:1320px){.ref-header .nav-dropdown-trigger{font-size:13px}}
@media(max-width:1020px){
 .ref-header .main-nav .nav-dropdown{display:block;align-self:auto}
 .ref-header .nav-dropdown-trigger{display:flex;font-size:15px;padding:13px 11px}
 .ref-header .nav-dropdown-trigger:after{bottom:7px;left:11px}
 .ref-header .nav-dropdown-menu{position:static;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 9px 11px;box-shadow:none;border:none;border-radius:0;visibility:visible;opacity:1;transform:none;background:#faf9ff}
 .ref-header .nav-dropdown-menu>a{font-size:12.5px;min-width:0}
}