/* Reference-inspired hero: portrait, offer, and conversation. */
.ui-arrow{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:middle}
.hero-bento .hero-cta{gap:12px}
.hero-bento .speed-lead-icon{display:flex;align-items:center;justify-content:center}
.mascot-speech{position:absolute;z-index:2;inset:0 4px auto;width:auto;height:210px;color:#f3e7db;font:500 18px/24px Manrope,Arial,sans-serif;text-transform:none;letter-spacing:0;text-align:left}
.mascot-speech:before{content:'';position:absolute;inset:0;background:url('/assets/speech-bubble-framed.optimized.webp') center/100% 100% no-repeat}
#mascot-quote{position:absolute;inset:23% 13% 31%;display:flex;align-items:center;justify-content:flex-start;text-align:left;text-wrap:balance;font:inherit}
@media(max-width:780px){.mascot-speech{font-size:17px;line-height:23px}}
.hero-bento button.mascot-stage{text-align:left;color:inherit;font:inherit;cursor:pointer}
.hero-bento button.mascot-stage:focus-visible,.speed-boost:focus-visible{outline:3px solid #ffd29e;outline-offset:5px}
.hero-bento button.mascot-stage .mascot-label>span{transition:transform .2s}.hero-bento button.mascot-stage:hover .mascot-label>span{transform:translate(3px,-3px)}
@font-face{font-family:Unbounded;src:url('/assets/unbounded-variable.ttf') format('truetype');font-style:normal;font-weight:200 900;font-display:swap}
:root{--font-display:Unbounded,Arial,sans-serif}
@font-face{font-family:Manrope;src:url('/assets/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
.svc{min-width:0;overflow-wrap:anywhere}
html body header.top{background:#131212f5;border-bottom-color:#ffffff16;color:#f3ede7}header.top .tag,header.top .status{color:#a69b91}
@media(min-width:781px) and (max-width:1150px){header.top .status{display:none}header.top .top-in{gap:16px}header.top nav.main{gap:16px;padding-left:0}header.top .top .brand{font-size:25px}header.top .top-right .btn{padding:12px 16px}header.top .top-right{gap:0}}
@media(max-width:960px) and (min-width:781px){header.top .top-right{display:none}}
html body .hero-bento{padding:38px 0 0;background:radial-gradient(ellipse at 0 0,#74320e 0,transparent 48%),radial-gradient(ellipse at 100% 90%,#432211 0,transparent 40%),#101011;color:#f7f2eb}
.hero-bento .wrap{max-width:1440px;padding:0 32px}
html body .hero-bento .hero-grid{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(390px,1.4fr) minmax(255px,.85fr);gap:14px;align-items:stretch}
html body .hero-bento .hero-left{grid-column:2;grid-row:1;width:auto;gap:22px;padding:36px 30px;border:1px solid #9f532e;border-radius:28px;background:radial-gradient(ellipse at 50% 120%,#a83c18 0,transparent 44%),#121213;box-shadow:inset 0 0 0 3px #ffffff04;justify-content:center}
html body .hero-bento .hero-badge{display:block;padding:0;border:0;color:#c5bbb3;font:10px/16px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
html body .hero-bento h1{font-family:Unbounded,Arial,sans-serif;font-size:clamp(28px,2.6vw,40px);font-weight:600;line-height:1.22;text-transform:none;letter-spacing:-.045em}
.hero-bento .accent{color:#ff792d}
html body .hero-bento .lead{font-size:16px;line-height:24px;color:#c6beb6;max-width:360px}
html body .hero-bento .hero-proof{display:flex;flex-direction:column;gap:13px}
html body .hero-bento .hero-proof-item{display:block;position:relative;min-height:0;padding:0 0 0 23px;border:0}
.hero-bento .hero-proof-item:before{content:'';position:absolute;left:0;top:1px;width:16px;height:16px;background:no-repeat center/16px 16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 19 19 5M5 5h14v14' stroke='%23ff792d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html body .hero-bento .hero-proof-item b{font:600 13px/18px Arial,sans-serif;text-transform:none;letter-spacing:0}
html body .hero-bento .hero-proof-item span{color:#9e958d;margin-top:2px;font-size:11px;line-height:15px}
.hero-bento .hero-actions{gap:16px;margin-top:4px}
html body .hero-bento .hero-cta{background:#ff6a22;font:700 14px/20px Arial,sans-serif;padding:15px 20px;white-space:normal;box-shadow:0 6px 30px #ff6a2226}
.hero-bento .hero-speed{font:12px/18px Arial,sans-serif;color:#d3c7be;border-bottom:1px solid #766052}
html body .hero-bento .mascot-stage{grid-column:1;grid-row:1;min-height:560px;position:relative;aspect-ratio:auto;border-radius:28px;border:1px solid #be7149;box-shadow:inset 0 0 0 3px #ffffff06,0 18px 60px #0004;background:#100c0b;overflow:hidden}
html body .hero-bento .mascot-stage:before,html body .hero-bento .mascot-stage:after{display:none}
.mascot-portrait{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:48% 50%;animation:portrait-entrance 1.15s cubic-bezier(.16,1,.3,1) both}
.mascot-label{position:absolute;top:22px;left:22px;right:22px;z-index:2;color:#f9e7d4;font:10px/16px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;text-shadow:0 2px 8px #000}
.mascot-label span{font-size:19px}
html body .hero-bento .mascot-caption{display:block;left:0;right:0;bottom:0;padding:45px 24px 24px;background:linear-gradient(transparent,#120c08ed);font:500 21px/24px Arial,sans-serif;letter-spacing:-.02em;text-transform:none}
html body .hero-bento .mascot-caption span{color:#fff;text-align:left;font:inherit}
.hero-chat-preview{border:1px solid #ffae7070;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(160deg,#fc8a393b,#e7701820 42%,#ffffff08);box-shadow:inset 0 1px 0 #ffe6ce70,0 24px 70px #0004;backdrop-filter:blur(20px);animation:glass-entrance .85s .25s cubic-bezier(.16,1,.3,1) both}
.preview-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff1c;padding:22px 18px;background:#ffffff06}
.agent-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#ff742c;color:white;font:bold 23px/1 Arial,sans-serif;flex-shrink:0}.agent-mark span{font-size:12px;align-self:flex-start;margin-top:7px}
.preview-head b{font-size:14px;font-weight:600}.preview-head small{display:block;color:#c7b9ad;font-size:10px;line-height:15px}.preview-head i{width:6px;height:6px;background:#e5b083;border-radius:50%;margin-left:auto}
.preview-body{padding:22px 18px;display:flex;flex-direction:column;gap:12px}.preview-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#e2bea5;margin-bottom:2px}
.preview-bubble{font-size:13px;line-height:20px;padding:13px 14px;background:#ffffff0d;border:1px solid #ffffff12;border-radius:3px 15px 15px 15px;color:#f6ede4}
.preview-reply{font:12px/18px Arial,sans-serif;color:#ffe4cc;border:1px solid #ffa76c60;border-radius:12px;text-align:left;padding:11px 12px;display:flex;justify-content:space-between;gap:8px;transition:background .2s,transform .2s}.preview-reply:hover{background:#ff853c30;transform:translateX(3px)}
.preview-foot{margin-top:auto;padding:18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff12;color:#c5ad99;font-size:10px;line-height:16px}.preview-foot>span:last-child{font-size:32px;color:#ff9a55}
.hero-bento .marquee{margin-top:32px;border-color:#ffffff1c;padding:12px 0}.hero-bento .marquee-track{font:500 13px/22px Arial,sans-serif;letter-spacing:.1em;color:#a7988d}.hero-bento .marquee-track .a{color:#dfaa85}
@keyframes portrait-entrance{from{transform:translate3d(-28px,28px,0) scale(1.12);opacity:0}to{transform:none;opacity:1}}
@keyframes glass-entrance{from{transform:translate3d(0,22px,0) scale(.96);opacity:.15}to{transform:none;opacity:1}}
/* Conversation overlay keeps prior messages in a scrollable transcript. */
html body .quiz-overlay{background:radial-gradient(ellipse at 80% 80%,#ae4b234d,transparent 60%),#09090bbd;backdrop-filter:blur(14px)}
html body .quiz-card{background:linear-gradient(135deg,#39312be8,#19191cf2);border:1px solid #d9a27d66;box-shadow:inset 0 1px 0 #ffffff38,0 30px 100px #0008;color:#f4eee8;max-width:560px;padding:28px;max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-color:#7b5643 transparent}
html body .quiz-top{margin-right:42px}.quiz-card .quiz-progress{background:#ffffff15}.quiz-card .quiz-meta{color:#bbaa9d}
html body .quiz-close{position:sticky;float:right;top:0;right:0;margin-left:8px;background:#37312d;color:#e8dbd0;border-color:#ffffff26}
html body .quiz-bot-copy,html body .quiz-bot-copy b{color:#f7eee7}.quiz-card .quiz-bot-copy{font-size:11px;color:#bbae9f}
html body .quiz-q{font:500 18px/25px Arial,sans-serif;letter-spacing:0;background:#ffffff0c;border-color:#ffffff1c;color:#fff;margin-left:0;padding:15px 17px}
html body .quiz-opts{margin-left:24px;gap:8px}.quiz-card .quiz-opt{font:14px/20px Arial,sans-serif;border:1px solid #e6935860;color:#ffe7d0;background:#f6963810;padding:12px 15px;border-radius:14px}.quiz-card .quiz-opt:hover{background:#fc863b30;border-color:#ffad73}
.chat-history{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.chat-history:empty{display:none}.chat-msg{max-width:88%;padding:11px 14px;border-radius:3px 14px 14px 14px;background:#ffffff09;border:1px solid #ffffff12;font-size:13px;line-height:19px;color:#cdbfb4}.chat-msg.user{align-self:flex-end;background:#dd6a232b;border-color:#ff93404d;color:#ffe5cc;border-radius:14px 3px 14px 14px}
.quiz-card .quiz-recommend{margin-left:0;background:#e97d251c;border:1px solid #f9a35e40}.quiz-card .quiz-input{background:#13131580;color:#fff;border-color:#ffffff30;font-size:14px}.quiz-card .quiz-hint,.quiz-card .quiz-consent{color:#c1b3a7}.quiz-card .quiz-recap{background:#ffffff09;color:#e8d9ce;border-color:#ffffff26}.quiz-card .quiz-nav{gap:16px}.quiz-card .quiz-submit{font:600 13px/18px Arial,sans-serif;white-space:normal}.quiz-card .quiz-back{color:#c8b8aa}
@media(max-width:1100px) and (min-width:781px){html body .hero-bento .hero-grid{grid-template-columns:minmax(200px,.85fr) minmax(330px,1.4fr)}html body .hero-bento .hero-chat-preview{grid-column:1/-1;display:none}html body .hero-bento h1{font-size:46px}}
@media(max-width:780px){html body .hero-bento{padding-top:16px}.hero-bento .wrap{padding:0 16px}html body .hero-bento .hero-grid{display:grid;grid-template-columns:1fr;gap:12px}html body .hero-bento .mascot-stage{grid-column:1;grid-row:1;min-height:0;height:260px;order:initial;border-radius:22px}.mascot-portrait{object-fit:contain;object-position:85% 45%;width:100%;height:370px;top:-28px;background:radial-gradient(ellipse at 60% 50%,#793907,#100c0b 75%)}.mascot-label{top:18px;left:18px;right:18px}html body .hero-bento .mascot-caption{background:linear-gradient(0deg,#100b08de,transparent);font-size:23px;line-height:26px;padding:45px 20px 20px}html body .hero-bento .hero-left{grid-column:1;grid-row:2;border-radius:22px;padding:26px 22px;gap:21px}html body .hero-bento h1{font-size:clamp(35px,9.6vw,54px)}html body .hero-bento .lead{font-size:15px;line-height:22px}.hero-bento .hero-actions{width:100%}.hero-bento .hero-cta{width:100%}.hero-bento .hero-speed{margin:auto}.hero-chat-preview{grid-row:3;border-radius:22px}.preview-body{gap:10px}.preview-head{padding:18px}.hero-bento .marquee{margin-top:24px}html body .quiz-card{padding:22px 18px}.quiz-card .quiz-q{font-size:17px}.quiz-card .quiz-bot{margin-right:0}.quiz-card .quiz-bot-copy{max-width:230px}}
@media(prefers-reduced-motion:reduce){html body .mascot-portrait,html body .hero-chat-preview{animation:none}html{scroll-behavior:auto}}
html body .hero-bento .lead,html body .hero-bento .hero-proof-item span,html body .hero-bento .hero-speed,.hero-chat-preview,.preview-reply,.quiz-card .quiz-bot-copy,.quiz-card .quiz-q,.quiz-card .quiz-opt,.quiz-card .quiz-input,.quiz-card .quiz-hint,.quiz-card .quiz-consent,.chat-msg{font-family:Manrope,Arial,sans-serif;font-weight:500}
html body .hero-bento .hero-proof-item span{font-size:12px;line-height:18px;color:#c6b9ad}
.hero-chat-preview .preview-head small{font-size:12px;line-height:18px;color:#ddcabc}
.hero-chat-preview .preview-kicker{font-size:11px;font-weight:600;color:#edd1bc}
.hero-chat-preview .preview-bubble,.hero-chat-preview .preview-reply{font-size:14px;line-height:21px;font-weight:500}
.hero-chat-preview .preview-foot{font-size:13px;line-height:20px;font-weight:500;color:#e3cbbb}
.hero-chat-preview .preview-foot .preview-monogram{font-family:Unbounded,Arial,sans-serif;font-size:38px;font-weight:600;line-height:1;color:#ff9a55}
html body .hero-bento .hero-cta,html body .hero-bento .hero-proof-item b,html body .hero-bento .mascot-caption,header.top nav.main a,.preview-head b,.quiz-card .quiz-submit{font-family:Unbounded,Arial,sans-serif}
html body .hero-bento .hero-cta{font-size:11px;line-height:18px;font-weight:500}
html body .hero-bento .hero-proof-item b{font-size:11px;line-height:18px;font-weight:500}
header.top nav.main a{font-size:11px;font-weight:500}header.top .brand{font-size:25px;font-weight:700;letter-spacing:-.06em}header.top .btn{font-size:11px;font-weight:500}
html body .hero-bento .mascot-caption{font-size:17px;line-height:25px;font-weight:500}
@media(max-width:780px){html body .hero-bento h1{font-size:clamp(25px,6.5vw,38px);line-height:1.25}header.top .brand{font-size:19px}html body .hero-bento .hero-cta{font-size:10px}}
@media(min-width:781px) and (max-width:1050px){.trans{flex-direction:column;align-items:stretch;padding:32px;gap:28px}.trans-left{width:auto}.foot-grid{flex-wrap:wrap}.fcol{width:auto;flex:1;min-width:220px}.package-card{min-width:0;padding:18px}.package-card .btn{white-space:normal;text-align:center}.package-card .package-price{font-size:26px}}
.speed-panel{padding-top:24px;transition:border-color .3s,box-shadow .3s}
.speed-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 22px;font:500 12px/20px Unbounded,Arial,sans-serif}
.speed-demo{font:600 10px/16px Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;border:1px solid #dca17155;border-radius:20px;padding:3px 9px;color:#e4b995}
.speed-gauge{position:relative;margin:24px 12px 0;aspect-ratio:320/225}.speed-gauge svg{display:block;width:100%;height:100%;overflow:visible}
.speed-track,.speed-arc{fill:none;stroke-width:4;stroke-linecap:round}.speed-track{stroke:#ffffff16}.speed-arc{stroke:url(#speedGradient);stroke-dasharray:24 100;transition:stroke-dasharray 1.1s ease;filter:drop-shadow(0 0 5px #ff812866)}
.speed-ticks{stroke:#c0957390;stroke-width:1.5}.speed-labels{fill:#d3b49b;font:11px Manrope,Arial,sans-serif;text-anchor:middle}
.speed-needle{transform-origin:160px 113px;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.speed-needle path{fill:#ffae63;filter:drop-shadow(0 0 4px #ff721c)}.speed-needle circle{fill:#f49a58;stroke:#69371e;stroke-width:5}
.speed-reading{position:absolute;left:0;right:0;bottom:3%;text-align:center}.speed-reading>span:first-child{display:block;font:500 clamp(36px,3.7vw,56px)/1.1 Unbounded,Arial,sans-serif;letter-spacing:-.06em;color:#fff2df;font-variant-numeric:tabular-nums}.speed-reading>span:last-child{font:500 12px/22px Manrope,Arial,sans-serif;color:#dac2ad}
.speed-feed{padding:18px 20px 14px;margin-top:auto}.speed-lead{display:flex;gap:10px;align-items:center;padding:13px 12px;border:1px solid #ffa76940;border-radius:14px;background:#ffffff08;min-height:72px}.speed-lead-icon{flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#ff85282b;color:#ffba7d;text-align:center;font-size:21px;line-height:28px}.speed-lead>div{min-width:0}.speed-lead b{display:block;font:600 12px/18px Manrope,Arial,sans-serif;color:#ffe7d1}.speed-lead div>span{display:block;font:500 11px/17px Manrope,Arial,sans-serif;color:#d1bba9}.speed-plus{margin-left:auto;font:500 15px Unbounded,Arial,sans-serif;color:#ffb375}.speed-example{display:block;margin-top:8px;font:500 10px/16px Manrope,Arial,sans-serif;color:#c6a68d}
.speed-boost{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 20px 20px;padding:16px 10px;border-radius:30px;background:#ff7829;color:#fff;font:500 12px/18px Unbounded,Arial,sans-serif;transition:background .2s,box-shadow .2s}.speed-boost:hover{background:#ff8d45;box-shadow:0 0 30px #ff701d44}.speed-boost>span{font-size:18px}.speed-boost:disabled{cursor:progress}.speed-panel.is-boosting{border-color:#ffc28c;box-shadow:0 0 45px #ff8d3b45,inset 0 0 40px #ff7b2c20}.speed-panel .preview-foot{font-size:11px;line-height:18px}
@media(min-width:781px) and (max-width:1100px){html body .hero-bento .speed-panel{display:flex;grid-column:1/-1;max-width:480px;width:100%;justify-self:center}.speed-gauge{max-width:320px;width:calc(100% - 40px);align-self:center}}
@media(max-width:780px){.speed-gauge{margin-top:20px}.speed-reading>span:first-child{font-size:48px}.speed-panel{padding-top:20px}.speed-boost{font-size:12px}.speed-feed{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.speed-needle,.speed-arc,.speed-panel{transition:none}}
/* One primary action in the hero; supporting elements stay quiet. */
html body .hero-bento .hero-actions{flex-direction:column;align-items:flex-start;gap:14px}
html body .hero-bento .hero-speed{border-bottom-color:#76605280;color:#b9ada3;font-size:12px}
html body .hero-bento .hero-cta{padding:17px 28px;font-size:13px}
.hero-bento .mascot-label,.speed-head{justify-content:flex-end}
.speed-panel .speed-feed{margin-top:auto;padding-bottom:24px}
body:not(.past-hero) #rg-widget .rg-fab,body:not(.past-hero) header.top .top-right .btn{visibility:hidden;pointer-events:none}
@media(max-width:780px){html body .hero-bento .hero-actions{align-items:center}html body .hero-bento .hero-cta{font-size:12px}}
.speed-stack{position:relative;height:244px;overflow:hidden;isolation:isolate}
.speed-stack .speed-lead{position:absolute;top:0;left:0;width:100%;height:76px;min-height:76px;padding:10px 11px;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s ease;background:linear-gradient(120deg,#5e3e2c95,#392719bb);transform:translateY(calc(var(--slot,0)*84px));opacity:1}
.speed-stack .speed-lead[data-slot="1"]{opacity:.78}
.speed-stack .speed-lead[data-slot="2"]{opacity:.52}
.speed-stack .speed-lead[data-slot="3"]{opacity:0}
.speed-stack .speed-lead .lead-meta{font-size:10px;line-height:15px;color:#f2b887;margin-top:3px}
.speed-stack .speed-lead .lead-detail{font-size:11px;line-height:16px;color:#e2cdbb}
.speed-panel .speed-feed{padding-top:18px;padding-bottom:12px}
.speed-panel .preview-foot{padding-top:12px;padding-bottom:12px}
.speed-panel .speed-gauge{max-width:285px;width:calc(100% - 24px);align-self:center;margin-top:10px}
@media(prefers-reduced-motion:reduce){.speed-stack .speed-lead{transition:none}}
html body .hero-bento .mascot-stage{min-height:596px;background:radial-gradient(ellipse at 60% 85%,#5b290f55,transparent 60%),#100d0b}
.hero-bento .mascot-stage .mascot-portrait{height:calc(100% - 196px);width:calc(100% - 32px);inset:auto auto 14px 16px;object-fit:contain;object-position:center bottom;background:none}
.hero-bento .mascot-stage .mascot-label{top:auto;bottom:22px;right:20px;left:auto;opacity:.7}
@media(max-width:780px){html body .hero-bento .mascot-stage{height:480px;min-height:0}.hero-bento .mascot-stage .mascot-portrait{height:290px;width:calc(100% - 40px);left:20px;bottom:12px;top:auto;object-position:center bottom;background:none}}
@media(min-width:781px) and (max-width:1100px){.mascot-speech{font-size:17px;line-height:23px}}
@media(min-width:1101px) and (max-width:1250px){.mascot-speech{font-size:15px;line-height:21px}}

/* Compact floating navigation, with an independently centered wordmark. */
html body #faq.home-faq{background:#101011;color:#f4ece2;padding:58px 0 28px;scroll-margin-top:100px}
.home-faq .wrap{max-width:1120px;padding:0 32px}.home-faq .section-head{text-align:center;display:block;margin-bottom:32px}.home-faq .eyebrow{font:500 11px/18px Manrope,Arial,sans-serif;letter-spacing:.07em;color:#ba9a7d}.home-faq h2{font:500 clamp(27px,3.3vw,42px)/1.3 Unbounded,Arial,sans-serif;letter-spacing:-.04em;margin-top:14px}
.home-faq-list{display:grid;gap:10px}.home-faq-list details{border:1px solid #ae80543b;border-radius:19px;background:#1a1714;overflow:hidden}.home-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:23px 26px;font:600 16px/25px Manrope,Arial,sans-serif}.home-faq-list summary::-webkit-details-marker{display:none}.faq-toggle{display:grid;place-items:center;flex:0 0 30px;color:#f5a36a}.faq-toggle svg{transition:transform .2s}.home-faq-list details[open] .faq-toggle svg{transform:rotate(45deg)}.home-faq-list details[open]{border-color:#e99b655c}.home-faq-list p{font:500 15px/26px Manrope,Arial,sans-serif;color:#c4af9c;padding:0 76px 24px 26px;max-width:950px}.home-faq-list summary:focus-visible{outline:2px solid #f6af78;outline-offset:-5px}
@media(max-width:680px){html body #faq.home-faq{padding:38px 0 12px}.home-faq .wrap{padding:0 20px}.home-faq-list summary{padding:19px 20px;font-size:15px;line-height:24px;gap:14px}.home-faq-list p{padding:0 20px 22px;font-size:14px;line-height:25px}}
@media(prefers-reduced-motion:reduce){.faq-toggle svg{transition:none}}
html body #situations{background:#101011;color:#f4ebe0;padding:64px 0;border-top:1px solid #ffffff0b}
.business-pains .wrap{max-width:1260px;padding:0 32px;display:grid;grid-template-columns:1fr 1.75fr;gap:64px;align-items:start}
.pains-heading .eyebrow{font:500 11px/18px Manrope,Arial,sans-serif;letter-spacing:.08em;color:#b39b86}
.pains-heading h2{font:500 clamp(32px,4vw,52px)/1.2 Unbounded,Arial,sans-serif;letter-spacing:-.05em;margin:18px 0;color:#f4a168}
.pains-heading p{font:500 14px/24px Manrope,Arial,sans-serif;color:#bba896}
.pains-list{list-style:none;margin:0;padding:0}.pains-list li{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid #b18a6530}.pains-list li:first-child{padding-top:0}
.pain-number{flex:0 0 28px;font:500 12px/24px Manrope,Arial,sans-serif;color:#ad7953}
.pains-list h3{font:600 20px/29px Manrope,Arial,sans-serif;letter-spacing:-.02em;margin:0 0 10px}.pains-list p{font:500 14px/24px Manrope,Arial,sans-serif;color:#bca998;max-width:600px}
.pains-cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 24px;margin-top:28px;border:1px solid #ffa36566;border-radius:999px;background:#f18036;color:#22170f;font:600 13px/21px Manrope,Arial,sans-serif;text-align:left}.pains-cta svg{flex:0 0 20px}.pains-cta:hover{background:#ffa264}.pains-cta:focus-visible{outline:3px solid #ffe0be;outline-offset:4px}
@media(max-width:780px){html body #situations{padding:42px 0}.business-pains .wrap{padding:0 22px;grid-template-columns:1fr;gap:30px}.pains-heading h2{font-size:36px}.pains-list li{gap:14px;padding:22px 0}.pains-list h3{font-size:18px;line-height:27px}.pains-list p{font-size:14px;line-height:24px}.pain-number{flex-basis:22px}.pains-cta{width:100%;font-size:12px;padding:16px 20px}}
/* Six-step route; DOM order stays 1–6 at every width. */
html body #process.process-route{background:#101011;color:#f5ede3;padding:76px 0 64px}
.process-route .wrap{max-width:1260px;padding:0 32px}.process-route .section-head{display:block;text-align:center;margin-bottom:54px}.process-route .eyebrow{font:500 11px/18px Manrope,Arial,sans-serif;letter-spacing:.08em;color:#b49b87}
.process-route h2{font:500 clamp(27px,3.3vw,43px)/1.25 Unbounded,Arial,sans-serif;letter-spacing:-.04em;margin-top:16px}.process-route h2 span{color:#f29452}.process-route .section-head p{font:500 15px/24px Manrope,Arial,sans-serif;color:#bca998;margin-top:18px}
.route-map{position:relative;--route-progress:1}.route-line{position:absolute;inset:0;width:100%;height:460px;pointer-events:none;overflow:visible}.route-base,.route-fill{stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}.route-base{stroke:#594333}.route-fill{stroke:#ed9756;stroke-dasharray:100;stroke-dashoffset:calc(100 * (1 - var(--route-progress)))}.route-direction{stroke:#ed9756;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.route-steps{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:230px 230px;list-style:none;padding:0;margin:0}
.route-steps li{position:relative;min-width:0;padding:72px 34px 24px;text-align:center}.route-steps li:nth-child(4){grid-column:3;grid-row:2}.route-steps li:nth-child(5){grid-column:2;grid-row:2}.route-steps li:nth-child(6){grid-column:1;grid-row:2}
.route-number{position:absolute;top:0;left:calc(50% - 24px);width:48px;height:48px;display:grid;place-items:center;border:1px solid #b3784c;border-radius:50%;background:#211811;box-shadow:0 0 0 7px #101011;color:#f9af75;font:500 16px/24px Unbounded,Arial,sans-serif}
.route-steps h3{font:600 18px/26px Manrope,Arial,sans-serif;letter-spacing:-.015em;margin:0 0 12px}.route-steps p{font:500 14px/23px Manrope,Arial,sans-serif;color:#c0ae9d;max-width:290px;margin:0 auto}.route-note{text-align:center;margin:16px 0 0;font:500 12px/20px Manrope,Arial,sans-serif;color:#a9907a}
@media(max-width:1000px){.route-steps li{padding-left:20px;padding-right:20px}.route-steps h3{font-size:17px}.route-steps p{font-size:13px;line-height:22px}}
@media(max-width:780px){html body #process.process-route{padding:48px 0}.process-route .wrap{padding:0 22px}.process-route .section-head{margin-bottom:36px}.process-route .section-head p{font-size:14px;line-height:23px}.route-line{display:none}.route-steps{display:block}.route-map:before,.route-map:after{content:'';position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:#594333}.route-map:after{background:#ed9756;transform:scaleY(var(--route-progress));transform-origin:top}.route-steps li,.route-steps li:nth-child(n){text-align:left;padding:4px 0 34px 72px;min-height:146px}.route-steps li:last-child{padding-bottom:0}.route-number{left:0;z-index:1}.route-steps h3{font-size:18px;line-height:26px;margin-bottom:10px}.route-steps p{font-size:14px;line-height:24px;margin:0;max-width:none}.route-note{text-align:left;margin-top:30px;padding-left:72px}}
/* Real client quotes and project packages. */
.action-arrow{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:middle}
.review-person .action-arrow{width:13px;height:13px;margin-left:4px}
html body #reviews,html body #pakety{background:#101011;color:#f5ede3;padding:68px 0}
#reviews .wrap,#pakety .wrap{max-width:1260px;padding:0 32px}
#reviews .section-head,#pakety .section-head{text-align:center;display:block;margin-bottom:44px}
#reviews h2,#pakety .pricing-title{font:500 clamp(27px,3.3vw,43px)/1.25 Unbounded,Arial,sans-serif;letter-spacing:-.04em;margin-top:16px}
#reviews h2 span,#pakety .pricing-title span{color:#f58d49}
#reviews .eyebrow,#pakety .eyebrow{color:#ad9785;font:500 11px/18px Manrope,Arial,sans-serif;letter-spacing:.08em}
.reviews-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;outline-offset:5px}
.client-review{display:flex;flex-direction:column;gap:22px;min-width:0;padding:28px;border:1px solid #8b6b4a38;border-radius:24px;background:linear-gradient(150deg,#292019,#181716 62%)}
.review-mark{font:72px/45px Georgia,serif;color:#ed9555;height:32px}
.client-review blockquote{margin:0;flex:1}.client-review blockquote p{font:500 15px/25px Manrope,Arial,sans-serif;color:#dfd3c6}
.review-person{display:flex;gap:12px;align-items:flex-start;padding-top:20px;border-top:1px solid #ffffff12}
.review-avatar{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;background:#e08a4030;color:#f7ba88;border:1px solid #e08a4050;border-radius:50%;font:600 14px/20px Manrope,Arial,sans-serif}
.review-person cite{display:block;font:600 12px/19px Manrope,Arial,sans-serif;color:#f4e8da}.review-person a{display:inline-block;margin-top:8px;font:500 11px/18px Manrope,Arial,sans-serif;color:#d5a078}.review-person a:hover{color:#ffb679}
html body #pakety{padding-top:32px;padding-bottom:0;background:radial-gradient(ellipse at 50% 110%,#fa6a2390,transparent 44%),#101011}
#pakety .svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:16px;align-items:stretch}
#pakety .package-card{border:1px solid #9c795c65;border-radius:26px;background:#161515;padding:30px 26px;gap:16px;box-shadow:none;color:#f5ede3;min-width:0;display:flex;flex-direction:column}
#pakety .package-card.recommended{background:linear-gradient(160deg,#ec7a2e 0,#79331b 24%,#201613 48%,#161515 75%);border-color:#dc9b6290;transform:translateY(-14px)}
#pakety .package-label{color:#c4af9c;font:500 11px/17px Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}
#pakety .recommended .package-label{color:#ffe5cc}
#pakety .package-card h3{font:500 23px/31px Manrope,Arial,sans-serif;letter-spacing:-.025em;min-height:62px;margin:0}
#pakety .package-card .package-price{font:500 clamp(23px,2.3vw,31px)/1.3 Unbounded,Arial,sans-serif;color:#fff1e1;letter-spacing:-.045em;white-space:nowrap}
#pakety .package-time{font:500 12px/18px Manrope,Arial,sans-serif;color:#c2af9d}
#pakety .package-card ul{list-style:none;padding:22px 0 0;margin:4px 0 8px;border-top:1px solid #ffffff20;gap:12px}
#pakety .package-card li,#pakety .package-card.recommended li{position:relative;padding-left:20px;font:500 14px/22px Manrope,Arial,sans-serif;color:#d2c2b3}
#pakety .package-card li:before{content:'✓';position:absolute;left:0;top:1px;color:#eea16b;font:14px/21px Arial,sans-serif}
#pakety .package-card .btn{width:100%;display:flex;justify-content:space-between;gap:12px;padding:12px 16px 12px 20px;border:1px solid #edbe9680;border-radius:999px;background:linear-gradient(110deg,#662f20,#ef8b43);color:#fff6ed;font:600 13px/20px Manrope,Arial,sans-serif;white-space:normal;margin-top:auto}
#pakety .package-card .btn span{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;flex:0 0 28px;background:#181411;color:#ffe4ca;font:20px/1 Arial,sans-serif}
#pakety .package-card .btn:hover{filter:brightness(1.15)}
#pakety .package-note{max-width:760px;margin:24px auto 0;text-align:center;font:500 12px/21px Manrope,Arial,sans-serif;color:#a99686}
.pricing-help{padding:72px 16px 64px;text-align:center}.pricing-help h3{font:500 clamp(20px,2.4vw,29px)/1.4 Manrope,Arial,sans-serif;letter-spacing:-.025em}.pricing-help p{font:500 14px/23px Manrope,Arial,sans-serif;color:#dfc9b5;margin:10px auto 24px;max-width:520px}.pricing-help .btn{background:#f7eee4;color:#251b15;font:600 13px/20px Manrope,Arial,sans-serif;padding:15px 24px;gap:16px}
#reviews a:focus-visible,#pakety button:focus-visible{outline:3px solid #ffb977;outline-offset:4px}
@media(max-width:960px){.client-review{padding:22px}.client-review blockquote p{font-size:14px;line-height:23px}#pakety .package-card{padding:24px 18px}#pakety .package-card h3{font-size:21px;line-height:28px}#pakety .package-card .package-price{font-size:23px}}
@media(max-width:780px){html body #reviews{padding:44px 0}#reviews .wrap,#pakety .wrap{padding:0 16px}#reviews .section-head,#pakety .section-head{margin-bottom:28px}.reviews-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 16px 14px;margin:0 -16px;scrollbar-width:thin;scrollbar-color:#815635 #171513}.client-review{flex:0 0 88%;scroll-snap-align:center}.client-review blockquote p{font-size:14px;line-height:24px}#pakety .svc-grid{grid-template-columns:1fr;gap:16px;padding-top:0}#pakety .package-card{padding:26px}#pakety .package-card.recommended{transform:none}#pakety .package-card h3{min-height:0;font-size:24px}#pakety .package-card .package-price{font-size:29px}.pricing-help{padding:46px 0}.pricing-help p{font-size:13px;line-height:22px}}
/* Third block: mascot surrounded by service links. */
html body #formats.service-orbit{padding:68px 0 30px;background:radial-gradient(ellipse at 50% 76%,#9c461b44,transparent 55%),#101011;color:#f6ede3;overflow:hidden}
.service-orbit .wrap{max-width:1260px;padding:0 32px}
.service-orbit .section-head{text-align:center;margin-bottom:12px;display:block}
.service-orbit .eyebrow{color:#bfa18b;font:500 11px/18px Manrope,Arial,sans-serif;letter-spacing:.08em}
.service-orbit h2{font:500 clamp(26px,3.4vw,44px)/1.25 Unbounded,Arial,sans-serif;letter-spacing:-.045em;margin:16px 0 0}
.service-orbit-stage{position:relative;display:grid;grid-template-columns:minmax(220px,1fr) minmax(250px,1.15fr) minmax(220px,1fr);grid-template-rows:repeat(4,1fr);align-items:center;column-gap:20px;min-height:530px;padding:44px 20px 46px}
.service-orbit-mascot{grid-column:2;grid-row:1/5;position:relative;align-self:stretch;min-width:0;pointer-events:none}
.service-orbit-mascot:before{content:'';position:absolute;inset:20% -25% -10%;border-radius:50%;background:radial-gradient(ellipse,#f4832530,transparent 65%)}
.service-orbit-mascot img{position:absolute;inset:-28px -10% auto;width:120%;max-width:none;height:calc(100% + 68px);object-fit:contain;object-position:center;filter:drop-shadow(0 15px 25px #0005)}
.service-orbit-link{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:62px;padding:9px 10px 9px 24px;background:#f3ece2;color:#25201b;border:1px solid #ffffff60;border-radius:999px;font:600 15px/22px Manrope,Arial,sans-serif;text-align:left;cursor:pointer;box-shadow:0 8px 24px #0002;transition:background .2s,transform .2s}
.service-orbit-link:hover{background:#ffdec0;transform:translateY(-3px)}
.service-orbit-link:focus-visible{outline:3px solid #ff9c58;outline-offset:5px}
.service-orbit-arrow{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#f8752d;color:#fff}.service-orbit-arrow svg{width:20px;height:20px}
.orbit-1{grid-column:1;grid-row:1}.orbit-2{grid-column:1;grid-row:2}.orbit-3{grid-column:1;grid-row:3}.orbit-4{grid-column:1;grid-row:4}.orbit-5{grid-column:3;grid-row:1}.orbit-6{grid-column:3;grid-row:2}.orbit-7{grid-column:3;grid-row:3}.orbit-8{grid-column:3;grid-row:4}
.orbit-1,.orbit-4{left:20px}.orbit-5,.orbit-8{left:-20px}
.service-orbit-ten{grid-template-rows:repeat(5,minmax(72px,1fr)) auto;row-gap:12px;min-height:580px}.service-orbit-ten .service-orbit-mascot{grid-row:1/6}.orbit-9{grid-column:1;grid-row:5}.orbit-10{grid-column:3;grid-row:5}.orbit-11{grid-column:2;grid-row:6}
@media(max-width:900px){.service-orbit-stage{grid-template-columns:1fr 210px 1fr;column-gap:12px;padding-left:0;padding-right:0}.service-orbit-link{font-size:13px;padding-left:16px;gap:8px}.orbit-1,.orbit-4,.orbit-5,.orbit-8{left:0}}
@media(max-width:680px){html body #formats.service-orbit{padding:42px 0 36px}.service-orbit .wrap{padding:0 16px}.service-orbit h2{font-size:26px}.service-orbit-stage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:280px repeat(4,auto);gap:10px;padding:0;min-height:0}.service-orbit-mascot{grid-column:1/-1;grid-row:1;height:280px;width:100%;max-width:290px;justify-self:center}.service-orbit-mascot img{inset:0;width:100%;height:100%}.service-orbit-link{grid-column:auto;grid-row:auto;min-height:58px;height:100%;padding:8px 8px 8px 14px;font-size:12px;line-height:18px;gap:7px}.service-orbit-arrow{width:28px;height:28px;flex-basis:28px}.service-orbit-arrow svg{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){.service-orbit-link{transition:none}.service-orbit-link:hover{transform:none}}
@media(max-width:680px){.service-orbit-ten{grid-template-rows:280px repeat(6,auto);min-height:0}.service-orbit-ten .service-orbit-mascot{grid-row:1}.service-orbit-ten .orbit-9,.service-orbit-ten .orbit-10{grid-column:auto;grid-row:auto;order:1}.service-orbit-ten .orbit-11{grid-column:1/-1;grid-row:auto;order:2}}
/* Project gallery: real screenshots, CSS perspective, no autoplay. */
#cases{background:radial-gradient(ellipse at 50% 45%,#6b351e55,transparent 65%),#101011;color:#f3e9de;overflow:hidden;padding:80px 0 64px}
#cases .section-head{text-align:center;align-items:center;margin:0 auto 24px;max-width:900px}
#cases .section-head .h2{font-size:clamp(26px,3.3vw,46px);line-height:1.2;letter-spacing:-.045em}
#cases .section-head p{color:#b8a99c!important;margin:16px auto 0!important;font:500 15px/24px Manrope,Arial,sans-serif!important}
#cases .eyebrow{color:#ec9a63;margin-bottom:16px}
#cases.gallery-ready .cases-grid{position:relative;display:block;height:370px;perspective:1200px;margin:36px 0 12px}
#cases.gallery-ready .case{position:absolute;left:50%;top:16px;width:48%;max-width:600px;height:330px;display:block;border:1px solid #d5b49470;border-radius:20px;overflow:hidden;background:#24201b;transition:transform .6s ease,opacity .6s ease,box-shadow .6s ease;transform:translateX(-50%);box-shadow:0 20px 50px #0005}
#cases.gallery-ready .case[data-position="-1"]{transform:translateX(-135%) translateZ(-170px) rotateY(24deg);opacity:.65;z-index:1}
#cases.gallery-ready .case[data-position="1"]{transform:translateX(35%) translateZ(-170px) rotateY(-24deg);opacity:.65;z-index:1}
#cases.gallery-ready .case.is-active{z-index:2;box-shadow:0 0 35px #f7892b20,0 20px 50px #0006;border-color:#dfaa7b}
#cases.gallery-ready .case[data-position="-2"]{transform:translateX(-200%) translateZ(-330px) rotateY(35deg);opacity:.35;z-index:0}
#cases.gallery-ready .case[data-position="2"]{transform:translateX(100%) translateZ(-330px) rotateY(-35deg);opacity:.35;z-index:0}
@media(min-width:781px){#cases.gallery-ready .case[data-position="3"]{visibility:hidden;pointer-events:none}}
#cases.gallery-ready .case-prev{height:100%;padding:0;border:0}
#cases.gallery-ready .case-prev img{object-fit:cover;object-position:top}
#cases.gallery-ready .browser-dots,#cases.gallery-ready .prev-tags,#cases.gallery-ready .case>.case-body{display:none}
.gallery-select{position:absolute;inset:0;z-index:3;width:100%;height:100%;background:transparent;border:0;cursor:pointer}
.gallery-select:focus-visible{outline:3px solid #ff9b55;outline-offset:-6px;border-radius:20px}
.gallery-controls{display:flex;justify-content:center;align-items:center;gap:22px;color:#c8b5a4;font:500 12px/20px Manrope,Arial,sans-serif}
.gallery-controls button{width:40px;height:40px;border-radius:50%;border:1px solid #d4aa8155;display:grid;place-items:center;color:#ead8c8;background:#ffffff06}.gallery-controls svg{width:20px;height:20px}.gallery-controls button:hover{background:#ae562b55}
.gallery-detail{max-width:760px;margin:20px auto 0;min-height:250px;text-align:center}
.gallery-detail .case-body{padding:0;align-items:center;gap:16px}
.gallery-detail .cname{order:-2;font:500 21px/29px Unbounded,Arial,sans-serif;letter-spacing:-.04em}
.gallery-detail .metric{align-self:center;display:flex;flex-wrap:wrap;justify-content:center;gap:5px 7px;padding:0;background:none;border:0;border-radius:0}
.gallery-detail .metric b,.gallery-detail .metric span{font:500 13px/21px Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none}
.gallery-detail .metric b{color:#efa36d}.gallery-detail .metric span{color:#bdae9f}
.gallery-detail .quote{font:500 14px/23px Manrope,Arial,sans-serif;color:#c1b2a4}
.gallery-detail .case-links{justify-content:center;border:0;padding:0;gap:22px}.gallery-detail .case-links a{font:500 12px/20px Manrope,Arial,sans-serif;color:#ffa86b}.gallery-detail .case-links a.mut{color:#eee0d3}
#cases .cases-all{margin-top:32px}#cases .cases-all a{font:500 12px/20px Manrope,Arial,sans-serif;color:#bba89a;border-color:#70513b;border-width:1px}
@media(max-width:780px){#cases{padding:48px 0 40px}#cases .section-head{padding:0 8px}#cases.gallery-ready .cases-grid{display:flex;height:auto;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;perspective:none;margin:24px -16px 20px;padding:8px 10%;overscroll-behavior-x:contain}#cases.gallery-ready .case,#cases.gallery-ready .case[data-position]{position:relative;left:auto;top:auto;flex:0 0 100%;width:100%;height:230px;transform:none;opacity:1;scroll-snap-align:center;max-width:none;border-radius:16px;box-shadow:none}.gallery-detail{min-height:310px;margin-top:22px}.gallery-detail .cname{font-size:17px;line-height:25px}.gallery-detail .quote{font-size:13px;line-height:21px}}
@media(prefers-reduced-motion:reduce){#cases.gallery-ready .case{transition:none}}
html body{background-image:none;display:flow-root}
html body header.top{top:12px;width:calc(100% - 64px);max-width:1376px;margin:12px auto 0;border:1px solid #ffffff24;border-radius:999px;background:#191918ed;box-shadow:0 8px 26px #0003,inset 0 1px 0 #ffffff06;backdrop-filter:blur(16px)}
header.top .top-in{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;min-height:58px;padding:8px 16px 8px 24px;max-width:none;width:100%}
header.top .header-brand{grid-column:2;grid-row:1;display:block;white-space:nowrap}
header.top .brand{font-size:23px;line-height:30px}
header.top nav.main{grid-column:1;grid-row:1;display:flex;gap:22px;padding:0}
header.top nav.main a{font:500 12px/20px Manrope,Arial,sans-serif;color:#d2cbc4}
header.top nav.main a:hover{color:#ff8b3e}
header.top .top-right{grid-column:3;grid-row:1;display:flex;gap:7px;justify-self:end;align-items:center}
header.top .header-contact,header.top .burger{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #ffffff20;border-radius:50%;background:#eee8df;color:#24221f;padding:8px;transition:background .2s,transform .2s}
header.top .header-contact svg,header.top .burger svg{width:18px;height:18px}
header.top .header-contact:hover,header.top .burger:hover{background:#ff9c55;transform:translateY(-1px)}
header.top .burger svg rect{fill:currentColor}
header.top .burger[aria-expanded="true"]{background:#ff9c55}
header.top .m-menu{position:absolute;top:calc(100% + 9px);right:0;left:auto;width:260px;padding:14px 20px;gap:0;border:1px solid #ffffff24;border-radius:22px;background:#1b1a19;box-shadow:0 15px 35px #0005;color:#f3ede7;flex-direction:column}
header.top .m-menu.open{display:flex}
header.top .m-menu a{font:500 14px/22px Manrope,Arial,sans-serif;padding:11px 0;border-bottom:1px solid #ffffff0c}
header.top .m-menu a:last-child{border:0}
header.top a:focus-visible,header.top button:focus-visible{outline:2px solid #ffad70;outline-offset:4px}
html body .hero-bento{margin-top:-72px;padding-top:96px}
html body header.top{background:#17120fd9;border-color:#b778494d;box-shadow:inset 0 1px 0 #ffffff06}
@media(max-width:780px){html body header.top{top:8px;margin-top:8px;width:calc(100% - 32px)}header.top .top-in{grid-template-columns:1fr auto;min-height:54px;padding:8px 10px 8px 16px;gap:8px}header.top .header-brand{grid-column:1}header.top .brand{font-size:19px}header.top nav.main{display:none}header.top .top-right{grid-column:2;gap:6px}header.top .header-contact,header.top .burger{width:32px;height:32px;padding:7px}header.top .header-email{display:none}header.top .m-menu{width:min(300px,100%)}html body .hero-bento{margin-top:-64px;padding-top:80px}}