:root{--black:#050505;--gold:#f6b21a;--cream:#ffd27a;--white:#f8f8f8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif}body{overflow:hidden}.site{min-height:100vh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 40%,#17130a 0,#090909 35%,var(--black) 73%)}.site:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(246,178,26,.08),transparent 43%,rgba(255,210,122,.04))}.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px 6vw;opacity:0;transform:translateY(-16px)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.28em;font-weight:700}.brand-mark{width:30px;height:30px;object-fit:contain}.nav-meta{color:#aaa;font-size:11px;letter-spacing:.22em}.hero{min-height:calc(100vh - 90px);display:grid;place-items:center;text-align:center;padding:24px}.hero-copy{opacity:0;transform:translateY(24px)}.eyebrow{color:var(--gold);letter-spacing:.42em;font-size:11px;margin-bottom:22px}h1{margin:0;max-width:780px;font-size:clamp(42px,8vw,108px);line-height:.9;letter-spacing:-.06em;font-weight:500}.hero-copy p{color:#aaa;max-width:440px;margin:28px auto 0;line-height:1.7;font-size:14px}.intro{position:fixed;inset:0;z-index:10;display:grid;place-items:center;overflow:hidden;background:#050505}.intro:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at center,transparent 0 9%,rgba(5,5,5,.96) 33%,#050505 64%);opacity:0;transform:scale(.45)}.atmosphere{position:absolute;width:32vmax;height:32vmax;border-radius:50%;background:radial-gradient(circle,rgba(255,210,122,.48),rgba(246,178,26,.11) 28%,transparent 70%);opacity:0;transform:scale(.1);filter:blur(3px)}.origin-glow{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff1bc;box-shadow:0 0 10px 4px var(--gold),0 0 40px 12px rgba(246,178,26,.8);opacity:0}.intro-sun{position:relative;z-index:2;width:min(43vw,430px);height:min(43vw,430px);object-fit:contain;opacity:0;transform:scale(.08) rotate(-28deg);filter:blur(12px) drop-shadow(0 0 0 transparent)}.flare{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,rgba(255,228,164,.8),rgba(246,178,26,.18) 18%,transparent 52%);mix-blend-mode:screen}.intro.is-starting .origin-glow{animation:point .5s .3s forwards}.intro.is-starting .atmosphere{animation:atmosphere 1.7s 1.05s forwards}.intro.is-starting:before{animation:maskReveal 1.45s 1.25s forwards}.intro.is-starting .intro-sun{animation:sunBirth 1.35s .58s cubic-bezier(.16,.8,.2,1) forwards}.intro.is-flaring .flare{animation:flare .22s forwards}.intro.is-done{pointer-events:none;animation:fadeIntro .7s .05s forwards}.site.is-revealed .nav{animation:contentIn .8s .05s forwards}.site.is-revealed .hero-copy{animation:contentIn 1s .18s forwards}@keyframes point{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}@keyframes atmosphere{0%{opacity:0;transform:scale(.1)}55%{opacity:1}100%{opacity:.95;transform:scale(6)}}@keyframes maskReveal{0%{opacity:1;transform:scale(.35)}100%{opacity:.05;transform:scale(4.5)}}@keyframes sunBirth{0%{opacity:0;transform:scale(.08) rotate(-28deg);filter:blur(12px) drop-shadow(0 0 0 transparent)}62%{opacity:1;filter:blur(1px) drop-shadow(0 0 45px rgba(246,178,26,.7))}100%{opacity:1;transform:scale(1) rotate(0);filter:blur(0) drop-shadow(0 0 27px rgba(246,178,26,.48))}}@keyframes flare{0%{opacity:0}45%{opacity:1}100%{opacity:0}}@keyframes fadeIntro{to{opacity:0;visibility:hidden}}@keyframes contentIn{to{opacity:1;transform:none}}@media(max-width:600px){.nav{padding:22px 6vw}.nav-meta{display:none}.intro-sun{width:62vw;height:62vw}.atmosphere{width:46vmax;height:46vmax}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important}.intro{display:none}.site .nav,.site .hero-copy{opacity:1;transform:none}}
/* cinematic sequence */
.intro{background:#030303}.intro-sun{animation:none;will-change:transform,opacity,filter}.sun-echo{position:absolute;z-index:1;width:min(43vw,430px);height:min(43vw,430px);opacity:0;transform:scale(.72);filter:blur(15px)}.sun-echo img{width:100%;height:100%;object-fit:contain}.reveal-wave{position:absolute;z-index:0;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,140,.4),rgba(246,178,26,.2) 20%,rgba(201,137,14,.08) 45%,transparent 70%);opacity:0;transform:scale(.1)}.flare{opacity:0;inset:0}.flare-line,.flare-wide{height:2px;top:50%;bottom:auto;left:0;width:0;background:linear-gradient(90deg,transparent,#fff3cf 50%,transparent);filter:blur(2px)}.flare-wide{height:20px;top:calc(50% - 10px);filter:blur(15px);opacity:.2}.flash{position:absolute;inset:0;background:rgba(255,210,122,.12);opacity:0;z-index:4}.intro.is-starting:before{animation:darkness 1.2s .35s forwards}.intro.is-starting .atmosphere{animation:halo 1.8s .4s forwards}.intro.is-spark .origin-glow{animation:spark .4s forwards,pulse 1.1s .4s infinite}.intro.is-birth .intro-sun{animation:birth .65s cubic-bezier(.16,.8,.2,1) forwards}.intro.is-birth .sun-echo{animation:echo .65s forwards}.intro.is-formed .intro-sun{animation:breathe .35s ease-in-out 2}.intro.is-energy .reveal-wave{animation:wave .75s cubic-bezier(.2,.8,.2,1) forwards}.intro.is-flaring .flare-line,.intro.is-flaring .flare-wide{animation:line .22s forwards}.intro.is-flaring .flash{animation:flash .2s forwards}.brand-mark{opacity:0}.brand-mark.is-visible{opacity:1}@keyframes darkness{to{opacity:.8;transform:scale(1.7)}}@keyframes spark{from{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{box-shadow:0 0 16px 5px var(--gold),0 0 55px 18px rgba(246,178,26,.35)}}@keyframes halo{to{opacity:.3;transform:scale(3.8)}}@keyframes birth{from{opacity:0;transform:scale(.12) rotate(-8deg);filter:blur(8px) brightness(1.8)}to{opacity:1;transform:scale(.88) rotate(0);filter:blur(0) brightness(1) drop-shadow(0 0 28px rgba(246,178,26,.55))}}@keyframes echo{from{opacity:0;transform:scale(.8)}55%{opacity:.35}to{opacity:0;transform:scale(1.15)}}@keyframes breathe{50%{transform:scale(.905);filter:drop-shadow(0 0 38px rgba(246,178,26,.7))}}@keyframes wave{to{opacity:1;transform:scale(75)}}@keyframes line{to{width:100vw}}@keyframes flash{40%{opacity:1}to{opacity:0}}@media(max-width:600px){.sun-echo{width:62vw;height:62vw}.reveal-wave{width:12px;height:12px}.flare-wide{filter:blur(10px)}}
/* performance tuning */
.intro,.intro *{backface-visibility:hidden}.intro-sun{will-change:transform,opacity;filter:none}.atmosphere{filter:none;will-change:transform,opacity}.sun-echo{filter:blur(7px);will-change:transform,opacity}.reveal-wave{will-change:transform,opacity}.flare-line,.flare-wide{filter:none}.intro.is-birth .intro-sun{animation:birthSmooth .65s cubic-bezier(.16,.8,.2,1) forwards}.intro.is-energy .reveal-wave{animation:waveSmooth .75s cubic-bezier(.2,.8,.2,1) forwards}@keyframes birthSmooth{from{opacity:0;transform:scale(.12) rotate(-8deg);filter:blur(4px)}to{opacity:1;transform:scale(.88) rotate(0);filter:drop-shadow(0 0 24px rgba(246,178,26,.5))}}@keyframes waveSmooth{to{opacity:1;transform:scale(52)}}
/* sequence conflict fix */
.intro.is-starting .intro-sun{animation:none}.intro.is-starting.is-birth .intro-sun{animation:birthClean .65s cubic-bezier(.16,.8,.2,1) forwards}.intro.is-starting.is-formed .intro-sun{animation:none;opacity:1;transform:scale(.88) rotate(0);filter:drop-shadow(0 0 24px rgba(246,178,26,.5))}.intro.is-flaring .flare{animation:none}.intro.is-flaring .flare-line{animation:lineClean .22s forwards}.intro.is-flaring .flare-wide{animation:lineClean .22s forwards}@keyframes birthClean{from{opacity:0;transform:scale(.12) rotate(-8deg);filter:blur(4px)}to{opacity:1;transform:scale(.88) rotate(0);filter:drop-shadow(0 0 24px rgba(246,178,26,.5))}}@keyframes lineClean{from{width:0;opacity:0}to{width:100vw;opacity:1}}
/* desired order: glow, sun, logo */
.intro.is-energy .atmosphere{animation:giantGlow .7s cubic-bezier(.2,.8,.2,1) forwards}.intro.is-energy .origin-glow{animation:energyPulse .7s ease-out forwards}.intro.is-starting.is-birth .intro-sun{animation:birthClean .7s cubic-bezier(.16,.8,.2,1) forwards}@keyframes giantGlow{from{opacity:0;transform:scale(.15)}to{opacity:.8;transform:scale(5.5)}}@keyframes energyPulse{from{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(2.5)}}
/* softer light treatment */
.flare-line,.flare-wide{display:none!important}.intro.is-energy .atmosphere{animation:giantGlowSoft .7s cubic-bezier(.2,.8,.2,1) forwards}.intro.is-energy .origin-glow{animation:energyPulseSoft .7s ease-out forwards}@keyframes giantGlowSoft{from{opacity:0;transform:scale(.15)}to{opacity:.34;transform:scale(5)}}@keyframes energyPulseSoft{from{opacity:.35;transform:scale(1)}to{opacity:.7;transform:scale(1.7)}}
/* slow emergence */
.intro.is-energy .atmosphere{animation:giantGlowSlow 1.35s cubic-bezier(.22,.75,.2,1) forwards}.intro.is-energy .origin-glow{animation:energyPulseSlow 1.15s ease-out forwards}.intro.is-starting.is-birth .intro-sun{animation:birthSlow 1.2s cubic-bezier(.16,.8,.2,1) forwards}@keyframes giantGlowSlow{0%{opacity:0;transform:scale(.08)}35%{opacity:.12}70%{opacity:.27}100%{opacity:.34;transform:scale(5)}}@keyframes energyPulseSlow{0%{opacity:0;transform:scale(.2)}55%{opacity:.45}100%{opacity:.7;transform:scale(1.7)}}@keyframes birthSlow{0%{opacity:0;transform:scale(.06) rotate(-8deg);filter:blur(7px)}45%{opacity:.35}75%{opacity:.8}100%{opacity:1;transform:scale(.88) rotate(0);filter:drop-shadow(0 0 24px rgba(246,178,26,.5))}}
/* strict phase control */
.intro.is-starting .atmosphere{animation:none!important;opacity:0}.intro.is-starting .intro-sun{animation:none!important;opacity:0}.intro.is-starting .origin-glow{animation:none!important;opacity:0}.intro.is-starting.is-energy .atmosphere{animation:giantGlowSlow 1.35s cubic-bezier(.22,.75,.2,1) forwards!important}.intro.is-starting.is-energy .origin-glow{animation:energyPulseSlow 1.15s ease-out forwards!important}.intro.is-starting.is-energy.is-birth .intro-sun{animation:birthSlow 1.2s cubic-bezier(.16,.8,.2,1) forwards!important}
/* slower interface reveal and stronger final mark */
.brand-mark{width:42px;height:42px}.site.is-revealed .hero-copy{animation:contentInSoft 1.5s .45s cubic-bezier(.16,.8,.2,1) forwards}.site.is-revealed .nav{animation:contentInSoft 1.25s .75s cubic-bezier(.16,.8,.2,1) forwards}.hero-copy h1,.hero-copy p,.eyebrow{opacity:0;transform:translateY(14px)}.site.is-revealed .eyebrow{animation:textIn .7s .48s forwards}.site.is-revealed h1{animation:textIn 1.05s .62s forwards}.site.is-revealed .hero-copy p{animation:textIn .9s .82s forwards}@keyframes contentInSoft{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes textIn{to{opacity:1;transform:translateY(0)}}
/* softer center spark */
.origin-glow{width:4px;height:4px;box-shadow:0 0 5px 2px rgba(255,210,122,.55),0 0 18px 5px rgba(246,178,26,.16)}
/* interface wake sequence */
.nav-links{display:flex;gap:clamp(14px,3vw,42px);color:#aaa;font-size:10px;letter-spacing:.2em;opacity:0;transform:translateY(-8px);filter:blur(4px)}.energy-line{position:absolute;z-index:4;top:49px;left:0;width:0;height:1px;background:linear-gradient(90deg,transparent,var(--cream) 45%,#fff3cf 70%,transparent);box-shadow:0 0 8px rgba(246,178,26,.5);opacity:0}.hero-copy h1{display:grid;gap:2px;overflow:hidden}.hero-copy h1 span{display:block;opacity:0;transform:translateY(105%);filter:blur(5px)}.hero-copy p{opacity:0;transform:translateY(15px);filter:blur(3px)}.cta{display:inline-block;margin-top:28px;padding:13px 20px;border:1px solid rgba(246,178,26,.5);border-radius:999px;color:var(--white);text-decoration:none;font-size:11px;letter-spacing:.12em;opacity:0;transform:translateY(10px) scale(.94)}.cta:after{content:"";position:absolute}.site.is-revealed .energy-line{animation:energyLine .6s .05s forwards}.site.is-revealed .nav-links{animation:navWake .7s .28s forwards}.site.is-awake .hero-copy h1 span:nth-child(1){animation:wordWake .75s .05s forwards}.site.is-awake .hero-copy h1 span:nth-child(2){animation:wordWake .75s .16s forwards}.site.is-awake .hero-copy h1 span:nth-child(3){animation:wordWake .75s .27s forwards}.site.is-awake .hero-copy p{animation:subWake .7s .45s forwards}.site.is-awake .cta{animation:ctaWake .7s .68s forwards}.site.is-awake .cta:after{animation:buttonShine .55s .95s forwards}.site.is-awake .brand-mark{animation:logoPulse .4s forwards}@keyframes energyLine{to{width:100vw;opacity:1}}@keyframes navWake{to{opacity:1;transform:none;filter:none}}@keyframes wordWake{to{opacity:1;transform:translateY(0);filter:none}}@keyframes subWake{to{opacity:1;transform:none;filter:none}}@keyframes ctaWake{to{opacity:1;transform:none}}@keyframes buttonShine{from{left:-30%;width:0;background:rgba(255,210,122,0)}50%{width:40%;background:rgba(255,210,122,.6)}to{left:130%;width:0;background:rgba(255,210,122,0)}}@keyframes logoPulse{50%{filter:drop-shadow(0 0 10px rgba(246,178,26,.65));transform:scale(1.08)}to{filter:none;transform:none}}@media(max-width:600px){.nav-links{gap:10px;font-size:8px}.energy-line{top:43px}.cta{margin-top:22px}}
/* home structure */
body{overflow-x:hidden}.site{background:#050505}.nav{position:fixed;top:0;left:0;right:0;padding:22px 6vw;backdrop-filter:blur(12px);background:rgba(5,5,5,.55)}.brand{color:var(--white);text-decoration:none}.nav-actions{display:flex;gap:28px}.nav-actions a,.contact-links a{color:#aaa;text-decoration:none;font-size:12px}.section{padding:130px 8vw;max-width:1400px;margin:auto}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding-top:150px}.hero-copy h1{font-size:clamp(42px,5.5vw,84px);line-height:.96;letter-spacing:-.06em}.hero-copy h1 span{display:block}.hero-copy h1 em,h2 em{color:var(--gold);font-style:normal}.hero-copy p,.section-heading>p,.system-copy>p,.difference>p{max-width:570px;color:#999;line-height:1.75}.hero-copy small{display:block;margin-top:26px;color:#777;letter-spacing:.12em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.cta{display:inline-block;padding:14px 20px;border-radius:99px;text-decoration:none;font-size:12px}.primary{background:var(--gold);color:#080808}.secondary{border:1px solid #444;color:#eee}.product-scene{position:relative;min-height:430px}.dashboard,.phone,.admin-ui{background:#111;border:1px solid #2a2a2a;box-shadow:0 30px 80px rgba(0,0,0,.45)}.dashboard{position:absolute;inset:35px 5% 35px 0;border-radius:10px;padding:15px}.dash-top{display:flex;gap:5px;border-bottom:1px solid #292929;padding-bottom:12px}.dash-top i{width:6px;height:6px;border-radius:50%;background:#555}.dash-body{display:grid;grid-template-columns:25% 1fr;gap:20px;padding-top:22px}.dash-body aside{background:#191919;height:270px}.dash-body b{display:block;width:45%;height:12px;background:#292929;margin-bottom:12px}.chart{height:150px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #333;padding:15px}.chart i,.bars b{flex:1;background:var(--gold);opacity:.65;border-radius:3px 3px 0 0}.chart i:nth-child(1){height:35%}.chart i:nth-child(2){height:55%}.chart i:nth-child(3){height:42%}.chart i:nth-child(4){height:78%}.chart i:nth-child(5){height:65%}.phone{position:absolute;right:0;bottom:0;width:130px;height:260px;border-radius:18px;padding:18px}.phone div{height:80px;background:linear-gradient(135deg,#33240b,var(--gold));margin-bottom:18px}.phone b{display:block;height:9px;background:#292929;margin:12px 0}.trust{border-top:1px solid #1d1d1d;border-bottom:1px solid #1d1d1d;display:flex;align-items:center;justify-content:space-between;gap:40px}.logo-track{min-height:40px;min-width:300px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.service-card{padding:28px;border:1px solid #242424;background:#0b0b0b;min-height:330px}.service-card>span,.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.22em}.service-card h3{font-size:25px;margin:55px 0 15px}.service-card p,.service-card div,.steps p{color:#888;line-height:1.6;font-size:14px}.service-card a{display:block;margin-top:30px;color:var(--gold);text-decoration:none;font-size:12px}.systems{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#0b0b0b}.system-copy h2,.section-heading h2,.difference h2,.final-cta h2{font-size:clamp(36px,5vw,70px);line-height:1;letter-spacing:-.05em}.system-copy li{display:inline-block;color:#aaa;margin:8px 18px 8px 0;font-size:13px}.system-copy li::marker{color:var(--gold)}.admin-ui{padding:20px;border-radius:10px;min-height:300px}.ui-bar{color:#888;font-size:11px;border-bottom:1px solid #292929;padding-bottom:18px}.ui-bar span{float:right;color:#8a7}.ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:30px}.ui-grid>div{padding:18px;background:#171717}.ui-grid small{display:block;color:#777;font-size:9px;letter-spacing:.15em}.ui-grid strong{display:block;font-size:28px;margin-top:15px}.ui-graph{grid-column:1/-1}.bars{display:flex;align-items:end;height:80px;gap:10px;margin-top:20px}.bars b:nth-child(1){height:30%}.bars b:nth-child(2){height:50%}.bars b:nth-child(3){height:42%}.bars b:nth-child(4){height:75%}.bars b:nth-child(5){height:62%}.bars b:nth-child(6){height:90%}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #4b350d;padding-top:35px}.steps b{color:var(--gold)}.steps h3{margin-top:35px}.selected{min-height:440px}.empty-note{color:#666;border:1px dashed #292929;padding:35px}.difference{text-align:center;border-top:1px solid #222}.difference>p{margin:28px auto}.sun-mark img{width:55px;opacity:.35}.final-cta{text-align:center;background:radial-gradient(circle at 50% 100%,rgba(246,178,26,.13),transparent 45%)}.final-cta .contact-links{display:flex;justify-content:center;gap:28px;margin-top:28px}footer{padding:50px 8vw;border-top:1px solid #222;color:#777}footer .brand{display:inline-flex}footer p{display:inline;margin-left:20px;font-size:12px}footer small{float:right}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.brand-mark{opacity:1}
@media(max-width:800px){.nav{padding:18px 5vw}.nav-actions{gap:12px}.hero,.systems{grid-template-columns:1fr}.hero{padding-top:130px}.product-scene{min-height:330px}.service-grid,.steps{grid-template-columns:1fr}.trust{display:block}.trust .logo-track{margin-top:35px}.section{padding:90px 6vw}.system-copy h2,.section-heading h2,.difference h2,.final-cta h2{font-size:42px}footer small{float:none;display:block;margin-top:24px}footer p{display:block;margin:12px 0}}
.brand-mark{opacity:0}.brand-mark.is-visible{opacity:1}
html{scroll-behavior:smooth}
body{overflow-x:hidden;overflow-y:auto}
/* focused corrections */
.energy-line{display:none!important}.phone{display:none}.service-card>span,.steps>b{display:none}.service-card h3{margin-top:18px}.steps h3{margin-top:15px}.hero{max-width:1400px;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);column-gap:clamp(55px,8vw,120px)}.hero-copy{max-width:610px}.product-scene{min-height:380px}.footer-main{display:flex;justify-content:space-between;gap:80px;padding-bottom:45px}.footer-main .brand img{width:34px;height:34px}.footer-main p{margin:12px 0;color:#999;font-size:13px}.footer-description{max-width:350px;line-height:1.7}.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:45px}.footer-columns div{display:flex;flex-direction:column;gap:12px}.footer-columns b{color:#eee;font-size:10px;letter-spacing:.18em;margin-bottom:8px}.footer-columns a{color:#888;text-decoration:none;font-size:12px}.footer-columns a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #202020;padding-top:20px;display:flex;justify-content:space-between;color:#666;font-size:11px}footer{background:#050505}@media(max-width:800px){.hero{grid-template-columns:1fr;column-gap:0}.product-scene{min-height:300px;margin-top:30px}.footer-main{display:block}.footer-columns{margin-top:40px;grid-template-columns:1fr 1fr}.footer-bottom{display:grid;gap:10px}}
.product-scene{min-height:470px;position:relative}.dashboard,.phone{display:none}.device-notebook{position:absolute;left:2%;top:35px;width:88%;filter:drop-shadow(0 25px 35px rgba(0,0,0,.55))}.notebook-screen{height:295px;border:1px solid #363636;border-radius:10px 10px 4px 4px;background:#111;overflow:hidden;padding:13px}.screen-head{height:24px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #292929;color:#666;font-size:8px;letter-spacing:.12em}.screen-head i{width:6px;height:6px;border-radius:50%;background:#555}.screen-head span{margin-left:10px}.screen-copy{padding:30px}.screen-copy small{display:block;width:90px;height:7px;background:#3a2a0e;margin-bottom:18px}.screen-copy strong{display:block;width:180px;height:25px;background:#ddd2b3;opacity:.8}.screen-bars{display:flex;align-items:end;gap:12px;height:135px;margin-top:28px;border-bottom:1px solid #363636}.screen-bars b{width:12%;background:linear-gradient(#f6b21a,#7d570d);border-radius:4px 4px 0 0}.screen-bars b:nth-child(1){height:35%}.screen-bars b:nth-child(2){height:55%}.screen-bars b:nth-child(3){height:45%}.screen-bars b:nth-child(4){height:78%}.screen-bars b:nth-child(5){height:65%}.notebook-base{height:15px;margin:0 -4%;background:linear-gradient(#444,#171717);border-radius:0 0 12px 12px}.device-phone{position:absolute;z-index:2;right:0;bottom:8px;width:135px;height:270px;padding:10px;border:1px solid #484848;border-radius:21px;background:#0b0b0b;box-shadow:0 18px 35px rgba(0,0,0,.6);transform:rotate(5deg)}.phone-speaker{width:34px;height:4px;border-radius:3px;background:#282828;margin:2px auto 10px}.phone-screen{height:225px;border-radius:12px;background:linear-gradient(145deg,#171717,#0d0d0d);padding:14px}.phone-screen small{display:block;width:40px;height:5px;background:#5d4210;margin-bottom:16px}.phone-screen strong{display:block;width:62px;height:14px;background:#eee;opacity:.75}.phone-chart{display:flex;align-items:end;gap:4px;height:82px;margin-top:20px;border-bottom:1px solid #333}.phone-chart i{flex:1;background:var(--gold);border-radius:2px 2px 0 0}.phone-chart i:nth-child(1){height:35%}.phone-chart i:nth-child(2){height:70%}.phone-chart i:nth-child(3){height:50%}.phone-chart i:nth-child(4){height:88%}.phone-screen b{display:block;width:75%;height:6px;background:#333;margin-top:13px}.screen-caption{position:absolute;right:3%;top:5px;display:grid;gap:5px;text-align:right}.screen-caption span,.screen-caption small{color:#777;font-size:9px;letter-spacing:.16em}.screen-caption strong{color:var(--gold);font-size:18px}.screen-change .device-notebook,.screen-change .device-phone{animation:deviceIn .7s ease both}@keyframes deviceIn{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:800px){.product-scene{min-height:390px}.device-notebook{width:92%;top:35px}.device-phone{width:112px;height:225px;bottom:8px}.phone-screen{height:184px}.phone-chart{height:62px}.screen-caption{top:0;right:0}}
.device-notebook{display:block!important;width:88%!important;height:auto!important;min-height:310px!important;visibility:visible!important;opacity:1!important}.notebook-screen{display:block!important;visibility:visible!important;min-height:295px!important}.device-phone{display:block!important;visibility:visible!important;opacity:1!important}
.product-scene .device-notebook{display:block!important;position:absolute!important;left:2%!important;top:45px!important;width:88%!important;height:330px!important;min-height:0!important}.product-scene .notebook-screen{width:100%!important;height:295px!important}.product-scene .device-phone{display:block!important;position:absolute!important;z-index:5!important;right:2%!important;bottom:0!important;width:158px!important;height:310px!important;transform:rotate(3deg)!important;border-radius:25px!important;padding:11px!important;background:#080808!important}.product-scene .phone-screen{height:264px!important;border-radius:15px!important;background:#121212!important}.product-scene .phone-chart{height:100px!important}.product-scene .phone-speaker{margin-bottom:12px!important}.product-scene .screen-caption{z-index:6!important;right:0!important;top:0!important}
@media(max-width:800px){.product-scene{width:100%;overflow:visible;min-height:390px}.product-scene .device-notebook{left:0!important;right:0!important;top:28px!important;width:calc(100% - 24px)!important;height:225px!important;transform:none!important}.product-scene .notebook-screen{height:205px!important;border-radius:8px!important}.product-scene .notebook-base{height:10px!important}.product-scene .device-phone{right:12px!important;bottom:0!important;width:112px!important;height:225px!important;transform:rotate(2deg)!important}.product-scene .phone-screen{height:184px!important}.product-scene .screen-caption{top:0!important;right:0!important;font-size:9px!important}}
.product-scene .device-notebook{transform:none!important;overflow:visible!important}.product-scene .notebook-screen{display:block!important;position:relative!important;overflow:hidden!important}
.hero-laptop{position:absolute!important;left:0!important;top:48px!important;width:86%!important;height:300px!important;z-index:1!important;transform:none!important}.laptop-frame{height:270px!important;background:#111!important;border:1px solid #444!important;border-radius:10px 10px 4px 4px!important;padding:14px!important;overflow:hidden!important}.laptop-top{height:24px;border-bottom:1px solid #292929;display:flex;align-items:center;gap:5px;color:#777;font-size:8px;letter-spacing:.12em}.laptop-top span{width:6px;height:6px;border-radius:50%;background:#555}.laptop-top small{margin-left:8px}.laptop-content{display:grid;grid-template-columns:22% 1fr;gap:20px;height:215px;padding-top:20px}.laptop-content aside{background:#191919}.laptop-content main i{display:block;width:110px;height:7px;background:#7b570e;margin-bottom:14px}.laptop-content main strong{display:block;width:190px;height:22px;background:#ddd2b3;opacity:.8}.laptop-chart{height:130px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #333;margin-top:18px}.laptop-chart b{width:11%;background:var(--gold);border-radius:3px 3px 0 0}.laptop-chart b:nth-child(1){height:35%}.laptop-chart b:nth-child(2){height:54%}.laptop-chart b:nth-child(3){height:46%}.laptop-chart b:nth-child(4){height:82%}.laptop-chart b:nth-child(5){height:66%}.laptop-foot{height:14px;margin:0 -4%;background:linear-gradient(#444,#171717);border-radius:0 0 12px 12px}.hero-phone{position:absolute!important;right:0!important;bottom:0!important;width:145px!important;height:285px!important;z-index:5!important;padding:12px!important;border:1px solid #4b4b4b!important;border-radius:24px!important;background:#080808!important;transform:rotate(3deg)!important;box-shadow:0 24px 45px rgba(0,0,0,.65)!important}.phone-notch{width:38px;height:4px;border-radius:4px;background:#333;margin:0 auto 12px}.phone-content{height:245px;border-radius:14px;background:#151515;padding:15px}.phone-content small{display:block;width:42px;height:5px;background:#87600f;margin-bottom:18px}.phone-content strong{display:block;width:75px;height:15px;background:#eee;opacity:.75}.phone-graph{height:102px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #363636;margin-top:18px}.phone-graph b{flex:1;background:var(--gold)}.phone-graph b:nth-child(1){height:38%}.phone-graph b:nth-child(2){height:72%}.phone-graph b:nth-child(3){height:52%}.phone-graph b:nth-child(4){height:90%}.phone-content i{display:block;width:75%;height:6px;background:#3b3b3b;margin-top:13px}.hero-laptop+.hero-phone+.screen-caption{z-index:7}@media(max-width:800px){.hero-laptop{top:28px!important;left:0!important;width:calc(100% - 12px)!important;height:225px!important}.laptop-frame{height:205px!important}.laptop-content{height:155px;padding-top:12px;gap:10px}.laptop-chart{height:85px}.hero-phone{width:112px!important;height:225px!important;right:10px!important}.phone-content{height:184px;padding:12px}.phone-graph{height:65px;margin-top:12px}}
.product-scene .hero-laptop{display:block!important;visibility:visible!important;opacity:1!important}.product-scene .hero-phone{display:block!important;visibility:visible!important;opacity:1!important}.screen-change .hero-laptop,.screen-change .hero-phone{animation:deviceSwap .65s ease both}@keyframes deviceSwap{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.product-scene{position:relative!important;overflow:visible!important;min-width:0!important}.product-scene .hero-laptop{position:absolute!important;left:0!important;right:auto!important;top:48px!important;width:min(720px,86%)!important;max-width:calc(100% - 12px)!important;display:block!important;transform:none!important}.product-scene .hero-phone{position:absolute!important;right:0!important;bottom:0!important;display:block!important}
/* Keep the visual grid column full-width; its absolutely positioned devices have no intrinsic width. */
.hero{justify-items:stretch}
.hero .product-scene{width:100%}
/* Synchronized service showcase inside the devices. */
.hero .product-scene{min-height:480px}
.product-scene .hero-laptop{cursor:pointer}
.product-scene .hero-phone{bottom:58px!important;cursor:pointer}
.showcase-device:focus-visible,.showcase-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.showcase-browser{display:flex;align-items:center;gap:5px;height:25px;border-bottom:1px solid #292929}
.showcase-browser>span{width:6px;height:6px;border-radius:50%;background:#555}
.showcase-browser small{margin-left:8px;color:#777;font-size:8px;letter-spacing:.08em}
.showcase-desktop{display:grid;grid-template-columns:23% minmax(0,1fr);gap:18px;height:215px;padding-top:15px}
.showcase-sidebar{display:flex;flex-direction:column;gap:14px;padding:16px 12px;background:#191919}
.showcase-sidebar b{font-size:9px;letter-spacing:.14em;color:#e6e0d1}
.showcase-sidebar i{height:5px;width:70%;background:#3a3a3a;border-radius:5px}
.showcase-sidebar i:nth-child(2){background:#8c6516}
.showcase-desktop-slides,.showcase-mobile-slides{position:relative;min-width:0;overflow:hidden}
.showcase-slide{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.showcase-slide.is-active{opacity:1;transform:none}
.showcase-desktop-slides .showcase-slide{padding:12px 10px}
.showcase-kicker{display:block;color:var(--gold);font-size:8px;letter-spacing:.16em;font-weight:700}
.showcase-desktop-slides h3{max-width:290px;margin:12px 0 7px;color:#f4f0e9;font-size:clamp(16px,1.5vw,23px);line-height:1.14;letter-spacing:-.035em}
.showcase-desktop-slides p{max-width:310px;margin:0;color:#aaa;font-size:10px;line-height:1.5}
.showcase-points{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}
.showcase-points span{padding:5px 7px;border:1px solid #3b352a;border-radius:4px;color:#cab78d;font-size:8px}
.showcase-mini-action{display:block;margin-top:13px;color:#f6b21a;font-size:9px}
.showcase-mobile-slides{height:222px;border-radius:14px;background:#151515}
.showcase-mobile-slides .showcase-slide{padding:24px 11px 12px}
.showcase-mobile-slides .showcase-kicker{font-size:7px;letter-spacing:.06em}
.showcase-mobile-slides h3{margin:12px 0;color:#f4f0e9;font-size:15px;line-height:1.15;letter-spacing:-.025em}
.showcase-mobile-list{display:grid;gap:6px}
.showcase-mobile-list span{padding:5px 6px;border:1px solid #333;border-radius:3px;color:#aaa;font-size:8px}
.showcase-mobile-action{display:block;margin-top:12px;color:var(--gold);font-size:8px}
.showcase-controls{position:absolute;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:center;align-items:center;gap:13px}
.showcase-controls button{cursor:pointer}
.showcase-prev,.showcase-next{width:30px;height:30px;border:1px solid #474037;border-radius:50%;background:#111;color:#f6b21a;font-size:22px;line-height:1}
.showcase-dots{display:flex;align-items:center;gap:7px}
.showcase-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#66583d;transition:background .25s,transform .25s}
.showcase-dots button.is-active{background:var(--gold);transform:scale(1.35)}
@media(max-width:800px){.hero .product-scene{min-height:395px}.product-scene .hero-phone{bottom:47px!important}.showcase-desktop{height:150px;padding-top:8px;gap:8px}.showcase-sidebar{padding:10px 6px;gap:9px}.showcase-sidebar b{font-size:6px}.showcase-desktop-slides .showcase-slide{padding:5px}.showcase-desktop-slides h3{font-size:15px;margin:7px 0 4px}.showcase-desktop-slides p{font-size:8px}.showcase-points{margin-top:7px;gap:3px}.showcase-points span{font-size:6px;padding:3px}.showcase-mini-action{margin-top:6px;font-size:7px}.showcase-mobile-slides{height:184px}.showcase-mobile-slides .showcase-slide{padding:18px 9px 8px}.showcase-mobile-slides h3{font-size:12px;margin:8px 0}.showcase-mobile-list{gap:4px}.showcase-mobile-list span{font-size:7px;padding:4px}.showcase-mobile-action{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.showcase-slide,.showcase-dots button{transition:none}}
.showcase-desktop-slides .showcase-slide,.showcase-mobile-slides .showcase-slide{text-align:left}
.showcase-desktop-slides h3,.showcase-desktop-slides p{max-width:220px}
.showcase-desktop-slides h3{font-size:20px}
.product-scene .hero-phone{right:-18px!important}
@media(max-width:800px){.showcase-desktop-slides h3{font-size:14px;max-width:150px}.showcase-desktop-slides p{max-width:160px}.product-scene .hero-phone{right:10px!important}}
/* Landing page layout and interactions */
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:88px}
.skip-link{position:fixed;top:-60px;left:20px;z-index:20;padding:10px 16px;background:var(--gold);color:#050505}
.skip-link:focus{top:10px}
.nav{z-index:8;transition:background .25s,box-shadow .25s}
.nav.is-scrolled{background:rgba(5,5,5,.94);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.nav-toggle{display:none}
.nav-actions a{transition:color .25s}
.nav-actions a:hover,.nav-actions a:focus-visible{color:var(--gold)}
.hero{text-align:left;align-items:center;gap:clamp(32px,5vw,82px);min-height:100svh}
.hero-copy{text-align:left;justify-self:start;width:100%;max-width:610px}
.hero-copy h1{display:block;max-width:650px;text-align:left}
.hero-copy h1 span{text-align:left}
.hero-copy p{max-width:530px;margin:25px 0 0;text-align:left}
.hero-copy .eyebrow{text-align:left}
.hero-actions{justify-content:flex-start}
.hero .product-scene{align-self:center}
.cta{transition:transform .25s,box-shadow .25s,border-color .25s}
.cta:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(246,178,26,.12)}
.service-card{transition:border-color .3s,transform .3s}
.service-card:hover{border-color:#6b4d16;transform:translateY(-5px)}
.service-grid .service-card:nth-child(2){transition-delay:.08s}
.service-grid .service-card:nth-child(3){transition-delay:.16s}
.trust{overflow:hidden;display:block;background:#0b0b0b}
.trust>div:first-child{text-align:center}
.trust p{color:#8f8f8f;font-size:14px}
.logo-viewport{overflow:hidden;margin:42px auto 0;max-width:1050px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logo-track{display:flex;width:max-content;min-height:70px;animation:logosMove 28s linear infinite}
.logo-viewport:hover .logo-track,.logo-viewport:focus-within .logo-track{animation-play-state:paused}
.logo-group{display:flex;flex:none;align-items:center;gap:76px;padding-right:76px}
.logo-group img{display:block;width:135px;height:58px;object-fit:contain;filter:grayscale(1);opacity:.57;transition:filter .3s,opacity .3s}
.logo-group img:hover{filter:none;opacity:1}
@keyframes logosMove{to{transform:translateX(-50%)}}
.ui-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.ui-features span{padding:8px 10px;background:#222;color:#c5b48f;font-size:11px}
.about{border-top:1px solid #222;display:grid;grid-template-columns:1fr 1fr;gap:30px 80px;align-items:start}
.about .eyebrow{grid-column:1/-1}
.about h2{margin:0;font-size:clamp(34px,4vw,58px);line-height:1.06;letter-spacing:-.045em}
.about p{margin:0;color:#aaa;line-height:1.8;max-width:500px}
.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.faq .section-heading h2{margin-top:12px}
.faq-list details{border-bottom:1px solid #303030;padding:0 0 18px;margin-bottom:18px}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;color:#f4f4f4;font-size:17px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';color:var(--gold);font-size:24px;line-height:1}
.faq-list details[open] summary::after{content:'−'}
.faq-list p{color:#999;line-height:1.7;max-width:560px}
.contact-links a:hover,.footer-columns a:hover{color:var(--gold)}
@media(max-width:800px){
 .nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:transparent;border:1px solid #444;border-radius:6px;cursor:pointer}
 .nav-toggle span{display:block;width:20px;height:2px;margin:0 auto;background:var(--white)}
 .nav-actions{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:12px 6vw 20px;background:#0b0b0b;border-bottom:1px solid #333}
 .nav.menu-open .nav-actions{display:flex}
 .nav-actions a{padding:12px 0}
 .hero{padding-top:125px;text-align:left;gap:28px;grid-template-columns:minmax(0,1fr)}
 .hero-copy,.hero-copy h1,.hero-copy p{text-align:left}
 .hero-copy h1{font-size:clamp(42px,8vw,68px)}
 .hero .product-scene{max-width:600px;justify-self:center;margin-top:0}
 .about,.faq{grid-template-columns:1fr;gap:24px}
 .logo-group{gap:36px;padding-right:36px}.logo-group img{width:100px;height:46px}
}
@media(max-width:520px){
 .hero{padding-left:6vw;padding-right:6vw}
 .hero-copy h1{font-size:clamp(38px,10vw,50px);line-height:1.03}
 .hero-copy p{font-size:14px}
 .hero-actions{gap:10px}.hero-actions .cta{margin-top:0}
 .footer-columns{grid-template-columns:1fr 1fr;gap:28px}
 .faq-list summary{font-size:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-track{animation:none}.service-card,.cta,.reveal{transition:none}}
.whatsapp-link.is-unconfigured{color:#666;cursor:not-allowed;text-decoration:line-through}
.final-cta .contact-links .whatsapp-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 17px;border:1px solid #6b4d16;border-radius:999px;color:var(--gold);transition:background .25s,color .25s}
.final-cta .contact-links .whatsapp-link:not(.is-unconfigured):hover{background:var(--gold);color:#080808}
.final-cta .contact-links .whatsapp-link.is-unconfigured{border-color:#333;color:#777;text-decoration:none}
.portfolio-grid,.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:36px}
.portfolio-grid article,.testimonials-grid blockquote{margin:0;padding:22px;border:1px solid #2a2a2a;background:#0b0b0b}
.portfolio-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.portfolio-grid h3{margin:16px 0 5px}
.portfolio-grid p,.testimonials-grid cite{color:#aaa}
.testimonials-grid cite{display:block;margin-top:18px;font-size:13px}
/* Original client colors need a light surface, especially the dark-blue Benze logo. */
.trust{background:linear-gradient(115deg,#f5dfa9 0%,#f6b21a 52%,#e69c1b 100%);border:0;color:#17120a}
.trust .eyebrow{color:#332008;font-weight:700}
.trust p{color:#49320c}
.logo-viewport{max-width:100%;margin-top:48px}
.logo-track{animation:logosMove 26s linear infinite}
.logo-group{gap:64px;padding-right:64px}
.logo-group img{width:150px;height:70px;opacity:1;filter:none}
.logo-group img:hover{opacity:1;filter:none}
.logo-viewport:hover .logo-track,.logo-viewport:focus-within .logo-track{animation-play-state:running}
@media(max-width:800px){.logo-group{gap:38px;padding-right:38px}.logo-group img{width:120px;height:62px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:logosMove 52s linear infinite!important}}
/* Fixed WhatsApp shortcut and deliberate section navigation. */
html{scroll-behavior:auto}
.whatsapp-float{position:fixed;right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 19px 0 14px;border:1px solid #63ec9a;border-radius:999px;background:linear-gradient(145deg,#20da68,#0daf4b);color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.01em;white-space:nowrap;box-shadow:0 0 0 5px rgba(10,26,14,.86),0 10px 28px rgba(0,0,0,.45),0 0 23px rgba(37,211,102,.24);animation:whatsappGlow 2.8s ease-in-out infinite;transition:transform .25s,background .25s}
.whatsapp-float svg{display:block;width:34px;height:34px}
.whatsapp-float::before{content:"";position:absolute;inset:-6px;border:2px solid rgba(75,233,133,.8);border-radius:inherit;opacity:0;pointer-events:none;animation:whatsappRing 2.8s ease-out infinite}
.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-3px);background:#0eb64e}
.whatsapp-float:focus-visible{outline:2px solid #fff;outline-offset:8px}
@keyframes whatsappGlow{0%,100%{box-shadow:0 0 0 5px rgba(10,26,14,.86),0 10px 28px rgba(0,0,0,.45),0 0 15px rgba(37,211,102,.2)}50%{box-shadow:0 0 0 5px rgba(10,26,14,.86),0 10px 28px rgba(0,0,0,.45),0 0 32px rgba(37,211,102,.65)}}
@keyframes whatsappRing{0%,15%{opacity:0;transform:scale(1)}25%{opacity:.8}70%,100%{opacity:0;transform:scale(1.17)}}
.nav-actions a{position:relative}
.nav-actions a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:right .35s ease}
.nav-actions a:hover::after,.nav-actions a.is-active::after{right:0}
.nav-actions a.is-active{color:var(--gold)}
@media(max-width:800px){.nav-actions a::after{bottom:5px}.whatsapp-float{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));width:62px;min-height:62px;padding:0}.whatsapp-float span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.whatsapp-float svg{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{animation:none;transition:none;box-shadow:0 0 0 5px rgba(10,26,14,.86),0 10px 28px rgba(0,0,0,.45),0 0 28px rgba(37,211,102,.5)}.whatsapp-float::before{animation:none;opacity:.65}}
.whatsapp-float svg{flex:none;overflow:visible}
.final-cta .contact-links{align-items:center}
.final-cta .contact-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px}
.footer-main>div:first-child{flex:0 1 360px;min-width:0}
.footer-main p{display:block;margin:12px 0 0;max-width:350px;line-height:1.7}
.footer-main .brand{display:inline-flex;align-items:center;gap:12px}
@media(prefers-reduced-motion:reduce){
 .intro.reduced-entry{display:grid;opacity:1;transition:opacity .45s ease}
 .intro.reduced-entry .intro-sun{opacity:0;transform:scale(.82);filter:none;transition:opacity .6s ease,transform .6s ease}
 .intro.reduced-entry.is-visible .intro-sun{opacity:1;transform:scale(.88)}
 .intro.reduced-entry.is-done{opacity:0;visibility:visible;animation:none}
}
