@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#063c38;--lime:#ff9b20;--white:#fff;--muted:#b6cfca;--paper:#f5faf9;--line:#d7e5e2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00877a;outline-offset:5px}header{height:96px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff24}header nav{display:flex;gap:34px;font-size:14px}header nav a:hover{color:var(--lime)}.brand{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:29px;letter-spacing:-1.6px;white-space:nowrap}.brand span{font-weight:400}.brand sup{font-size:12px;letter-spacing:0;display:inline-block;border:1px solid currentColor;border-radius:5px;padding:1px 4px;margin-left:6px;vertical-align:top;margin-top:7px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:100px;background:white;color:var(--ink);font-size:15px;font-weight:700;padding:17px 27px;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#ffb34f}.button.small{padding:12px 23px;font-size:14px}.button.lime{background:var(--lime)}.button.lime:hover{background:#ffb34f}.hero{background:var(--ink);color:white;position:relative;display:grid;grid-template-columns:1.05fr 1fr;min-height:695px;padding:75px 5% 80px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;line-height:1.6}.tiny-square{display:inline-block;width:8px;height:8px;background:var(--lime);margin-right:8px}.hero-copy{z-index:2;padding-top:20px}.hero h1{font:600 clamp(46px,5.5vw,83px)/1.03 Manrope,sans-serif;letter-spacing:-4px;margin:25px 0}.hero h1 em,h2 em,.statement em{font-style:normal;color:var(--lime)}.hero-copy>p{max-width:390px;font-size:18px;color:#c7dcd7;margin:25px 0 33px}.hero-note{font-size:12px;color:#b7d0ca;margin-top:25px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:500px}.hero-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#00877a70,transparent 68%)}.hero-art img{position:relative;width:92%;height:490px;object-fit:contain;z-index:1;filter:drop-shadow(0 28px 25px #0008)}.orbit{position:absolute;width:530px;height:530px;border:1px solid #00a28e24;border-radius:50%;transform:rotate(-30deg) scaleY(.65)}.orbit-two{transform:rotate(45deg) scaleY(.65);width:600px;height:600px}.hero-label{position:absolute;right:2%;top:-10px;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:1.5px;color:#ff9b2090;text-align:right}.floating-label{position:absolute;z-index:2;bottom:20px;right:2%;background:var(--lime);color:var(--ink);padding:15px 22px;border-radius:14px;transform:rotate(-5deg);box-shadow:0 12px 30px #0003}.floating-label span{display:block;font-size:12px}.floating-label strong{font-size:38px;line-height:1.1;letter-spacing:-2px}.hero-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;justify-content:space-between;color:#bed4cd;font-size:11px;letter-spacing:1.1px}.ribbon{background:var(--lime);padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:14px;font-weight:600}.ribbon b{font-size:26px;line-height:1}.section{padding:100px 7%;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:45px}.small-note{font-size:13px;color:#506c66}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}h2{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(38px,4.4vw,64px);line-height:1.08;letter-spacing:-2.8px;margin:0}p{margin:0 0 20px}.intro>p{color:#49675f;max-width:435px;font-size:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid var(--line)}.steps article{padding:35px 35px 0 0}.steps article+article{padding-left:35px;border-left:1px solid var(--line)}.step-num{display:inline-flex;align-items:center;justify-content:center;border:1px solid #94b8aa;width:43px;height:43px;border-radius:50%;font-size:13px;margin-bottom:22px}h3{font:600 25px/1.25 Manrope,sans-serif;letter-spacing:-.7px;margin:0 0 16px}.steps p{font-size:16px;color:#506c66;max-width:285px}.spaces{background:#e6f3ef}.spaces .section-top{border-color:#c5dcd4}.space-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:45px}.space-head h2 em{color:#007b70}.tabs{background:#cde4dc;display:flex;gap:3px;border-radius:40px;padding:5px}.tabs button{border:0;background:transparent;padding:12px 17px;border-radius:30px;font-size:14px;cursor:pointer;color:#245f55}.tabs button[aria-selected=true]{background:var(--ink);color:white}.space-panel{display:grid;grid-template-columns:1.35fr 1fr;background:#fff;border-radius:18px;overflow:hidden;min-height:475px}.space-image{position:relative;overflow:hidden}.space-image img{width:100%;height:100%;min-height:475px;object-fit:cover;transition:opacity .2s}.photo-note{position:absolute;bottom:15px;left:18px;background:#ffffffd9;border-radius:20px;padding:5px 12px;font-size:11px}.space-copy{padding:50px 45px}.space-copy>.eyebrow{color:#007b70}.space-copy h3{font-size:43px;line-height:1.08;letter-spacing:-2px;margin-top:25px}.space-copy p{color:#506c66}.space-copy ul{padding-left:19px;font-size:14px;line-height:2}.text-link{display:inline-block;border-bottom:1px solid var(--ink);font-size:14px;font-weight:700;margin-top:15px}.service{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;background:var(--ink);color:#fff}.service h2{margin:25px 0}.service-heading>p{color:#bdd7cf;max-width:330px}.service-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.25;width:145px;height:145px;border:1px solid #97bdae;border-radius:50%;color:var(--lime);font-size:11px;letter-spacing:1px;transform:rotate(-12deg);margin-top:40px}.service-stamp b{font-size:20px}.service-list article{display:flex;gap:25px;border-top:1px solid #ffffff28;padding:27px 0 5px}.service-list article>span{color:var(--lime);font-size:13px;padding-top:5px}.service-list h3{font-size:23px}.service-list p{color:#bdd7cf;font-size:15px}.statement{text-align:center;padding:90px 20px;background:#007c70}.statement>p{font:500 clamp(54px,7.5vw,108px)/1.02 Manrope,sans-serif;letter-spacing:-4px;margin:30px 0}.statement em{color:#fff}.statement .button{margin-top:15px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.faq h2{font-size:45px;margin-top:25px}.questions details{border-top:1px solid var(--line);padding:22px 0}.questions details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:17px;font-weight:500;padding-right:30px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:-5px;font-size:26px;font-weight:400}details[open] summary:after{content:'−'}details p{margin:18px 25px 0 0;color:#506c66;font-size:15px}.plan{background:#063c38;color:white;display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.plan h2{font-size:65px;margin:24px 0}.plan>div>p{max-width:345px;color:#bdd7cf}form label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin-bottom:19px}input,select,textarea{width:100%;min-width:0;background:#ffffff0b;border:1px solid #709f92;color:white;padding:12px 14px;border-radius:7px;font-size:16px}select option{background:#063c38}input:focus,select:focus,textarea:focus{outline:2px solid var(--lime);outline-offset:2px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:12px;color:#bdd7cf;margin-top:13px}#form-status{font-size:14px;color:var(--lime)}footer{padding:45px 5% 20px}footer>.brand{font-size:35px}footer>p{color:#506c66;font-size:14px;margin-top:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#506c66;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}@media(min-width:1600px){header,.hero{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.section{padding-left:max(7%,calc((100vw - 1360px)/2));padding-right:max(7%,calc((100vw - 1360px)/2))}}@media(max-width:1000px){.hero h1{letter-spacing:-2.5px}.hero-art img{height:420px}.hero-art{min-height:440px}.orbit{width:400px;height:400px}.space-head{display:block}.tabs{display:inline-flex;margin-top:30px}.space-copy{padding:35px 28px}.space-copy h3{font-size:35px}.service,.plan{gap:7%}.ribbon span:last-child,.ribbon b:last-of-type{display:none}.section{padding:75px 6%}}@media(max-width:700px){header{height:78px;padding:0 6%}.brand{font-size:25px}header nav{display:none}.button.small{font-size:12px;padding:11px 17px}.hero{grid-template-columns:1fr;padding:43px 6% 60px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,10.5vw,68px);letter-spacing:-2.5px;margin:22px 0}.hero-copy>p{font-size:17px;margin:20px 0 25px;max-width:340px}.hero-note{font-size:11px;margin-top:18px}.hero-art{min-height:350px;margin-top:10px}.hero-art img{height:350px;width:90%}.hero-label{top:14px;font-size:10px;right:0}.orbit{width:330px;height:330px;max-width:100%}.floating-label{bottom:10px;right:0;padding:11px 16px}.floating-label strong{font-size:30px}.hero-bottom{font-size:9px;gap:20px;bottom:18px}.hero-bottom span:first-child{max-width:140px}.ribbon{padding:15px 6%;gap:12px;font-size:12px}.ribbon span:nth-of-type(3),.ribbon b:nth-of-type(2){display:none}.section{padding:60px 6%}.small-note{display:none}.section-top{margin-bottom:30px;padding-bottom:20px}.intro,.service,.faq,.plan{grid-template-columns:1fr;gap:35px}.intro>p{font-size:16px;margin:0}h2{font-size:42px;letter-spacing:-2px}.steps{margin-top:35px;grid-template-columns:1fr;border-top:0}.steps article,.steps article+article{border-left:0;border-top:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:45px 1fr;gap:0 20px}.step-num{grid-row:span 2;margin:0}.steps h3{font-size:22px;margin:4px 0 10px}.steps p{max-width:100%;margin:0;font-size:15px}.space-head{margin-bottom:25px}.tabs{display:flex;width:100%}.tabs button{flex:1;padding:11px 8px;font-size:12px}.space-panel{grid-template-columns:1fr}.space-image{height:320px}.space-image img{min-height:0;height:100%}.space-copy{padding:30px}.space-copy h3{font-size:37px}.service-stamp{display:none}.service-list h3{font-size:22px}.statement{padding:65px 6%}.statement>p{font-size:60px;letter-spacing:-3px}.faq h2{font-size:41px}.questions summary{font-size:16px}.plan h2{font-size:56px}.form-row{grid-template-columns:1fr;gap:0}.footer-bottom{flex-wrap:wrap;font-size:11px}.footer-bottom span:nth-child(2){order:3;flex-basis:100%}footer{padding:35px 6% 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Product display */
.hero-art{background:#e1f1e9;border-radius:160px 160px 24px 24px;margin-left:25px;isolation:isolate}.hero-art:before{background:radial-gradient(ellipse,#a7d8c1,transparent 70%)}.hero-art img{mix-blend-mode:multiply;filter:none}.hero-label{color:#00776b;top:26px;right:25px}.orbit{border-color:#00776b24}.floating-label{bottom:25px;right:-12px}.hero-art{animation:arrive .8s ease-out both}.hero-copy{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.hero-art{margin:30px 0 0;border-radius:120px 120px 20px 20px}.hero-label{top:25px;right:20px}.floating-label{right:8px;bottom:15px}}
/* Original SmartSnack AI identity, framed without its transparent margins. */
header{background:#f5faf9;color:#063c38;height:112px;border-bottom:1px solid #d7e5e2}header nav a:hover{color:#00766a}header>.button{background:#063c38;color:#ff9b20}.brand-logo{position:relative;display:block;flex:none;width:174px;height:87.2px;overflow:hidden}.brand-logo img{position:static;display:block;width:100%;height:100%;object-fit:contain}footer>.brand-logo{width:224px;height:112.3px}footer>.brand-logo+p{margin-top:20px}@media(max-width:700px){header{height:98px}.brand-logo{width:149px;height:74.68px}footer>.brand-logo{width:200px;height:100.23px}}

/* Developer relationships */
header nav a[aria-current="page"]{color:#00766a;text-decoration:underline;text-underline-offset:6px}
.partners-intro{background:var(--ink);color:white;padding-top:85px;padding-bottom:85px}.partners-intro h1{font:500 clamp(44px,5.8vw,82px)/1.08 Manrope,sans-serif;letter-spacing:-3px;margin:25px 0}.partners-intro h1 em{font-style:normal;color:var(--lime)}.partners-intro p{font-size:19px;max-width:630px;color:#c7dcd7;margin-bottom:0}.partner-showcase .section-top{gap:25px}.partner-showcase h2{font-size:26px;letter-spacing:-.8px}.partner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.partner-card{background:white;border:1px solid var(--line);border-radius:18px;padding:40px 35px 25px;min-width:0}.partner-logo{height:155px;display:flex;align-items:center;justify-content:center}.partner-logo img{width:100%;max-width:310px;height:125px;object-fit:contain}.partner-card h3{font-family:'DM Sans',sans-serif;font-size:16px;letter-spacing:0;font-weight:500;margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line);color:#49675f}.partner-cta{background:#063c38;color:white;display:flex;align-items:center;justify-content:space-between;gap:40px}.partner-cta h2{margin:24px 0;font-size:clamp(34px,4vw,56px)}.partner-cta p{color:#bdd7cf;max-width:540px;margin:0}.partner-cta .button{flex-shrink:0}
@media(max-width:1000px){header nav{gap:18px;font-size:14px}}
@media(max-width:700px){header{height:auto;min-height:98px;flex-wrap:wrap;gap:5px 12px;padding-bottom:14px}header nav{display:flex;order:3;flex-basis:100%;justify-content:space-between;gap:8px;padding-top:7px;flex-wrap:wrap;font-size:14px}header nav a{padding:4px 0}.partners-intro{padding-top:52px;padding-bottom:52px}.partners-intro h1{font-size:clamp(36px,8.6vw,56px);letter-spacing:-1.8px}.partners-intro p{font-size:17px}.partner-grid{grid-template-columns:1fr;gap:18px}.partner-card{padding:30px 25px 23px}.partner-logo{height:125px}.partner-logo img{max-width:270px;height:110px}.partner-card h3{margin-top:22px}.partner-showcase h2{font-size:25px}.partner-cta{display:block}.partner-cta .button{margin-top:28px}}
.partner-card:nth-child(odd){background:var(--ink);border-color:var(--ink)}.partner-card:nth-child(odd) h3{color:#c7dcd7;border-color:#ffffff30}

/* Logo-led teal, orange and leaf-green palette. */
.statement{color:white}.statement em{color:#ffb34f}.hero h1 em{color:#ff9b20}.tiny-square{background:#79b72c}.hero-art{border:1px solid #ffffff18}.hero-art:before{background:radial-gradient(ellipse,#afdbc5,transparent 70%)}
.home-partners{background:white;padding-top:64px;padding-bottom:64px}.home-partners .section-top{align-items:flex-end;margin-bottom:28px}.home-partners h2{font-size:clamp(28px,3vw,42px);margin-top:13px}.home-partners .partner-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-partners .partner-card{padding:22px 20px 18px;border-radius:12px}.home-partners .partner-logo{height:96px}.home-partners .partner-logo img{height:85px}.home-partners .partner-card h3{margin-top:20px;font-size:14px}
.machine-section{background:#e6f3ef;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7%;padding-top:75px;padding-bottom:75px}.machine-copy h2{margin:22px 0}.machine-copy h2 em{color:#007b70}.machine-copy>p{color:#49675f;max-width:370px;font-size:18px}.machine-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}.machine-controls .button{background:#063c38;color:white}.machine-controls .text-link{margin:0}.machine-stage{height:570px;position:relative;border-radius:24px;overflow:hidden;background:white;box-shadow:0 24px 70px #063c3812;border:1px solid #c5dcd4}.machine-stage iframe{width:100%;height:100%;border:0;background:white;position:relative;z-index:1}.machine-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:28px}.machine-caption{font-size:14px;color:#506c66;margin:16px 0 0}.machine-status{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;background:#fff;padding:10px;border-radius:10px;color:#063c38;font-size:14px}.machine-status[hidden]{display:none}.eyebrow,.hero-note,.form-note{font-size:14px}.hero-bottom,.footer-bottom{font-size:12px}
@media(max-width:1000px){.home-partners .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-section{gap:5%;grid-template-columns:1fr 1.1fr}.machine-stage{height:490px}}
@media(max-width:700px){.home-partners{padding-top:45px;padding-bottom:45px}.home-partners .partner-card{padding:18px 12px}.home-partners .partner-logo{height:70px}.home-partners .partner-logo img{height:65px}.home-partners .partner-card h3{font-size:14px}.machine-section{grid-template-columns:1fr;gap:30px}.machine-stage{height:480px}.machine-copy>p{max-width:none}.hero-bottom{font-size:10px}.hero-note{font-size:14px}.hero-art{margin-top:35px}}

/* A dimensional product stage, using the original cabinet photography. */
.hero{perspective:1200px;background:radial-gradient(ellipse at 85% 20%,#116859 0,transparent 53%),#063c38}
.hero-art{background:transparent;border:0;border-radius:0;overflow:visible;isolation:auto;perspective:1100px;animation:none}
.hero-art:before{inset:9% -5%;background:radial-gradient(ellipse,#79b72c28,transparent 68%);filter:blur(16px)}
.hero-depth{position:relative;width:100%;min-height:500px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-7deg));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hero-depth:before{content:'';position:absolute;inset:3% 4%;border-radius:48% 48% 22px 22px;background:linear-gradient(145deg,#edf8f1,#b6e1cb);border:1px solid #ffffff8a;box-shadow:16px 20px 0 #00877a33,30px 40px 65px #001f1b70;transform:translateZ(-38px)}
.hero-depth:after{content:'';position:absolute;width:65%;height:26px;bottom:20px;border-radius:50%;background:#003f3880;filter:blur(15px);transform:translateZ(5px);animation:stage-shadow 6s ease-in-out infinite}
.hero-depth img{width:92%;height:490px;mix-blend-mode:multiply;transform:translateZ(55px);animation:cabinet-float 6s ease-in-out infinite;filter:drop-shadow(12px 20px 12px #063c3828)}
.hero-depth .orbit{width:108%;height:80%;border:1px solid #ffb34f85;transform-style:preserve-3d;transform:translateZ(12px) rotate(-28deg) scaleY(.62);animation:ring-drift 14s ease-in-out infinite;pointer-events:none}
.hero-depth .orbit-two{width:115%;height:92%;border-color:#79b72c80;animation-direction:reverse;animation-duration:18s}
.hero-depth .hero-label{transform:translateZ(80px);top:32px;right:8%;font-size:14px}
.hero-depth .floating-label{transform:translateZ(100px) rotate(-6deg);right:-5px;bottom:40px;animation:badge-float 7s ease-in-out infinite;box-shadow:8px 15px 0 #be650e40,0 24px 36px #001b1b40}
.motion-toggle{position:absolute;bottom:-19px;right:18px;z-index:4;border:1px solid #b6cfca65;border-radius:40px;background:#063c38;color:#e6f3ef;padding:7px 14px;cursor:pointer;font-size:14px}
.motion-toggle:hover{background:#116859}
.hero-copy .button{box-shadow:0 6px 0 #ac580d,0 15px 30px #0003}.hero-copy .button:hover{transform:translateY(-4px)}
.home-partners .partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.partner-card{transition:transform .35s,box-shadow .35s}
.partner-card:hover{transform:perspective(850px) rotateX(4deg) translateY(-7px);box-shadow:0 18px 32px #063c381a}
.partner-card.bosa-card{background:white;border-color:var(--line)}.partner-card.bosa-card h3{color:#49675f;border-color:var(--line)}
.reveal-on-scroll{opacity:0;transform:perspective(1000px) translateY(28px) rotateX(3deg);transition:opacity .7s ease,transform .7s ease}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
.motion-paused .hero-depth,.motion-paused .hero-depth *,.motion-paused .hero-depth:after{animation-play-state:paused!important}.motion-paused .hero-depth{transform:none}
@keyframes cabinet-float{0%,100%{transform:translateZ(55px) translateY(0) rotate(-1deg)}50%{transform:translateZ(65px) translateY(-14px) rotate(1deg)}}
@keyframes badge-float{0%,100%{transform:translateZ(100px) translateY(0) rotate(-6deg)}50%{transform:translateZ(100px) translateY(-10px) rotate(-2deg)}}
@keyframes stage-shadow{0%,100%{opacity:.5;scale:1}50%{opacity:.3;scale:.88}}
@keyframes ring-drift{0%,100%{transform:translateZ(12px) rotate(-28deg) scaleY(.62)}50%{transform:translateZ(30px) rotate(16deg) scaleY(.7)}}
@media(max-width:1100px){.home-partners .partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-depth,.hero-depth img{min-height:0;height:440px}}
@media(max-width:700px){.hero-art{margin-top:38px;margin-bottom:28px}.hero-depth{min-height:350px;height:350px;transform:none}.hero-depth img{height:350px}.hero-depth .hero-label{font-size:12px;top:25px}.hero-depth .floating-label{right:8px;bottom:28px}.hero-depth:before{inset:2% 3%}.hero-depth .orbit{width:100%}.hero-depth .orbit-two{width:106%}.motion-toggle{bottom:-25px;right:5px}.home-partners .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-partners .bosa-card{grid-column:auto}.home-partners .bosa-card .partner-logo img{max-width:190px}}
@media(prefers-reduced-motion:reduce){.hero-depth{transform:none}.reveal-on-scroll{opacity:1;transform:none}.partner-card:hover{transform:none}}

.partner-link{display:block;height:100%;border-radius:5px}.partner-link:hover h3{text-decoration:underline;text-underline-offset:5px}.partner-card:focus-within{outline:3px solid #00877a;outline-offset:4px}

/* Full three-cabinet photo: preserve the entire lineup and its original colours. */
.hero:has(.hero-lineup){grid-template-columns:.95fr 1.2fr;gap:24px}
.hero-lineup .hero-depth{min-height:0;height:auto;aspect-ratio:1600/1375}
.hero-lineup .hero-depth:before{inset:0;border-radius:22px}
.hero-lineup .hero-depth img{width:100%;height:auto;min-height:0;object-fit:contain;mix-blend-mode:normal;border-radius:18px;filter:drop-shadow(12px 24px 20px #001f1b50)}
.hero-lineup .hero-label{display:none}
.hero-lineup .floating-label{bottom:-24px;right:-8px}
.hero-lineup .motion-toggle{bottom:-58px;right:12px}
.hero-lineup .orbit{z-index:-1}
@media(max-width:700px){.hero:has(.hero-lineup){grid-template-columns:1fr;gap:0}.hero-lineup{min-height:0;margin-top:42px;margin-bottom:76px}.hero-lineup .floating-label{right:6px;bottom:-20px}.hero-lineup .motion-toggle{bottom:-65px}.hero-lineup .hero-depth{min-height:0;height:auto}}

.customer-help{display:flex;align-items:center;justify-content:space-between;gap:36px;background:#e6f4ef}.customer-help h2{font-size:clamp(32px,4vw,48px);margin:18px 0}.customer-help p{max-width:600px;margin:0}.customer-help .button{flex-shrink:0}header nav{gap:clamp(12px,2vw,30px)}@media(max-width:1000px){header{height:auto;min-height:98px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}header nav{order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap}.customer-help{display:block}.customer-help .button{margin-top:24px}}