@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#181917;--paper:#f7f6f1;--yellow:#ffdb00;--green:#c6ed69;--muted:#8c8d86;--line:#deded7;--white:#fff;--radius:28px}
*{box-sizing:border-box}
html{scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}
.site-header{height:92px;position:relative;z-index:5;color:var(--ink);background:#fbf9f3;border-bottom:1px solid #dedbd2}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:14px;min-width:280px}
.yandex-eda-logo{display:block;width:206px;height:auto;flex:0 0 auto}
.brand-partner{display:block;max-width:95px;color:#77786f;font-size:8px;font-weight:750;letter-spacing:.08em;line-height:1.45}
.main-nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:700;color:#302f2a}
.main-nav a{transition:color .2s ease}
.main-nav a:hover{color:#806f00}
.city-link{display:inline-flex;align-items:center;gap:7px;color:#302f2a;font-size:12px;font-weight:750;white-space:nowrap}
.city-link span{font-size:19px;line-height:1}
.header-cta{display:inline-flex;align-items:center;justify-content:center;min-width:245px;min-height:72px;padding:0 31px;background:var(--yellow);border:1px solid var(--yellow);border-radius:21px;color:var(--ink);font-size:18px;font-weight:800;white-space:nowrap;transition:background .2s,border-color .2s}
.header-cta:hover{background:#f3d000;border-color:#f3d000}
.hero{min-height:760px;height:min(890px,100svh);position:relative;display:flex;align-items:center;overflow:hidden;background:#202723 url('/images/courier-hero.webp') center 43%/cover no-repeat;color:white}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111613ed 0%,#141a17d9 28%,#131a177a 54%,#131a1715 100%),linear-gradient(0deg,#101310a8 0%,transparent 32%)}
.hero-inner{height:100%;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 365px;align-items:center;gap:40px;padding-top:38px;padding-bottom:74px}
.hero-copy{max-width:690px;padding-bottom:20px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#ffffffce;font-size:10px;font-weight:800;letter-spacing:.16em}
.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #ffe50026}
h1,h2,h3,p{margin-top:0}
h1{max-width:850px;margin-bottom:24px;font-size:clamp(48px,5.8vw,78px);line-height:.99;letter-spacing:-.075em;font-weight:800}
h1 span{color:var(--yellow)}
h1 sup{margin-left:3px;font-size:.24em;line-height:0;vertical-align:super;letter-spacing:0}
.hero-lead{max-width:510px;margin-bottom:0;color:#ffffffd9;font-size:17px;line-height:1.65}
.hero-actions{display:flex;align-items:center;gap:27px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:70px;padding:0 31px;border-radius:20px;font-size:17px;font-weight:800;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0003}
.button-yellow{background:var(--yellow);color:var(--ink)}
.button-yellow:hover{background:#ffed47}
.button-dark{background:var(--ink);color:white}
.button-dark:hover{background:#343630}
.hero-contact{display:inline-flex;align-items:center;gap:9px;color:#ffffffeb;font-size:12px;font-weight:700}
.hero-contact:hover{text-decoration:underline;text-underline-offset:4px}
.contact-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;font-size:14px}
.hero-note{max-width:500px;margin:20px 0 0;color:#ffffff9c;font-size:10px;line-height:1.55}
.rate-card{align-self:end;margin:0 0 57px;padding:23px 24px 20px;background:#f8f6ef;color:var(--ink);border-radius:24px;box-shadow:0 18px 50px #0003;transform:translateY(-12px)}
.rate-card-label{display:flex;justify-content:space-between;align-items:center;color:#77776f;font-size:9px;font-weight:800;letter-spacing:.13em}
.rate-spark{color:#a5c843;font-size:24px;line-height:1}
.rate-main{display:flex;align-items:baseline;gap:15px;margin-top:16px}
.rate-main strong{font-size:94px;line-height:.9;letter-spacing:-.105em;font-weight:800}
.rate-main span{font-size:13px;line-height:1.3;font-weight:750}
.rate-divider{height:1px;margin:19px 0 13px;background:#d8d7cf}
.rate-after{display:flex;align-items:baseline;gap:12px}
.rate-after span:first-child{font-size:11px;color:#818178}
.rate-after strong{font-size:29px;line-height:1;letter-spacing:-.07em}
.rate-after span:last-child{font-size:11px;font-weight:700}
.rate-card>p{margin:14px 0 0;color:#7b7b72;font-size:9px;line-height:1.45}
.intro-band{background:var(--yellow)}
.intro-inner{min-height:130px;display:flex;align-items:center;gap:42px;position:relative}
.intro-inner p{margin:0;font-size:13px;line-height:1.4;color:#4c4c42}
.intro-inner p strong{font-size:16px;color:var(--ink);font-weight:800}
.intro-divider{height:44px;width:1px;background:#1a1a1633}
.intro-mark{margin-left:auto;color:#1819171c;font-size:76px;line-height:1;font-weight:800;letter-spacing:-.12em}
.section{padding-top:118px;padding-bottom:126px}
.section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:end;margin-bottom:43px}
.section-heading .eyebrow{grid-column:1/-1;margin-bottom:20px}
.eyebrow-dark{color:#76776e}
.section-heading h2,.start-copy h2,.faq-title h2,.final-inner h2{margin:0;font-size:clamp(40px,5.5vw,67px);line-height:1.02;letter-spacing:-.075em;font-weight:800}
.section-heading>p:last-child{max-width:370px;margin:0 0 6px;color:#75766f;font-size:14px;line-height:1.65}
.terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.term-card{min-height:310px;position:relative;overflow:hidden;padding:25px 25px 28px;background:#fff;border:1px solid #e8e7df;border-radius:22px}
.term-highlight{background:var(--yellow);border-color:var(--yellow)}
.term-kicker{display:block;color:#77786f;font-size:9px;font-weight:800;letter-spacing:.13em}
.term-highlight .term-kicker{color:#5b5b4e}
.term-rate{margin:34px 0 14px;font-size:84px;line-height:.9;letter-spacing:-.1em;font-weight:800}
.term-rate span{font-size:.55em;vertical-align:top;line-height:1.4;letter-spacing:-.05em}
.term-card h3{margin:0 0 8px;font-size:18px;letter-spacing:-.04em}
.term-card p{max-width:310px;margin:0;color:#77786f;font-size:12px;line-height:1.65}
.term-highlight p{color:#5b5b4e}
.term-orbit{position:absolute;right:26px;top:47px;color:#1819171f;font-size:92px;line-height:1}
.term-symbol{width:65px;height:65px;display:grid;place-items:center;margin:25px 0 21px;background:var(--green);border-radius:50%;font-size:32px;font-weight:500;transition:transform .16s ease,background .16s ease}
.term-symbol:hover{transform:translateY(-2px);background:#b8e65c}
.term-symbol:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.terms-caption{margin:17px 0 0;color:#888980;font-size:10px;line-height:1.5}
.start-section{padding:108px 0 114px;background:var(--ink);color:white}
.start-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.start-copy .eyebrow{margin-bottom:20px}
.start-copy h2{margin-bottom:18px}
.start-copy>p:not(.eyebrow){max-width:390px;margin-bottom:25px;color:#b7b9b2;font-size:14px;line-height:1.7}
.start-copy .button{min-height:54px}
.steps-list{padding:0;margin:0;list-style:none;border-top:1px solid #ffffff2a}
.steps-list li{display:grid;grid-template-columns:44px 1fr 20px;gap:18px;align-items:start;padding:23px 2px;border-bottom:1px solid #ffffff2a}
.step-number{color:var(--yellow);font-size:10px;font-weight:800;letter-spacing:.1em;padding-top:4px}
.steps-list strong,.steps-list small{display:block}
.steps-list strong{margin-bottom:5px;font-size:16px;font-weight:750}
.steps-list small{max-width:430px;color:#aeb0a9;font-size:11px;line-height:1.55}
.step-arrow{color:#797b74;font-size:16px}
.application-section{padding:44px 0 48px;background:#eeede7}
.application-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.application-copy .eyebrow{margin-bottom:20px}
.application-copy h2{margin:0 0 18px;font-size:clamp(40px,5.5vw,67px);line-height:1.02;letter-spacing:-.075em;font-weight:800}
.application-copy>p:not(.eyebrow){max-width:400px;color:#77786f;font-size:14px;line-height:1.7}
.application-frame-wrap{width:min(100%,600px);justify-self:end;overflow:hidden;border-radius:20px;background:white;box-shadow:0 12px 38px #18191712}
.application-frame-wrap iframe{display:block;width:100%;height:780px;border:0;background:#fff}
.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px;padding-top:118px;padding-bottom:120px}
.faq-title .eyebrow{margin-bottom:20px}
.faq-title h2{margin-bottom:25px}
.faq-contact{display:inline-flex;align-items:center;gap:12px;padding-bottom:5px;border-bottom:1px solid #aaa99f;font-size:11px;font-weight:800}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{padding:19px 2px;border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:14px;font-weight:750}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";font-size:23px;font-weight:400;line-height:1;color:#898a81}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{max-width:680px;margin:13px 28px 1px 0;color:#77786f;font-size:12px;line-height:1.65}
.final-cta{padding:56px 0;background:var(--green)}
.final-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.final-inner .eyebrow{margin-bottom:14px}
.final-inner h2{font-size:clamp(38px,4.7vw,58px)}
.search-section{padding:37px 0 42px;background:#e9e8e1}
.search-section h2{margin:0 0 19px;font-size:21px;line-height:1.2;letter-spacing:-.045em}
.search-tags{display:flex;flex-wrap:wrap;gap:8px}
.search-tags a{display:inline-flex;align-items:center;min-height:31px;padding:4px 12px;border:1px solid #9d9e95;border-radius:999px;color:#55574f;font-size:10px;line-height:1.2;transition:background .16s,color .16s,border-color .16s}
.search-tags a:hover{background:var(--ink);border-color:var(--ink);color:white}
.site-footer{padding:43px 0 25px;background:#4c4b49;color:white}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:34px;align-items:start;padding-bottom:32px;border-bottom:1px solid #ffffff35}
.brand-footer{color:white}
.brand-footer .brand-partner{color:#d1d0ca}
.footer-column,.app-qr-block{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:11px}
.footer-column strong,.app-qr-block>strong{margin:2px 0 4px;font-size:11px;font-weight:800}
.footer-column a{color:#d3d2ce;transition:color .15s}
.footer-column a:hover,.footer-whatsapp:hover,.app-store-links a:hover{color:var(--yellow)}
.app-qr{width:104px;height:104px;padding:6px;background:white;border-radius:13px;overflow:hidden;transition:transform .18s}
.app-qr:hover{transform:translateY(-2px)}
.app-qr img{display:block;width:100%;height:100%;object-fit:contain}
.app-qr-block>span{max-width:140px;color:#c9c8c2;font-size:8px;line-height:1.4}
.app-store-links{display:flex;gap:12px;font-size:9px;font-weight:750}
.footer-cta{min-height:46px;padding:0 17px;gap:12px;border-radius:15px;font-size:11px;white-space:nowrap}
.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;padding-top:17px}
.disclaimer{max-width:1040px;margin:0;color:#d0cfca;font-size:9px;line-height:1.65}
.footer-whatsapp{color:#fff;font-size:10px;font-weight:750;white-space:nowrap}
@media(max-width:900px){
 .hero{min-height:740px;height:88svh;max-height:900px;background-position:59% center}
 .hero-inner{grid-template-columns:1fr 300px;gap:22px}
 h1{font-size:clamp(53px,8vw,78px)}
 .rate-card{padding:20px;margin-bottom:72px}
 .rate-main strong{font-size:78px}
 .start-inner{gap:45px}
 .faq-section{gap:45px}
 .application-inner{grid-template-columns:.8fr 1.2fr;gap:32px}
 .header-cta{min-width:0;min-height:58px;padding:0 22px;font-size:15px}
 .main-nav{gap:16px;font-size:10px}
 .brand{min-width:170px;flex-direction:column;align-items:flex-start;gap:2px}
 .yandex-eda-logo{width:170px}
 .brand-partner{max-width:none;font-size:7px}
 .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:25px}
 .footer-cta{grid-column:2/4;justify-self:start}
}
@media(max-width:680px){
 html{scroll-padding-top:70px}
 .wrap{width:min(100% - 36px,540px)}
 .site-header{height:70px}
 .header-inner{gap:8px}
 .brand{min-width:0;flex-direction:column;align-items:flex-start;gap:1px}
 .yandex-eda-logo{width:126px}
 .brand-partner{display:block;max-width:none;font-size:5px;letter-spacing:.08em;line-height:1.1}
 .main-nav{display:none}
 .city-link{margin-left:auto;font-size:10px;gap:3px}
 .city-link span{font-size:16px}
 .header-cta{min-height:41px;padding:0 12px;border-radius:13px;font-size:10px}
 .hero{height:auto;min-height:860px;max-height:none;align-items:flex-start;background-position:63% top;background-size:auto 660px;background-color:#1d231f}
 .hero-shade{background:linear-gradient(180deg,#14191668 0%,#14191640 25%,#141916ed 61%,#141916 100%)}
 .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:78px;padding-bottom:63px}
 .hero-copy{padding:0;order:0}
 .eyebrow{font-size:9px;margin-bottom:16px}
 h1{max-width:500px;margin-bottom:17px;font-size:clamp(30px,8.2vw,39px)}
 .hero-lead{max-width:430px;font-size:14px;line-height:1.55}
 .hero-actions{align-items:flex-start;flex-direction:column;gap:17px;margin-top:23px}
 .button{min-height:54px;padding:0 20px;border-radius:15px;gap:22px;font-size:12px}
 .hero-note{font-size:9px;margin-top:13px}
 .rate-card{order:1;align-self:stretch;margin:30px 0 0;padding:17px 19px;border-radius:20px;transform:none}
 .rate-main{margin-top:8px}
 .rate-main strong{font-size:70px}
 .rate-divider{margin:13px 0 10px}
 .rate-after strong{font-size:25px}
 .rate-card>p{margin-top:9px}
 .intro-inner{min-height:106px;gap:17px}
 .intro-inner p{font-size:10px}
 .intro-inner p strong{font-size:12px}
 .intro-divider{height:36px}
 .intro-mark{font-size:52px}
 .section{padding-top:75px;padding-bottom:80px}
 .section-heading{display:block;margin-bottom:27px}
 .section-heading .eyebrow{margin-bottom:16px}
 .section-heading h2,.start-copy h2,.faq-title h2{font-size:clamp(38px,11vw,53px)}
 .application-section{padding:34px 0 40px}
 .application-inner{grid-template-columns:1fr;gap:17px}
 .application-copy .eyebrow{margin-bottom:10px}
 .application-copy h2{font-size:clamp(32px,8vw,43px);margin-bottom:10px}
 .application-copy>p:not(.eyebrow){font-size:12px;line-height:1.45}
 .application-frame-wrap{justify-self:stretch;border-radius:15px}
 .application-frame-wrap iframe{height:1000px}
 .section-heading>p:last-child{margin-top:15px;font-size:12px}
 .terms-grid{grid-template-columns:1fr;gap:10px}
 .term-card{min-height:230px;padding:21px}
 .term-rate{margin:24px 0 10px;font-size:72px}
 .term-card h3{font-size:16px}
 .term-card p{font-size:11px}
 .term-orbit{top:39px;font-size:76px}
 .term-symbol{width:52px;height:52px;margin:19px 0 16px;font-size:25px}
 .terms-caption{font-size:9px}
 .start-section{padding:77px 0 78px}
 .start-inner{grid-template-columns:1fr;gap:35px}
 .start-copy>p:not(.eyebrow){font-size:12px}
 .steps-list li{grid-template-columns:34px 1fr 16px;gap:12px;padding:18px 0}
 .steps-list strong{font-size:14px}
 .steps-list small{font-size:10px}
 .faq-section{grid-template-columns:1fr;gap:35px;padding-top:76px;padding-bottom:79px}
 .faq-title h2{margin-bottom:17px}
 .faq-list summary{font-size:12px}
 .faq-list details p{font-size:11px}
 .final-cta{padding:40px 0}
 .final-inner{align-items:flex-start;flex-direction:column;gap:22px}
 .final-inner h2{font-size:40px}
 .site-footer{padding-bottom:83px}
 .search-section{padding:30px 0 34px}
 .search-section h2{font-size:18px;margin-bottom:15px}
 .search-tags{gap:6px}
 .search-tags a{min-height:29px;padding:4px 9px;font-size:9px}
 .site-footer{padding:34px 0 25px}
 .footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px;padding-bottom:25px}
 .brand-footer{grid-column:1/-1;flex-direction:column;align-items:flex-start;gap:5px}
 .brand-footer .yandex-eda-logo{width:170px}
 .brand-footer .brand-partner{display:block;font-size:8px}
 .footer-column,.app-qr-block{font-size:10px;gap:8px}
 .footer-cta{grid-column:1/-1;grid-row:4;justify-self:stretch}
 .app-qr{width:90px;height:90px}
 .app-qr-block>span{font-size:8px}
 .footer-bottom{grid-template-columns:1fr;gap:12px;padding-top:15px}
 .disclaimer{font-size:8px}
 .footer-whatsapp{font-size:9px}
 .site-footer .wrap{padding-bottom:63px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
