
:root{--bg:#0f2039;--panel:#192c47;--gold:#d5aa46;--white:#fff;--muted:#b6c3d6;--teal:#158b91;--line:#ffffff18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none;transition:.18s}button{font:inherit;cursor:pointer}.wrap{max-width:1120px;margin:auto;padding:0 24px}header{border-bottom:1px solid var(--line);background:#15253e}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}.brand{display:flex;gap:12px;align-items:center}.mark{background:var(--gold);color:var(--bg);font-weight:900;padding:8px;border-radius:12px;font-size:20px}.brand strong{font-size:23px;line-height:1.2;display:block}.brand small,.contact small{color:var(--muted);font-size:12px;display:block}nav{display:flex;gap:24px;font-size:14px}.contact{text-align:right;font-weight:750}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--gold);color:var(--bg);border:1px solid var(--gold);border-radius:12px;padding:17px 24px;font-weight:800;font-size:15px}.btn:hover{background:#e6bc59;transform:translateY(-2px)}a:hover{color:var(--gold)}.btn:hover{color:var(--bg)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.small-btn{padding:12px 18px}.hero{padding:56px 0 44px;background:radial-gradient(ellipse at 90% 60%,#163c4a66,transparent 58%)}.geo{display:inline-flex;gap:9px;align-items:center;border:1px solid #d5aa4655;border-radius:30px;background:#d5aa4610;padding:6px 13px;font-size:12px;color:#ead08d}.dot{height:7px;width:7px;background:#43c4bd;border-radius:50%;box-shadow:0 0 0 4px #43c4bd18}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:54px;align-items:center;margin-top:26px}h1{font-size:49px;line-height:1.08;letter-spacing:-1.8px;margin:0 0 22px;font-weight:850}h1 em{font-style:normal;color:var(--gold)}.lead{font-size:21px;line-height:1.4;font-weight:750;margin:0 0 16px}.desc{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 26px}.quiet{display:flex;gap:13px;border:1px solid #d5aa4677;border-radius:14px;padding:15px;margin-top:22px;background:#d5aa460b;max-width:480px}.quiet .icon{font-size:22px;background:var(--gold);width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:10px}.quiet strong{display:block;font-size:16px}.quiet small{color:var(--muted);display:block;line-height:1.5;font-size:12px}.hero-photo{position:relative;padding-bottom:35px}.hero-photo img{width:100%;height:494px;object-fit:cover;border-radius:23px;display:block;object-position:center 45%}.photo-label{position:absolute;top:19px;left:18px;background:var(--teal);padding:7px 12px;border-radius:24px;font-size:10px;letter-spacing:1px;font-weight:800}.floating{position:absolute;bottom:0;left:-24px;background:#fff;color:var(--bg);padding:20px 24px;border-radius:16px;box-shadow:0 15px 40px #0003;width:320px;border-bottom:4px solid var(--teal)}.floating strong{display:block;font-size:15px}.floating span{display:block;color:#627086;font-size:12px;margin-top:5px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:46px;background:var(--panel);border-radius:16px}.benefit{padding:24px;border-right:1px solid var(--line)}.benefit:last-child{border:0}.benefit strong{display:block;font-size:16px;color:var(--gold);margin-bottom:6px}.benefit p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}section.block{padding:78px 0;border-top:1px solid var(--line)}.eyebrow{color:#51bdbb;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.8px;margin-bottom:12px}h2{font-size:36px;line-height:1.18;letter-spacing:-.8px;margin:0 0 17px}h3{font-size:23px;line-height:1.3;margin:0 0 15px}.sub{color:var(--muted);max-width:670px;margin:0 0 30px;font-size:15px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:30px;display:flex;flex-direction:column}.card.featured{border-color:#d5aa4688;background:linear-gradient(135deg,#283747,#192c47)}.badge{color:var(--gold);font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:800;margin-bottom:18px}.card p{color:var(--muted);font-size:14px;margin:0 0 15px}.checks{padding:0;list-style:none;margin:6px 0 26px}.checks li{position:relative;padding-left:24px;margin-bottom:11px;font-size:14px;color:#dfe6ee}.checks li:before{content:'✓';position:absolute;left:0;color:#54c3be;font-weight:800}.card .btn{margin-top:auto;align-self:flex-start}.btn.outline{background:transparent;color:var(--gold)}.btn.outline:hover{background:#d5aa4615}.compare{width:100%;border-collapse:collapse;margin-top:30px;font-size:14px}.compare th{text-align:left;padding:18px 20px;background:var(--panel)}.compare td{padding:20px;border-bottom:1px solid var(--line);vertical-align:top}.compare th:nth-child(3){color:var(--gold)}.compare td:nth-child(2){color:#91a0b7}.compare td:nth-child(3){background:#158b910a}.compare td:first-child{font-weight:750;width:21%}.compare td:nth-child(2),.compare td:nth-child(3){width:39%}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:35px}.step-number{font-size:14px;font-weight:850;width:38px;height:38px;border:1px solid #d5aa4677;color:var(--gold);display:grid;place-items:center;border-radius:50%;margin-bottom:17px}.steps h3{font-size:17px}.steps p{font-size:13px;color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.gallery img{width:100%;height:220px;object-fit:cover;border-radius:13px}.gallery figure{margin:0}.gallery figcaption{font-size:11px;color:var(--muted);padding-top:9px}.quiz-section{background:#152940}.quiz{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.quiz-card{background:#fff;color:var(--bg);border-radius:20px;padding:32px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#677488;font-weight:750}.progress{display:flex;gap:5px;margin:12px 0 25px}.progress i{height:4px;background:#e3e7ec;border-radius:4px;flex:1}.progress i:first-child{background:var(--teal)}.quiz-card h3{font-size:22px;margin-bottom:22px}.choice{border:1px solid #e0e5eb;border-radius:10px;padding:13px;display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:13px}.choice:has(input:checked){border-color:var(--teal);background:#158b9109}.choice input{accent-color:var(--teal);width:17px;height:17px;flex-shrink:0}.quiz-card .btn{width:100%;margin-top:12px}.quiz-note{font-size:11px;color:#6b7788;text-align:center;margin:13px 0 0}.faq{max-width:850px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:16px;font-weight:750;list-style:none;display:flex;justify-content:space-between;gap:25px}summary:after{content:'+';color:var(--gold);font-size:23px;line-height:1}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;margin:16px 35px 0 0}.related{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.related article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.related strong{font-size:17px}.related p{font-size:13px;color:var(--muted);margin:8px 0 0}.related span{color:var(--gold);float:right}footer{background:#0b192d;border-top:1px solid var(--line);padding:36px 0}.footer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-top p{color:var(--muted);font-size:12px;margin:0}.footer-bottom{margin-top:25px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:#8292aa;display:flex;justify-content:space-between}.mobile-cta{display:none}@media(max-width:900px){nav{display:none}.hero-grid{gap:30px}h1{font-size:39px}.hero-photo img{height:470px}.floating{left:-10px;width:275px}.benefit{padding:18px}.quiz{gap:25px}}@media(max-width:650px){.wrap{padding:0 20px}.header{min-height:76px;gap:12px}.brand strong{font-size:20px}.brand small{font-size:10px}.contact{font-size:13px}.contact small{font-size:10px}.header>.btn{display:none}.hero{padding-top:28px}.geo{font-size:10px}.hero-grid{grid-template-columns:1fr;margin-top:24px;gap:30px}h1{font-size:40px;letter-spacing:-1.3px}.lead{font-size:19px}.desc{font-size:14px}.hero-grid .btn{width:100%;padding:17px 12px;font-size:14px}.quiet{margin-top:18px}.hero-photo{padding-bottom:25px}.hero-photo img{height:355px}.floating{left:12px;bottom:0;width:290px;padding:17px}.benefits{grid-template-columns:1fr 1fr;margin-top:25px}.benefit{padding:18px}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}.benefit strong{font-size:14px}.benefit p{font-size:11px}section.block{padding:48px 0}h2{font-size:30px}.cards,.quiz,.related{grid-template-columns:1fr}.card{padding:24px}.card .btn{width:100%}.compare{font-size:11px}.compare th,.compare td{padding:13px 8px}.compare td:first-child{width:23%}.steps{grid-template-columns:1fr 1fr;gap:20px}.steps h3{font-size:16px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:200px}.quiz-card{padding:24px}.quiz{gap:20px}.quiz .checks{margin-bottom:0}summary{font-size:15px}.footer-top{flex-direction:column;align-items:flex-start;gap:20px}.footer-bottom{gap:15px;flex-direction:column}.footer-top .contact{text-align:left}.related article{padding:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}
/* Чередование фонов сохраняет фирменные акценты. */
:root{--warm:#f6f4ee;--cool:#eaf0f4;--sand:#eee7d9;--deep-teal:#143f45;--light-ink:#152940;--light-muted:#596b7c}
main>section.block:not(.quiz-section){color:var(--light-ink);border-top:0;background:var(--cool)}
main>section.block#formats,main>section.block#faq{background:var(--warm)}
main>section.block#works{background:#fff}
main>section.block:last-child{background:var(--sand)}
main>section.block:not(.quiz-section) .sub,main>section.block:not(.quiz-section) .card p,main>section.block:not(.quiz-section) .steps p,main>section.block:not(.quiz-section) .gallery figcaption,main>section.block:not(.quiz-section) details p,main>section.block:not(.quiz-section) .related p{color:var(--light-muted)}
main>section.block:not(.quiz-section) .eyebrow{color:#18777b}
#formats .card{background:#fff;border-color:#d9e1e5;box-shadow:0 8px 24px #15294006}
#formats .card.featured{background:#fff;border-color:#cba34c}
#formats .checks li{color:var(--light-ink)}
#formats .checks li:before{color:#158b91}
#formats .badge{color:#876417}
#formats .btn.outline{color:var(--light-ink);border-color:#cba34c}
.compare th{background:#dbe5eb;color:var(--light-ink)}
.compare th:nth-child(3){background:#d9e9e6;color:#176267}
.compare td{border-color:#ccd7df}
.compare td:nth-child(2){color:#657382}
.compare td:nth-child(3){background:#e0edeb;color:var(--light-ink)}
#works .step-number{color:#876417;background:#f9f3e5;border-color:#d9bd7a}
.quiz-section{background:var(--deep-teal);border-top:0}
.quiz-section .sub{color:#c3d8db}
.quiz-section .checks li{color:#e0eeee}
.quiz-section .eyebrow{color:#75d0c6}
#faq details{border-color:#d9dedf}
#faq summary:after{color:#168086}
.related article{background:#ffffffb3;border-color:#d9d2c5}
.related span{color:#18777b}
/* На телефоне фото предшествует описанию и расчёту. */
@media(max-width:650px){.hero-grid>div:first-child{display:contents}.hero-grid h1{order:0;margin-bottom:0}.hero-grid .lead{order:1;margin-bottom:0}.hero-grid .hero-photo{order:2}.hero-grid .desc{order:3;margin-bottom:0}.hero-grid>div:first-child>.btn{order:4}.hero-grid .quiet{order:5;margin-top:0}}
#reviews{background:#e8eef1;color:#10243c}#reviews .eyebrow{color:#18777b}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.review-card{background:white;border:1px solid #d9e1e5;border-radius:16px;padding:24px}.review-stars{color:#b78c2d;letter-spacing:4px;font-size:20px}.review-lines{margin:22px 0;display:grid;gap:12px}.review-lines i{height:9px;background:#e8eef1;border-radius:8px;display:block}.review-lines i:last-child{width:64%}.review-avatar{width:38px;height:38px;border-radius:50%;background:#dbe7e9}.video-heading{margin-top:38px}.video-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.video-frame{height:240px;border-radius:18px;background:#143f45;display:grid;place-items:center}.video-play{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#d5aa46;color:#10243c;font-size:26px;padding-left:4px}
@media(max-width:650px){#works .wrap{display:grid}#works .steps,#works .gallery{display:contents}#works .eyebrow{order:0}#works h2{order:1}#works .gallery figure{margin:26px 0 16px}#works .gallery figure:nth-child(1){order:2}#works .steps article:nth-child(1){order:3}#works .gallery figure:nth-child(2){order:4}#works .steps article:nth-child(2){order:5}#works .gallery figure:nth-child(3){order:6}#works .steps article:nth-child(3){order:7}#works .gallery figure:nth-child(4){order:8}#works .steps article:nth-child(4){order:9}#works .steps article{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:12px}#works .gallery figcaption{display:none}.review-grid,.video-layout{grid-template-columns:1fr}.video-frame{height:210px}}
#reviews{background:#f4f5fa}.review-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.review-columns h3{font-size:20px;margin:0 0 18px}.review-card{height:350px;border-radius:20px;padding:30px;display:flex;flex-direction:column}.review-quote{color:#168086;font-size:56px;line-height:1}.review-lines{margin:40px 0;gap:14px}.review-author-line{margin-top:auto;width:175px;height:11px;background:#dce5ea;border-radius:6px}.review-video-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.review-video-title>span{font-size:12px;color:#18777b}.review-columns .video-frame{height:350px;position:relative;border-radius:20px;background:radial-gradient(ellipse at center,#234763,#0f2039)}.video-play{width:76px;height:55px;border-radius:16px;background:#ff0038;color:white}.video-bottom{position:absolute;bottom:16px;left:20px;right:20px;display:flex;gap:16px;align-items:center;color:white;font-size:12px}.video-bottom i{height:3px;flex:1;background:#ffffff40}.review-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:12px;background:#e8edf2;border:1px solid #d6dfe5;border-radius:18px}.review-controls button{width:54px;height:54px;border-radius:50%;border:0;background:#0f2039;color:white;font-size:28px;box-shadow:0 5px 12px #10243c22;transition:.18s}.review-controls button:hover{background:#18777b}.review-dots{display:flex;gap:10px}.review-dots span{width:13px;height:13px;border:2px solid #168086;border-radius:50%}.review-dots .selected{background:#168086;box-shadow:0 0 0 4px #16808618}@media(max-width:650px){.review-columns{grid-template-columns:1fr;gap:32px}.review-card{height:310px}.review-columns .video-frame{height:260px}.review-video-title{flex-wrap:wrap}.review-video-title>span{margin-bottom:18px}}
header{position:sticky;top:0;z-index:100}section[id]{scroll-margin-top:100px}.quiet .icon svg{display:block}@media(max-width:650px){section[id]{scroll-margin-top:150px}}
header .brand,footer .brand{flex-direction:row;gap:12px;flex-shrink:0;align-items:center}.logo-frame{display:block;position:relative;width:146px;height:73px;overflow:hidden;flex-shrink:0}.brand-logo{position:absolute;width:168px;height:113px;max-width:none;left:-11px;top:-10px;object-fit:contain}header .brand small,footer .brand small{font-size:15px;line-height:1.35;color:var(--muted);white-space:normal;max-width:96px;font-weight:700}.header{padding-top:4px;padding-bottom:4px;gap:16px}footer .logo-frame{width:190px;height:95px}footer .brand-logo{width:219px;height:147px;left:-14px;top:-13px}footer .brand small{font-size:17px;max-width:110px}@media(max-width:650px){header .logo-frame{width:140px;height:70px}header .brand-logo{width:161px;height:108px;left:-10px;top:-10px}header .brand small{font-size:13px;max-width:78px}header .brand{gap:8px}.header{gap:10px}header .contact{font-size:11px}header .contact small{font-size:9px}}
.mobile-actions{display:none}@media(max-width:650px){body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:fixed;bottom:0;left:0;right:0;z-index:110;background:#fff;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #e1e5eb;box-shadow:0 -4px 18px #0f203910}.mobile-actions a{min-height:54px;display:flex;align-items:center;justify-content:center;border-radius:13px;font-size:16px;font-weight:800;line-height:1.2}.mobile-actions .calculate{background:var(--gold);color:var(--bg)}.mobile-actions .calculate:hover{background:#e6bc59;color:var(--bg)}.mobile-actions .call{background:var(--bg);color:#fff}.mobile-actions .call:hover{background:#192c47;color:#fff}}
/* Уточнённые жёлтые акценты. */
:root{--gold:#D1A54A;--yellow-shadow:0 10px 24px rgba(209,165,74,.35)}.btn,.btn:hover,.mobile-actions .calculate,.mobile-actions .calculate:hover{background:var(--gold);background-image:none;box-shadow:var(--yellow-shadow)}.btn:hover,.mobile-actions .calculate:hover{filter:brightness(1.04)}.review-stars{color:var(--gold)}header .small-btn{height:38px;min-height:38px;width:auto;flex:none;padding:12px 18px;border:0;border-radius:10px;font-size:14px;line-height:14px;font-weight:700;color:#0E1D36;white-space:nowrap}.geo{padding:7px 14px;border-radius:100px;border:1px solid rgba(209,165,74,.45);font-size:13px;font-weight:600;color:#ECD29A;background:rgba(209,165,74,.1);gap:8px}.geo .dot{width:8px;height:8px;flex-shrink:0;background:#3ECF7A;box-shadow:0 0 0 4px rgba(62,207,122,.2)}@media(max-width:600px){:root{--gold:#FFD43B;--yellow-shadow:0 10px 24px rgba(255,212,59,.25)}header .small-btn{height:37px;min-height:37px;padding:12px 10px;font-size:13px;line-height:13px;color:#142744}.geo{color:#FFD43B;background:rgba(255,212,59,.1);border-color:rgba(255,212,59,.5)}}

.urgent,.shine-call{display:inline-flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:#d84d50;color:white!important;border:1px solid #ec8183;border-radius:13px;padding:16px 25px;font-weight:800;text-align:center}.urgent{animation:urgent-glow 2s ease-in-out infinite}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.hero-buttons .btn{font-size:14px;padding:16px 20px}.reply-time{font-size:12px;font-weight:700;color:var(--muted);margin-top:18px}.review-call{text-align:center;margin-top:32px}.shine-call:after{content:'';position:absolute;inset:-50% auto -50% -70%;width:55%;background:linear-gradient(110deg,transparent,#ffffff99,transparent);transform:skewX(-18deg);animation:call-shine 2.4s infinite}.help-card{max-width:520px;margin:32px auto 0;background:#0e1d36;color:white;padding:32px;border-radius:24px}.help-card h3{margin:0 0 12px;font-size:23px}.help-card p{color:#b6c3d6;font-size:15px;margin-bottom:22px}.channel-buttons{display:grid;gap:10px}.channel-buttons a{padding:15px;border-radius:12px;font-weight:800;text-align:center;color:white}.channel-max{background:#0780ff}.channel-telegram{background:#26a9df}.tap-hand{position:relative;display:inline-grid;place-items:center;float:right;font-size:30px;width:48px;height:48px}.tap-hand:before,.tap-hand:after{content:'';position:absolute;width:26px;height:26px;left:10px;top:-3px;border:2px solid var(--gold);border-radius:50%;animation:tap-rings 2s infinite}.tap-hand:after{animation-delay:1s}.related article{cursor:pointer}.related article:hover{box-shadow:0 8px 24px #10243c22;transform:translateY(-2px)}footer{background:#091526}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px;align-items:start}.footer-top h3{font-size:15px;margin:4px 0 14px}.footer-top p{color:#a9b9ce;font-size:14px;line-height:1.8}.footer-top .contact{text-align:left}.footer-phone{font-size:22px;font-weight:900;display:block}.contact-name{display:block;color:var(--gold);font-size:24px;margin-top:10px;font-weight:900}.footer-bottom{border-top:1px solid #ffffff18;margin-top:44px;padding-top:24px;font-size:12px;color:#7f91ab}.brand-logo,footer .brand-logo,header .brand-logo{position:static;width:100%;height:100%;object-fit:contain}.logo-frame,footer .logo-frame,header .logo-frame{width:146px;height:90px}header .brand small,footer .brand small{color:white;font-weight:800}.mock-thanks .buttons{grid-template-columns:1fr}.mock-thanks .buttons .btn{color:white;background:#0780ff;border:0;box-shadow:none}.mock-thanks .buttons .telegram{background:#26a9df}.mock-thanks .buttons .call{background:#0e1d36}.mock-thanks .tick{background:#d1a54a22;color:#b88d36}
@keyframes urgent-glow{0%,100%{box-shadow:0 0 0 2px #eb737855,0 5px 18px #d84d5033;transform:scale(1)}50%{box-shadow:0 0 0 5px #eb737833,0 6px 30px #e14f5077;transform:scale(1.025)}}@keyframes call-shine{0%,30%{left:-70%}75%,100%{left:140%}}@keyframes tap-rings{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(2)}}
@media(max-width:650px){.mobile-actions{background:#15253eeF;backdrop-filter:blur(14px);border-color:#ffffff18}.mobile-actions .call,.mobile-actions .call:hover{background:#d84d50}.hero-buttons{gap:14px}.hero-buttons a{flex:1;min-width:140px}.hero-buttons .btn{font-size:13px}.hero-buttons .urgent{font-size:13px;padding:15px 12px;animation-duration:1.6s}.review-call{margin-top:24px}.review-call .urgent{width:100%}main section.block{padding-top:32px;padding-bottom:32px}main #reviews{padding-bottom:12px}main #faq{padding-top:12px}.review-columns{gap:24px}.help-card{margin-top:24px;padding:28px 24px}.footer-top{grid-template-columns:1fr;gap:22px}.footer-bottom{display:grid;gap:12px;margin-top:28px}.footer-top .contact{font-size:16px}.logo-frame,header .logo-frame,footer .logo-frame{width:132px;height:80px}}
@media(max-width:650px){.hero-grid .hero-buttons{order:4}.hero-grid .reply-time{order:5;margin:0}.hero-grid .quiet{order:6}.header .brand{gap:6px}.header .logo-frame{width:95px;height:64px}.header .brand small{max-width:70px;font-size:11px}.header .contact{margin-left:auto;font-size:10px}.header .contact small{font-size:8px}.header{gap:6px}.header .small-btn{display:none}}
@media(prefers-reduced-motion:reduce){.urgent,.tap-hand:before,.tap-hand:after,.shine-call:after{animation:none}}
.hero-photo img,#works .gallery img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}.hero-photo{min-width:0}.hero-photo img{aspect-ratio:1/1}@media(max-width:650px){#works .gallery img{height:auto;aspect-ratio:16/9}.hero-photo img{height:auto;aspect-ratio:1/1}}
header .logo-frame{width:172px;height:96px}header .brand-logo{object-fit:cover}.mock-thanks{width:100%;max-width:535px;margin:auto;padding:40px 42px;background:#fff;border-radius:24px;text-align:center;color:#101b29}.mock-thanks .tick{width:72px;height:72px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;font-size:36px;background:#f6edd8;color:#b68f3c}.mock-thanks h2{font-size:25px;line-height:1.25;letter-spacing:0;margin:0 0 12px}.mock-thanks .thanks-message{font-size:14px;color:#74777e;margin:0 0 24px}.mock-thanks .thanks-contact{font-size:14px;color:#74777e;margin:0 0 22px}.mock-thanks .buttons{display:grid;grid-template-columns:1fr;gap:10px;max-width:340px;margin:auto}.mock-thanks .buttons .btn{font-size:14px;padding:16px 10px;border-radius:12px;line-height:1.4;min-height:52px;transform:none}
@media(max-width:650px){.hero-buttons{display:flex;flex-direction:column;width:100%;gap:14px}.hero-buttons a{width:100%;flex:none;min-height:54px}.hero-grid .quiet{width:100%}.header .logo-frame{width:120px;height:80px}.header .brand small{font-size:10px;max-width:60px}.header .contact{font-size:10px;white-space:nowrap}.header .contact small{font-size:7px}.header.wrap{padding-left:12px;padding-right:12px}.mock-thanks{padding:36px 20px;border-radius:24px}.mock-thanks h2{font-size:23px}.mock-thanks .thanks-contact{font-size:13px}.mock-thanks .buttons{max-width:340px}}
.quiet{background:#303b4d;border:1px solid #d1a54a;border-radius:14px;padding:15px;gap:14px;max-width:none}.quiet .icon{background:#d1a54a;border-radius:12px;width:44px;height:44px}.quiet strong{font-size:19px;line-height:1.3;color:#fff}.quiet small{color:#d3d9e3;font-size:13px;line-height:1.5}.quiet small br{display:none}
@media(max-width:650px){.header .contact{font-size:13px;font-weight:800}.header .contact small{font-size:9px;line-height:1.5}.header .brand small{font-size:9px;max-width:48px}.header .logo-frame{width:108px;height:80px}.quiet strong{font-size:18px}.quiet small{font-size:12px}#works .steps article{display:contents}#works .steps article .step-number{border-radius:50%;margin:24px 0 12px}#works .steps article h3{margin:0 0 16px}#works .steps article p{margin:14px 0 8px}#works .gallery figure{margin:0}#works .steps article:nth-child(1) .step-number{order:2}#works .steps article:nth-child(1) h3{order:3}#works .gallery figure:nth-child(1){order:4}#works .steps article:nth-child(1) p{order:5}#works .steps article:nth-child(2) .step-number{order:6}#works .steps article:nth-child(2) h3{order:7}#works .gallery figure:nth-child(2){order:8}#works .steps article:nth-child(2) p{order:9}#works .steps article:nth-child(3) .step-number{order:10}#works .steps article:nth-child(3) h3{order:11}#works .gallery figure:nth-child(3){order:12}#works .steps article:nth-child(3) p{order:13}#works .steps article:nth-child(4) .step-number{order:14}#works .steps article:nth-child(4) h3{order:15}#works .gallery figure:nth-child(4){order:16}#works .steps article:nth-child(4) p{order:17}}
@media(max-width:650px){.header{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding-top:6px;padding-bottom:10px}.header .brand{gap:8px}.header .brand small{font-size:12px;max-width:76px;line-height:1.3}.header .contact{font-size:15px;line-height:1.4}.header .contact small{font-size:10px;line-height:1.5}}@media(max-width:370px){.header .contact{width:100%;text-align:center}.header .contact small{display:inline;margin-left:8px}}
.logo-frame{isolation:isolate}.brand-logo,header .brand-logo,footer .brand-logo{object-fit:cover;object-position:center;transform:scale(1.1);mix-blend-mode:lighten}@media(max-width:650px){.header .brand small{font-size:15px;max-width:96px;line-height:1.25}.header .brand{gap:8px}.header{column-gap:6px}.header .logo-frame{width:100px}}@media(max-width:385px){.header .contact{width:100%;text-align:center}.header .contact small{display:inline;margin-left:8px}}
.brand-logo,header .brand-logo,footer .brand-logo{mix-blend-mode:normal;object-fit:contain;transform:none}header .logo-frame{width:190px;height:100px}footer .logo-frame{width:210px;height:112px}@media(max-width:650px){.header .logo-frame{width:125px;height:82px}.header .brand small{max-width:86px}.header .brand{gap:5px}.header .contact{font-size:14px}.header .contact small{font-size:9px}#reviews>.wrap>.sub,#reviews .review-columns>div:first-child>h3{display:none}#reviews .review-columns>div{position:relative}#reviews .review-controls{position:absolute;left:12px;right:12px;bottom:14px;margin:0;padding:0;border:0;background:transparent;z-index:2}#reviews .review-controls button{width:40px;height:40px;font-size:24px;background:#0f20397a;color:#fff;box-shadow:none;backdrop-filter:blur(4px)}#reviews .review-controls button:hover{background:#0f2039b0}#reviews .review-dots{opacity:.6;padding:8px;border-radius:20px;background:#ffffff80}#reviews .review-card{padding-bottom:78px}#reviews .video-bottom{bottom:70px}#reviews .review-columns{margin-top:24px}}
header .logo-frame{width:210px;height:140px;overflow:visible}footer .logo-frame{width:260px;height:175px;overflow:visible}@media(max-width:650px){.header .logo-frame{width:155px;height:104px}.header .brand small{max-width:96px}.header .contact{width:100%;text-align:center;font-size:15px}.header .contact small{display:inline;margin-left:8px;font-size:10px}.header .brand{width:100%;justify-content:center;gap:16px}.header{padding-top:0;padding-bottom:10px}footer .logo-frame{width:240px;height:161px}}
header .logo-frame{width:172px;height:80px;overflow:visible}.header{min-height:88px;padding-top:4px;padding-bottom:4px}@media(max-width:650px){.header{height:88px;min-height:88px;flex-wrap:nowrap;gap:6px;padding:4px 10px}.header .brand{width:auto;justify-content:flex-start;gap:5px;min-width:0;flex-shrink:1}.header .logo-frame{width:106px;height:76px;flex-shrink:0}.header .brand small{font-size:13px;max-width:78px}.header .contact{width:auto;text-align:right;font-size:13px;flex-shrink:0;margin-left:auto}.header .contact small{display:block;font-size:8px;margin-left:0;line-height:1.5}}@media(max-width:360px){.header .logo-frame{width:90px}.header .brand small{font-size:12px;max-width:67px}.header .contact{font-size:12px}.header .contact small{font-size:7px}}
header .logo-frame{overflow:hidden}header .brand-logo{object-fit:contain;transform:scale(1.28);transform-origin:center}@media(max-width:650px){.header .logo-frame{width:120px;height:76px}.header .brand-logo{transform:scale(1.46)}.header .brand small{font-size:12px;max-width:70px}.header .brand{gap:3px}.header .contact{font-size:12px}.header .contact small{font-size:7px}}@media(max-width:360px){.header .logo-frame{width:103px}.header .brand small{font-size:11px;max-width:62px}.header .contact{font-size:11px}}
footer .logo-frame{width:172px;height:80px;overflow:hidden}footer .brand-logo{object-fit:contain;transform:scale(1.28);transform-origin:center}@media(max-width:650px){footer .logo-frame{width:120px;height:76px}footer .brand-logo{transform:scale(1.46)}}@media(max-width:360px){footer .logo-frame{width:103px}}
@media(max-width:650px){.header .logo-frame,footer .logo-frame{width:132px;height:76px;overflow:visible}.header .brand-logo,footer .brand-logo{width:100%;height:100%;object-fit:cover;transform:none}.header .brand small{max-width:65px;font-size:11px}.header .brand{gap:4px}.header .contact{font-size:12px}}@media(max-width:360px){.header .logo-frame,footer .logo-frame{width:116px}.header .brand small{max-width:58px;font-size:10px}.header .contact{font-size:11px}}
@media(max-width:650px){.header .brand small{font-size:13px;max-width:72px;line-height:1.2}.header .contact{font-size:14px}.header .contact small{font-size:8px}.header{gap:4px;padding-left:6px;padding-right:6px}.header .brand{gap:2px}}@media(max-width:360px){.header .brand small{font-size:12px;max-width:64px}.header .contact{font-size:12px}.header .contact small{font-size:7px}}
@media(max-width:650px){.hero-buttons .btn,.hero-buttons .urgent{font-size:16px;font-weight:800}}

.thanks-screen{background:#143f45;padding:64px 24px 80px;min-height:calc(100vh - 80px)}.thanks-screen .thanks{max-width:680px;margin:auto;padding:42px}@media(max-width:650px){.thanks-screen{padding:30px 20px 50px}.thanks-screen .thanks{padding:28px 24px}}
.review-controls button:disabled{cursor:default;opacity:.65;background:#0f2039}.review-controls button:disabled:hover{background:#0f2039}
	[hidden]{display:none!important}.quiz-form h3{margin-bottom:22px}.quiz-form .actions{display:flex;align-items:center;gap:18px;margin-top:24px}.quiz-form .actions .btn{flex:1;margin:0}.quiz-form .back{border:0;background:none;color:#677488;padding:10px 0;font-size:13px;white-space:nowrap}.quiz-form .back:hover{color:#158b91}.quiz-form .hint{font-size:12px;color:#677488;margin:0 0 20px}.quiz-form .choice small{color:#677488;font-size:11px}.quiz-form .metres{display:flex;align-items:center;gap:12px;margin:0 0 16px 30px;font-size:12px;color:#677488}.quiz-form .metres input{width:80px;border:1px solid #d7dee7;border-radius:8px;padding:9px;font:inherit;color:#0f2039}.quiz-form .channels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.quiz-form .channel{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e0e5eb;border-radius:10px;padding:13px;font-size:14px;font-weight:750;cursor:pointer}.quiz-form .channel:hover,.quiz-form .channel:has(input:checked){border-color:#158b91;background:#158b9109}.quiz-form input{accent-color:#158b91}.quiz-form .field{display:block;font-size:12px;font-weight:750;margin-top:16px}.quiz-form .field input{display:block;margin-top:7px;width:100%;border:1px solid #d7dee7;border-radius:10px;padding:14px;font:inherit;font-size:15px;color:#0f2039}.quiz-form .notice,.thanks .notice{padding:13px 15px;background:#158b9109;border:1px solid #158b9120;border-radius:10px;margin-top:20px;font-size:12px;color:#526a79}.notice strong{display:block;color:#0f2039}.quiz-form .recap,.thanks .recap{border-top:1px solid #e3e7ec;padding-top:16px;margin:24px 0 0;color:#677488;font-size:11px}.form-error{color:#b03932;font-size:13px;margin:12px 0}.htmx-request .submit-lead{opacity:.65;pointer-events:none}.thanks{text-align:center}.thanks .tick{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 20px;background:#158b9110;border:1px solid #158b9130;color:#158b91;border-radius:50%;font-size:32px}.thanks h3{font-size:36px;line-height:1.18;letter-spacing:-.8px;margin:0 0 17px}.thanks .lead{font-size:16px;font-weight:400;color:#627086}.thanks .lead strong{color:#0f2039}.thanks .recap{text-align:left;border:1px solid #e0e5eb;border-radius:12px;padding:18px 20px;margin:24px 0}.thanks .recap p{margin:5px 0}.thanks .hours{font-size:11px;color:#677488;margin:15px 0 0}.thanks .back{display:inline-block;font-size:13px;color:#677488;margin-top:24px}.auth-shell{min-height:calc(100vh - 80px);padding:48px 20px;background:#143f45}.auth-card{max-width:650px;margin:auto;background:white;color:#152940;padding:32px;border-radius:20px}.auth-card .card{background:white;color:#152940;border-color:#d7dee7}.auth-card input,.auth-card select{font:inherit}.auth-card a{color:#18777b}.auth-card button{background:#d5aa46;color:#0f2039;border:1px solid #d5aa46}.htmx-swapping{opacity:.95}.htmx-settling{transition:opacity .15s}@media(max-width:650px){.quiz-form .actions{gap:12px}.quiz-form .actions .btn{font-size:13px;padding:16px 10px}.thanks h3{font-size:30px}.thanks .lead{font-size:14px}}