:root{
  --navy:#071a3d;
  --navy-2:#0b2857;
  --blue:#1167e8;
  --cyan:#12b6dd;
  --gold:#d6a94e;
  --gold-2:#f4d58d;
  --green:#1dbf73;
  --ink:#0a1830;
  --muted:#5c6880;
  --cream:#f7f3ea;
  --paper:#ffffff;
  --line:#dbe4f1;
  --shadow:0 24px 70px rgba(7,26,61,.14);
  --radius:28px;
  --shell:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;width:100%;height:auto}
a{color:inherit}
button,input,select{font:inherit}
.shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}
.narrow{max-width:780px}
.centered{text-align:center}
.section-pad{padding:104px 0}
.skip-link{position:fixed;z-index:9999;left:12px;top:-80px;background:#fff;color:#000;padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}

.top-strip{background:linear-gradient(90deg,#04122d,#0a2e66);color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em}
.top-strip-inner{min-height:38px;display:flex;align-items:center;justify-content:center;gap:42px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);border-bottom:1px solid rgba(7,26,61,.08);backdrop-filter:blur(18px)}
.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.brand-shield{width:48px;height:52px;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:900;letter-spacing:-.04em;background:linear-gradient(145deg,var(--navy),var(--blue));clip-path:polygon(50% 0,94% 15%,88% 73%,50% 100%,12% 73%,6% 15%);filter:drop-shadow(0 7px 10px rgba(7,26,61,.25))}
.brand>span:last-child{display:grid;line-height:1}
.brand strong{font-size:18px;letter-spacing:.16em;color:var(--navy)}
.brand small{margin-top:7px;font-size:9px;letter-spacing:.19em;color:#65718a;font-weight:800}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{text-decoration:none;font-size:14px;font-weight:750;color:#35425b}.nav-links a:hover{color:var(--blue)}

.button{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;cursor:pointer;font-weight:850;line-height:1.1;text-align:center;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.button:hover{transform:translateY(-2px);filter:saturate(1.06)}
.button-small{padding:13px 19px;color:#fff;border-radius:999px;font-size:13px;background:linear-gradient(135deg,#0b5ed7,#0a3b94);box-shadow:0 10px 24px rgba(17,103,232,.24)}
.button-main{min-width:260px;min-height:64px;flex-direction:column;gap:4px;padding:14px 24px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#1fcf79,#0b9f59);box-shadow:0 18px 38px rgba(29,191,115,.3)}
.button-main span{font-size:16px;letter-spacing:.01em}.button-main small{font-size:11px;font-weight:700;opacity:.9}
.button-main.compact{min-width:240px;min-height:56px;display:inline-flex;margin-top:26px}
.button-gold{min-height:58px;padding:14px 24px;border-radius:16px;color:#0a1830;background:linear-gradient(135deg,var(--gold-2),var(--gold));box-shadow:0 17px 36px rgba(214,169,78,.24)}

.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(138deg,#f7fbff 0%,#eef6ff 52%,#fff8ed 100%);padding:88px 0 82px}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.42;background-image:linear-gradient(rgba(17,103,232,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(17,103,232,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent 70%)}
.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(8px)}
.hero-glow-one{width:420px;height:420px;right:-100px;top:-150px;background:rgba(17,103,232,.13)}
.hero-glow-two{width:340px;height:340px;left:36%;bottom:-180px;background:rgba(214,169,78,.13)}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:68px}
.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:18px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:#0a8e52}
.eyebrow span{width:28px;height:2px;background:currentColor}
.eyebrow.dark{color:var(--blue)}
.eyebrow.light{color:#7ee8ff;justify-content:center}
.hero h1,.statement h2,.positioning h2,.section-heading h2,.app-copy h2,.specs-copy h2,.colour-copy h2,.faq-grid h2,.order-pitch h2{margin:0;color:var(--navy);font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.045em;font-weight:900}
h1 em,h2 em{font-style:normal;background:linear-gradient(100deg,#0d61dd,#0ca1c7);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-name{margin:20px 0 10px;font-weight:900;color:#9d6f16;letter-spacing:.01em;font-size:17px}
.hero-lead{max-width:650px;margin:0 0 23px;color:#4c5a72;font-size:18px;line-height:1.65}
.hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.hero-points span{padding:8px 12px;border:1px solid #cddcf1;border-radius:999px;background:rgba(255,255,255,.8);font-size:13px;font-weight:800;color:#23344f}
.price-row{display:flex;align-items:center;gap:20px;margin:0 0 25px}
.price-label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.15em;color:#738098;font-weight:900}
.price-line{display:flex;align-items:baseline;gap:13px}.price-line del{color:#8a94a7;font-size:17px}.price-line strong{font-size:34px;line-height:1;color:var(--navy);letter-spacing:-.04em}
.save-badge{padding:8px 11px;border-radius:9px;color:#fff;background:#d34848;font-size:11px;font-weight:900;transform:rotate(-2deg)}
.hero-actions{display:flex;align-items:center;gap:20px}.text-link{font-weight:850;color:var(--blue);text-underline-offset:4px}.micro-trust{font-size:12px;color:#65718a;margin:13px 0 0}
.hero-visual{position:relative}.hero-image-frame{overflow:hidden;border-radius:34px;border:1px solid rgba(255,255,255,.86);box-shadow:0 34px 90px rgba(7,26,61,.18);transform:rotate(1deg)}
.floating-proof{position:absolute;min-width:170px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.94);border:1px solid rgba(7,26,61,.08);box-shadow:0 18px 40px rgba(7,26,61,.14);backdrop-filter:blur(10px)}
.floating-proof strong,.floating-proof span{display:block}.floating-proof strong{font-size:13px;color:var(--navy)}.floating-proof span{font-size:10px;color:#65718a}
.proof-one{left:-28px;bottom:34px}.proof-two{right:-18px;top:35px}

.trust-ribbon{background:var(--navy);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid>div{position:relative;display:grid;grid-template-columns:38px 1fr;column-gap:10px;padding:23px 20px;border-right:1px solid rgba(255,255,255,.1)}.trust-grid>div:last-child{border-right:0}
.trust-grid span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(29,191,115,.17);color:#5cf2a5;font-weight:900}.trust-grid strong{font-size:13px}.trust-grid small{color:#aebbd0;font-size:11px}

.statement{background:#fff}.statement-grid,.app-grid,.specs-grid,.colour-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.media-card{overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow);background:#f1f6fd}.media-card img{transition:transform .45s ease}.media-card:hover img{transform:scale(1.015)}
.statement h2,.section-heading h2,.app-copy h2,.specs-copy h2,.colour-copy h2,.faq-grid h2,.order-pitch h2{font-size:clamp(36px,4.3vw,55px)}
.statement-copy>p,.section-heading>p,.app-copy>p,.specs-copy>p,.colour-copy>p,.faq-grid>div:first-child>p{font-size:17px;color:var(--muted);margin:20px 0}
.essential-list{display:grid;gap:13px;margin-top:28px}.essential-list>div{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#fbfdff}.essential-list b{font-size:11px;color:#fff;background:var(--navy);border-radius:10px;width:40px;height:40px;display:grid;place-items:center}.essential-list span,.essential-list strong{display:block}.essential-list span{color:#667188;font-size:13px}.essential-list strong{font-size:15px;color:var(--ink)}

.navy-section{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 15% 0,rgba(17,103,232,.34),transparent 34%),linear-gradient(145deg,#05142f,#09275a)}
.navy-section h2,.colour-section h2{color:#fff}.navy-section h2 em,.colour-section h2 em{background:linear-gradient(100deg,#9beaff,#f3d183);-webkit-background-clip:text;background-clip:text;color:transparent}
.navy-section .centered>p{margin:20px auto 0;max-width:720px;color:#b8c7de;font-size:17px}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.pillar-grid article{padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.07)}.pillar-icon{font-size:30px}.pillar-grid h3{margin:15px 0 8px;font-size:21px}.pillar-grid p{margin:0;color:#b8c7de;font-size:14px}

.features-section{background:linear-gradient(#fff,#f6f9fe)}.section-heading{margin-bottom:55px}.section-heading .eyebrow{justify-content:center}
.feature-stack{display:grid;gap:72px}.feature-row{display:grid;grid-template-columns:.96fr 1.04fr;gap:66px;align-items:center}.feature-row.reverse .feature-image{order:2}.feature-row.reverse .feature-copy{order:1}
.feature-number{display:inline-block;margin-bottom:14px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.16em}.feature-copy h3{margin:0;color:var(--navy);font-size:clamp(29px,3.3vw,44px);line-height:1.08;letter-spacing:-.035em}.feature-copy p{color:var(--muted);font-size:16px;margin:18px 0}.feature-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.feature-copy li{position:relative;padding-left:28px;color:#26364f;font-weight:700;font-size:14px}.feature-copy li:before{content:"✓";position:absolute;left:0;top:1px;color:#fff;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--green);font-size:11px}
.mini-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:78px}.mini-feature-grid article{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 15px 42px rgba(7,26,61,.07)}.mini-feature-grid img{aspect-ratio:1/1;object-fit:contain}.mini-feature-grid div{padding:18px}.mini-feature-grid h3{margin:0 0 6px;color:var(--navy);font-size:17px}.mini-feature-grid p{margin:0;color:var(--muted);font-size:13px}

.mid-cta{padding:48px 0;background:linear-gradient(100deg,#0a57c8,#071a3d);color:#fff}.mid-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:42px}.cta-kicker{font-size:10px;font-weight:900;letter-spacing:.17em;color:#9beaff}.mid-cta h2{margin:6px 0 5px;font-size:clamp(27px,3.6vw,42px);letter-spacing:-.035em;line-height:1.1}.mid-cta p{margin:0;color:#c7d5e8}.mid-cta .button{max-width:330px}

.app-section{background:#fff}.app-steps{display:grid;gap:13px;margin-top:26px}.app-steps>div{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:14px;border:1px solid var(--line);border-radius:15px}.app-steps span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:900}.app-steps p,.app-steps strong{display:block;margin:0}.app-steps p{color:var(--muted);font-size:13px}.app-steps strong{color:var(--ink);font-size:15px}
.day-section{background:#f4f8fd}.day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.day-grid article{overflow:hidden;border-radius:22px;background:#fff;border:1px solid #dfe8f4;box-shadow:0 16px 46px rgba(7,26,61,.08)}.day-grid img{aspect-ratio:1/1;object-fit:contain}.day-grid article>div{padding:18px}.day-grid article>div>span{font-size:22px}.day-grid h3{margin:8px 0 4px;color:var(--navy);font-size:17px}.day-grid p{margin:0;color:var(--muted);font-size:13px}

.specs-section{background:#fff}.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:28px}.spec-list>div{padding:16px;border-radius:14px;border:1px solid var(--line);background:#fbfdff}.spec-list strong,.spec-list span{display:block}.spec-list strong{color:var(--navy);font-size:17px}.spec-list span{color:var(--muted);font-size:12px}.spec-note{font-size:11px!important;line-height:1.5;color:#7b8598!important}

.colour-section{position:relative;background:linear-gradient(145deg,#061632,#0a2d67);color:#fff}.colour-section .eyebrow{justify-content:flex-start}.colour-copy p{color:#b9c8df}.dark-card{box-shadow:0 34px 80px rgba(0,0,0,.32)}
.colour-swatches{display:flex;gap:10px;margin:25px 0}.colour-swatches span{padding:9px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:12px;font-weight:900}.colour-swatches .pink{background:#ff9fbf;color:#421020}.colour-swatches .blue{background:#52a7ff;color:#061b38}.colour-swatches .black{background:#111;color:#fff}

.routine-section{background:#fff}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.scenario-grid article{padding:25px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#fff,#f8fbff)}.scenario-grid span{font-size:29px}.scenario-grid h3{margin:13px 0 7px;color:var(--navy);font-size:18px}.scenario-grid p{margin:0;color:var(--muted);font-size:13px}

.faq-section{background:#f4f8fd}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:72px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #dbe5f2;border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(7,26,61,.04)}.faq-list summary{position:relative;cursor:pointer;list-style:none;padding:19px 48px 19px 20px;font-weight:850;color:var(--navy)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:18px;top:15px;font-size:25px;color:var(--blue)}.faq-list details[open] summary:after{content:"–"}.faq-list p{margin:0;padding:0 20px 19px;color:var(--muted);font-size:14px}

.order-section{position:relative;padding:110px 0;background:radial-gradient(circle at 0 0,rgba(17,103,232,.3),transparent 34%),linear-gradient(145deg,#04122d,#09285a);color:#fff}.order-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.order-kicker{display:inline-block;padding:7px 10px;border:1px solid rgba(244,213,141,.4);border-radius:7px;color:var(--gold-2);font-size:10px;font-weight:900;letter-spacing:.16em}.order-pitch h2{margin-top:18px;color:#fff}.order-pitch h2 em{background:linear-gradient(100deg,#f7d995,#fff3cf);-webkit-background-clip:text;background-clip:text;color:transparent}.order-pitch>p{color:#bdcbe0;font-size:17px}.final-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:13px;margin:24px 0}.final-price del{color:#91a0b7}.final-price strong{font-size:38px;color:#fff}.final-price span{padding:6px 9px;border-radius:7px;background:#c94b4b;font-size:10px;font-weight:900}.order-pitch ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:#e9f1fb;font-size:14px}.stock-note{font-size:11px!important;color:#91a0b7!important}
.order-card{padding:30px;border-radius:26px;background:#fff;color:var(--ink);box-shadow:0 34px 90px rgba(0,0,0,.34)}.order-card-head{text-align:center;margin-bottom:22px}.order-card-head>span{font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--blue)}.order-card h3{margin:5px 0 4px;color:var(--navy);font-size:28px;letter-spacing:-.03em}.order-card-head p{margin:0;color:var(--muted);font-size:13px}
.order-card form{display:grid}.order-card label{margin:10px 0 6px;font-size:12px;font-weight:850;color:#2c3a52}.input-wrap{display:grid;grid-template-columns:42px 1fr;align-items:center;border:1px solid #cfd9e7;border-radius:13px;background:#fafdff;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(17,103,232,.1)}.input-wrap>span{display:grid;place-items:center}.input-wrap input,.input-wrap select{width:100%;height:52px;border:0;outline:0;background:transparent;color:var(--ink);padding:0 13px 0 0}.input-wrap select{cursor:pointer}.input-wrap.invalid{border-color:#d74b4b;box-shadow:0 0 0 3px rgba(215,75,75,.08)}.field-error{min-height:17px;margin-top:3px;color:#c53838;font-size:10px}.honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.submit-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:65px;margin-top:15px;border:0;border-radius:15px;color:#fff;background:linear-gradient(135deg,#20c978,#079e58);box-shadow:0 16px 32px rgba(29,191,115,.28);cursor:pointer;font-weight:900}.submit-button:hover{filter:saturate(1.08);transform:translateY(-1px)}.submit-button:disabled{cursor:wait;opacity:.75}.submit-button span{font-size:15px}.submit-button small{font-size:10px;opacity:.9}.form-security{text-align:center;margin:10px 0 0!important;font-size:10px;color:#748097}.form-alert{margin-bottom:12px;padding:11px 13px;border-radius:11px;background:#fff0f0;border:1px solid #efbbbb;color:#a62525;font-size:12px}.form-alert.success{background:#edfff5;border-color:#ace6c8;color:#0e7d47}

.site-footer{padding:68px 0 26px;background:#020b1c;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px}.site-footer .brand strong{color:#fff}.site-footer .brand small{color:#91a0b7}.footer-brand p{max-width:430px;color:#91a0b7;font-size:13px}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:8px}.footer-grid h3{margin:0 0 9px;font-size:14px}.footer-grid a,.footer-grid span{color:#9dabc0;text-decoration:none;font-size:12px}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:43px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);color:#66758b;font-size:10px}

.mobile-order-bar{display:none}.back-top{position:fixed;right:20px;bottom:22px;z-index:80;width:42px;height:42px;border:0;border-radius:50%;color:#fff;background:var(--navy);box-shadow:0 12px 30px rgba(7,26,61,.28);cursor:pointer;opacity:0;transform:translateY(14px);pointer-events:none;transition:.25s}.back-top.show{opacity:1;transform:none;pointer-events:auto}

@media (max-width:1020px){
  .nav-links{display:none}.hero-grid{gap:36px}.floating-proof{display:none}.statement-grid,.app-grid,.specs-grid,.colour-grid{gap:44px}.feature-row{gap:38px}.mini-feature-grid,.day-grid,.scenario-grid{grid-template-columns:1fr 1fr}.pillar-grid{gap:12px}.faq-grid{gap:42px}.order-grid{gap:42px}
}

@media (max-width:760px){
  html{scroll-padding-top:70px}.shell{width:min(calc(100% - 28px),var(--shell))}.section-pad{padding:72px 0}.top-strip-inner{min-height:35px;gap:18px;justify-content:flex-start;overflow:auto;white-space:nowrap;scrollbar-width:none}.top-strip-inner::-webkit-scrollbar{display:none}.top-strip-inner span:nth-child(3){display:none}
  .nav-wrap{min-height:68px}.brand-shield{width:42px;height:46px}.brand strong{font-size:15px}.brand small{font-size:7px}.button-small{padding:11px 13px;font-size:11px}
  .hero{padding:56px 0 66px}.hero-grid,.statement-grid,.app-grid,.specs-grid,.colour-grid,.feature-row,.faq-grid,.order-grid{grid-template-columns:1fr}.hero-copy{text-align:left}.hero h1{font-size:43px}.hero-name{font-size:14px}.hero-lead{font-size:16px}.hero-points{gap:7px}.hero-points span{font-size:11px}.price-row{align-items:flex-start}.price-line{flex-wrap:wrap}.price-line strong{font-size:30px}.hero-actions{align-items:flex-start;flex-direction:column;gap:13px}.button-main{width:100%}.hero-visual{margin-top:10px}.hero-image-frame{border-radius:24px;transform:none}
  .trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{padding:17px 10px;grid-template-columns:30px 1fr}.trust-grid span{width:28px;height:28px}.trust-grid strong{font-size:11px}.trust-grid small{font-size:9px}.trust-grid>div:nth-child(2){border-right:0}.trust-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
  .statement-image{order:2}.statement-copy{order:1}.statement h2,.section-heading h2,.app-copy h2,.specs-copy h2,.colour-copy h2,.faq-grid h2,.order-pitch h2{font-size:37px}.statement-grid,.app-grid,.specs-grid,.colour-grid{gap:34px}.essential-list>div{padding:12px}
  .pillar-grid{grid-template-columns:1fr}.pillar-grid article{padding:24px}.feature-stack{gap:54px}.feature-row{gap:25px}.feature-row.reverse .feature-image,.feature-row.reverse .feature-copy{order:initial}.feature-copy h3{font-size:32px}.mini-feature-grid,.day-grid,.scenario-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:52px}.mini-feature-grid div,.day-grid article>div{padding:13px}.mini-feature-grid h3,.day-grid h3{font-size:15px}.mini-feature-grid p,.day-grid p{font-size:11px}
  .mid-cta{padding:40px 0}.mid-cta-inner{align-items:flex-start;flex-direction:column;gap:22px}.mid-cta .button{max-width:none;width:100%}.app-copy{order:1}.app-image{order:2}.spec-list{grid-template-columns:1fr}.colour-copy{order:1}.colour-grid>.media-card{order:2}.colour-section .eyebrow{justify-content:flex-start}.scenario-grid{margin-top:0}.faq-grid{gap:28px}.order-section{padding:76px 0 98px}.order-card{padding:22px 17px}.order-card h3{font-size:24px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}
  .mobile-order-bar{position:fixed;left:10px;right:10px;bottom:9px;z-index:95;display:flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 16px;border-radius:15px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#071a3d,#0c3b82);box-shadow:0 18px 45px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.16)}.mobile-order-bar span{display:grid;line-height:1}.mobile-order-bar del{font-size:9px;color:#aab7ca}.mobile-order-bar strong{font-size:18px}.mobile-order-bar b{padding:10px 13px;border-radius:10px;color:#071a3d;background:linear-gradient(135deg,#f5dc9f,#d6a94e);font-size:11px}.back-top{bottom:78px;right:15px}
}

@media (max-width:430px){
  .shell{width:min(calc(100% - 22px),var(--shell))}.nav-wrap>.button-small{font-size:0;padding:10px 12px}.nav-wrap>.button-small:after{content:"Order Now";font-size:10px}.hero h1{font-size:38px}.hero{padding-top:46px}.price-row{flex-direction:column;gap:10px}.mini-feature-grid,.day-grid,.scenario-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* ==========================================================
   NYOTA GADGETS PREMIUM VISUAL SYSTEM — V2
   ========================================================== */
:root{
  --navy:#06152f;
  --navy-2:#0b2f60;
  --blue:#176cff;
  --cyan:#13bfd1;
  --gold:#e2ab3b;
  --gold-2:#ffe29a;
  --green:#18b96d;
  --ink:#0b1730;
  --muted:#5b6680;
  --cream:#fff7e7;
  --paper:#ffffff;
  --line:#dce5f2;
  --shadow:0 26px 72px rgba(12,32,69,.14);
  --radius:30px;
}

body{background:#f7f9fd}
.section-pad{position:relative}
.top-strip{background:linear-gradient(100deg,#0b2e65 0%,#116cb9 48%,#109c9e 100%);box-shadow:inset 0 -1px rgba(255,255,255,.12)}
.top-strip-inner span{opacity:.96}
.site-header{background:rgba(3,13,33,.95);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 12px 34px rgba(1,9,25,.18)}
.nav-wrap{min-height:88px}
.company-logo{flex:0 0 auto;width:126px;height:76px;overflow:hidden;border-radius:14px;background:#020b1b;box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.09)}
.company-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.site-header .nav-links a{color:#dbe8fa}
.site-header .nav-links a:hover{color:#7ce4ee}
.site-header .button-small{background:linear-gradient(135deg,#ff7a59,#ff4f75);box-shadow:0 13px 28px rgba(255,79,117,.28)}

.button{position:relative;isolation:isolate;overflow:hidden}
.button:after,.submit-button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.28) 48%,transparent 68%);transform:translateX(-130%);transition:transform .55s ease;pointer-events:none}
.button:hover:after,.submit-button:hover:after{transform:translateX(130%)}
.button-main{background:linear-gradient(135deg,#19bf79,#08a5a8);box-shadow:0 18px 40px rgba(12,170,128,.3)}
.button-gold{color:#06152f;background:linear-gradient(135deg,#ffe7a7,#efa93b);box-shadow:0 17px 38px rgba(226,171,59,.28)}

.hero{padding:94px 0 90px;background:radial-gradient(circle at 78% 14%,rgba(31,180,232,.24),transparent 28%),radial-gradient(circle at 16% 86%,rgba(255,111,90,.18),transparent 28%),linear-gradient(138deg,#041126 0%,#0a2c5b 53%,#113c70 100%)}
.hero:before{opacity:.3;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,#000,transparent 86%)}
.hero:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-210px;bottom:-270px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.hero h1{color:#fff;text-shadow:0 6px 28px rgba(0,0,0,.18)}
.hero h1 em{background:linear-gradient(100deg,#76e9ee,#ffe2a0);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .eyebrow{color:#71e6d4}
.hero-name{color:#ffd77a}
.hero-lead{color:#d7e4f4}
.hero-points span{color:#eef7ff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.1)}
.hero .price-label{color:#a8bbd5}
.hero .price-line del{color:#91a8c8}
.hero .price-line strong{color:#fff}
.hero .text-link{color:#79e7ef}
.hero .micro-trust{color:#b7c8dd}
.hero-image-frame{padding:10px;border-radius:38px;border:1px solid rgba(255,255,255,.34);background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.07));box-shadow:0 38px 95px rgba(0,0,0,.34);transform:rotate(1deg)}
.hero-image-frame img{border-radius:29px;object-fit:contain}
.floating-proof{border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.93);box-shadow:0 20px 48px rgba(0,0,0,.22)}
.proof-one{border-left:4px solid #1bc486}.proof-two{border-left:4px solid #ffb44d}

.trust-ribbon{color:var(--ink);background:#fff;border:0;box-shadow:0 16px 40px rgba(8,30,66,.09)}
.trust-grid>div{border-right-color:#e4ebf5}
.trust-grid span{color:#fff;background:linear-gradient(135deg,#176cff,#13bfd1);box-shadow:0 7px 16px rgba(23,108,255,.2)}
.trust-grid small{color:#718099}

.statement{overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(116,99,255,.09),transparent 25%),linear-gradient(145deg,#fff 0%,#f7f3ff 100%)}
.statement:after{content:"";position:absolute;width:260px;height:260px;border-radius:42% 58% 67% 33%;right:-110px;bottom:-100px;background:linear-gradient(145deg,rgba(255,172,75,.15),rgba(255,79,117,.08));transform:rotate(20deg)}
.media-card{padding:9px;border:1px solid rgba(255,255,255,.86);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff,#eaf2ff);box-shadow:0 28px 72px rgba(11,36,78,.16)}
.media-card img{width:100%;height:auto;object-fit:contain;border-radius:calc(var(--radius) - 9px);filter:saturate(1.035) contrast(1.015);transition:transform .45s ease,filter .45s ease}
.media-card:hover img{transform:scale(1.01);filter:saturate(1.08) contrast(1.025)}
.essential-list>div{border-color:#dce7f6;background:rgba(255,255,255,.78);box-shadow:0 9px 24px rgba(18,47,91,.055)}
.essential-list>div:nth-child(1) b{background:linear-gradient(135deg,#176cff,#13bfd1)}
.essential-list>div:nth-child(2) b{background:linear-gradient(135deg,#7657ea,#b055d7)}
.essential-list>div:nth-child(3) b{background:linear-gradient(135deg,#ff8a4b,#f35e70)}

.navy-section{background:radial-gradient(circle at 10% 5%,rgba(19,191,209,.28),transparent 30%),radial-gradient(circle at 90% 100%,rgba(126,78,219,.27),transparent 32%),linear-gradient(145deg,#05152f,#11386e)}
.pillar-grid article{border-color:rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.11),0 18px 40px rgba(0,0,0,.11)}
.pillar-grid article:nth-child(1){border-top:3px solid #34d5dc}.pillar-grid article:nth-child(2){border-top:3px solid #ffd16f}.pillar-grid article:nth-child(3){border-top:3px solid #ff7e8e}

.features-section{overflow:hidden;background:linear-gradient(180deg,#ffffff,#f3f7ff 68%,#fff)}
.features-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;background-image:radial-gradient(circle at 1px 1px,rgba(23,108,255,.12) 1px,transparent 0);background-size:24px 24px;mask-image:linear-gradient(to bottom,transparent,#000 24%,transparent 82%)}
.feature-row{position:relative}
.feature-copy{padding:8px 0}
.feature-number{padding:7px 11px;border-radius:999px;color:#0e62d9;background:#e8f2ff}
.mini-feature-grid article{border:1px solid #dce7f5;border-radius:24px;background:#fff;box-shadow:0 18px 46px rgba(13,40,82,.09)}
.mini-feature-grid article:nth-child(1){border-top:4px solid #1fb6d2}.mini-feature-grid article:nth-child(2){border-top:4px solid #745ee6}.mini-feature-grid article:nth-child(3){border-top:4px solid #ff9a4a}.mini-feature-grid article:nth-child(4){border-top:4px solid #20b873}
.mini-feature-grid img,.day-grid img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:linear-gradient(145deg,#eef5ff,#fff7ef)}

.mid-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 0,rgba(103,232,239,.28),transparent 30%),linear-gradient(100deg,#0b3a8c,#4854c7 70%,#7651ba)}
.mid-cta:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;top:-120px;border:36px solid rgba(255,255,255,.06)}
.app-section{background:radial-gradient(circle at 90% 16%,rgba(19,191,209,.1),transparent 30%),#fbfeff}
.app-steps>div{border-color:#d7e6ef;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(13,44,78,.05)}
.app-steps>div:nth-child(1) span{background:linear-gradient(135deg,#176cff,#13bfd1)}
.app-steps>div:nth-child(2) span{background:linear-gradient(135deg,#7856e8,#b257d5)}
.app-steps>div:nth-child(3) span{background:linear-gradient(135deg,#ff8b4b,#ef5a70)}

.day-section{background:linear-gradient(140deg,#fff7ec 0%,#f4f1ff 46%,#edf9ff 100%)}
.day-grid article{border-color:rgba(255,255,255,.9);border-radius:25px;box-shadow:0 18px 48px rgba(21,43,82,.1)}
.day-grid article>div{border-top:1px solid #e4ebf5;background:#fff}
.specs-section{background:#fff}
.spec-list>div{border-color:#dce7f4;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 8px 22px rgba(15,42,83,.05)}
.spec-list>div:nth-child(3n+1) strong{color:#0c68d7}.spec-list>div:nth-child(3n+2) strong{color:#7853cf}.spec-list>div:nth-child(3n+3) strong{color:#d75d43}

.colour-section{overflow:hidden;background:radial-gradient(circle at 90% 15%,rgba(255,115,133,.26),transparent 30%),radial-gradient(circle at 8% 90%,rgba(36,216,215,.2),transparent 30%),linear-gradient(145deg,#07162f,#313d8f 65%,#513480)}
.colour-section:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-210px;top:-170px;box-shadow:0 0 0 60px rgba(255,255,255,.028),0 0 0 120px rgba(255,255,255,.018)}
.colour-swatches span{box-shadow:0 9px 24px rgba(0,0,0,.16)}
.dark-card{background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.06));border-color:rgba(255,255,255,.28)}

.routine-section{background:linear-gradient(180deg,#fff,#f7fbff)}
.scenario-grid article{border-color:#dce6f3;background:#fff;box-shadow:0 15px 38px rgba(12,38,77,.07);transition:transform .25s ease,box-shadow .25s ease}
.scenario-grid article:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(12,38,77,.12)}
.scenario-grid article:nth-child(1){border-bottom:4px solid #1bbccf}.scenario-grid article:nth-child(2){border-bottom:4px solid #725be3}.scenario-grid article:nth-child(3){border-bottom:4px solid #f39a45}.scenario-grid article:nth-child(4){border-bottom:4px solid #ef6074}
.faq-section{background:radial-gradient(circle at 0 0,rgba(23,108,255,.09),transparent 28%),#f3f6fb}
.faq-list details{border-color:#dbe5f3;border-radius:17px;box-shadow:0 12px 32px rgba(9,34,72,.055)}
.faq-list details[open]{border-color:#b9d3f7;box-shadow:0 17px 40px rgba(23,108,255,.09)}

.order-section{overflow:hidden;background:radial-gradient(circle at 0 0,rgba(19,191,209,.32),transparent 31%),radial-gradient(circle at 100% 100%,rgba(129,73,211,.3),transparent 34%),linear-gradient(145deg,#031127,#0a3263)}
.order-section:after{content:"";position:absolute;right:-180px;top:-180px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.016)}
.order-grid{position:relative;z-index:1}
.order-card{border:1px solid rgba(255,255,255,.72);border-radius:30px;background:linear-gradient(160deg,#fff,#f7faff);box-shadow:0 38px 95px rgba(0,0,0,.34)}
.order-card-head>span{display:inline-block;padding:6px 10px;border-radius:999px;background:#eaf2ff}
.input-wrap{border-color:#ccd9e9;background:#fff;box-shadow:0 6px 18px rgba(12,39,78,.035)}
.input-wrap>span{height:100%;border-right:1px solid #e3eaf3;background:#f5f8fc;border-radius:12px 0 0 12px}
.submit-button{position:relative;overflow:hidden;background:linear-gradient(135deg,#17bd76,#079fa4);box-shadow:0 18px 38px rgba(13,169,130,.29)}

.site-footer{background:radial-gradient(circle at 100% 0,rgba(23,108,255,.17),transparent 30%),#020a19}
.footer-grid{grid-template-columns:1.55fr .7fr .75fr 1.25fr;gap:36px}
.outlet-card{padding:22px!important;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.08)}
.footer-grid .outlet-card strong{color:#f7d489;font-size:10px;letter-spacing:.13em}
.footer-grid .outlet-card span{color:#e5edf8;font-size:12px}
.footer-grid .outlet-card b{color:#fff;font-size:12px;line-height:1.5}
.footer-grid .outlet-card em{margin-top:7px;color:#69dfe6;font-size:10px;font-style:normal;font-weight:900;letter-spacing:.15em}
.mobile-order-bar{background:linear-gradient(135deg,#06152f,#164995);box-shadow:0 18px 45px rgba(0,0,0,.34)}
.back-top{background:linear-gradient(135deg,#176cff,#7658dd)}

@media (max-width:1020px){
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}.outlet-card{grid-column:1/-1}
}

@media (max-width:760px){
  .nav-wrap{min-height:70px;gap:12px}.company-logo{width:94px;height:58px;border-radius:11px}.site-header .button-small{flex:0 0 auto}
  .hero{padding:64px 0 72px}.hero h1{font-size:42px}.hero-image-frame{padding:7px;border-radius:27px}.hero-image-frame img{border-radius:20px}
  .trust-grid>div{border-right-color:#e1e8f2}.trust-grid>div:nth-child(-n+2){border-bottom-color:#e1e8f2}
  .media-card{padding:6px;border-radius:25px}.media-card img{border-radius:19px}
  .mini-feature-grid img,.day-grid img{object-fit:contain}
  .order-card{border-radius:24px}.footer-grid{grid-template-columns:1fr 1fr}.outlet-card{grid-column:1/-1}
}

@media (max-width:430px){
  .company-logo{width:84px;height:52px}.nav-wrap>.button-small{min-width:84px}.nav-wrap>.button-small:after{content:"BUY NOW"}.hero h1{font-size:37px}
  .footer-grid{grid-template-columns:1fr}.outlet-card{grid-column:auto}
}

/* Premium popup ordering */
body.modal-open{overflow:hidden}
.order-launch-card{position:relative;align-self:stretch;min-height:520px;padding:12px;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06));box-shadow:0 34px 85px rgba(0,0,0,.3)}
.order-launch-card img{width:100%;height:100%;min-height:496px;object-fit:contain;border-radius:24px}
.order-launch-card:after{content:"";position:absolute;inset:12px;border-radius:24px;background:linear-gradient(to top,rgba(3,17,39,.82),transparent 42%);pointer-events:none}
.order-launch-button{position:absolute;z-index:2;left:34px;right:34px;bottom:34px;min-height:62px}
.order-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
.order-modal:target,.order-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.order-modal-backdrop{position:absolute;inset:0;background:rgba(1,8,23,.78);backdrop-filter:blur(12px)}
.order-modal-panel{position:relative;z-index:1;width:min(100%,960px);max-height:min(92vh,820px);display:grid;grid-template-columns:.82fr 1.18fr;overflow:auto;border:1px solid rgba(255,255,255,.25);border-radius:32px;background:#fff;box-shadow:0 45px 120px rgba(0,0,0,.48);transform:translateY(20px) scale(.97);transition:transform .32s cubic-bezier(.2,.8,.2,1);scrollbar-width:thin}
.order-modal:target .order-modal-panel,.order-modal.is-open .order-modal-panel{transform:none}
.order-modal-close{position:absolute;z-index:4;top:14px;right:14px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(6,21,47,.12);border-radius:50%;color:#071a3d;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(0,0,0,.15);font-size:27px;line-height:1;cursor:pointer}
.order-modal-close:hover{color:#fff;background:#ef5c67}
.order-modal-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:620px;padding:34px;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 8%,rgba(19,191,209,.35),transparent 31%),linear-gradient(150deg,#04142f,#17498d 66%,#56388b)}
.order-modal-visual:before{content:"";position:absolute;z-index:-1;width:270px;height:270px;right:-135px;bottom:-95px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.035),0 0 0 96px rgba(255,255,255,.02)}
.order-modal-visual img{position:absolute;inset:30px 24px auto;width:calc(100% - 48px);height:390px;object-fit:contain;border:7px solid rgba(255,255,255,.16);border-radius:25px;box-shadow:0 24px 55px rgba(0,0,0,.24)}
.order-modal-visual span{position:relative;font-size:14px;font-weight:850;line-height:1.35}
.order-total-label{position:relative;display:block;margin-top:14px;color:#a9dfe9;font-size:9px;font-weight:900;letter-spacing:.16em}
.order-modal-visual strong{position:relative;display:block;margin-top:2px;color:#ffe19a;font-size:30px;letter-spacing:-.03em}
.order-card-modal{align-self:center;padding:36px 34px;border:0;border-radius:0;background:#fff;box-shadow:none}
.order-card-modal .order-card-head{padding-right:30px;text-align:left}
.order-card-modal .order-card-head>span{color:#0f65d6}

/* Bottom contact button with alternating WhatsApp and call icons */
.footer-bottom{justify-content:center;text-align:center}
.contact-call-bar{width:min(calc(100% - 40px),630px);min-height:112px;margin:38px auto 8px;padding:18px 40px;display:flex;align-items:center;justify-content:center;gap:28px;border:1px solid rgba(226,171,59,.42);border-radius:27px;color:#fff;text-decoration:none;background:linear-gradient(145deg,rgba(41,56,83,.97),rgba(30,46,75,.97));box-shadow:0 24px 65px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);transition:transform .2s ease,border-color .2s ease}
.contact-call-bar:hover{transform:translateY(-3px);border-color:rgba(255,216,130,.75)}
.contact-call-bar strong{font-size:clamp(25px,4vw,40px);letter-spacing:.025em;line-height:1;white-space:nowrap}
.contact-icon-shell{position:relative;flex:0 0 78px;width:78px;height:78px;display:grid;place-items:center;border:7px solid rgba(255,255,255,.15);border-radius:50%;background:#25d366;box-shadow:0 12px 27px rgba(37,211,102,.33);animation:contactShellSwap 4.4s ease-in-out infinite}
.contact-icon{position:absolute;width:39px;height:39px;fill:#fff}
.contact-icon-whatsapp{animation:contactWhatsApp 4.4s ease-in-out infinite}
.contact-icon-call{opacity:0;animation:contactCall 4.4s ease-in-out infinite}
@keyframes contactShellSwap{0%,43%,100%{background:#25d366;box-shadow:0 12px 27px rgba(37,211,102,.33)}52%,91%{background:#ff4646;box-shadow:0 12px 27px rgba(255,70,70,.34)}}
@keyframes contactWhatsApp{0%,43%,100%{opacity:1;transform:scale(1) rotate(0)}49%,94%{opacity:0;transform:scale(.68) rotate(-18deg)}}
@keyframes contactCall{0%,43%,100%{opacity:0;transform:scale(.68) rotate(18deg)}52%,91%{opacity:1;transform:scale(1) rotate(0)}}

@media (max-width:760px){
  .order-launch-card{min-height:auto}.order-launch-card img{min-height:0;height:auto}.order-launch-button{left:25px;right:25px;bottom:25px}
  .order-modal{padding:10px}.order-modal-panel{display:block;max-height:94svh;border-radius:24px}.order-modal-visual{min-height:205px;padding:22px 24px}.order-modal-visual img{inset:14px auto auto 18px;width:176px;height:176px;border-width:5px;border-radius:19px}.order-modal-visual span,.order-modal-visual .order-total-label,.order-modal-visual strong{margin-left:195px}.order-modal-visual .order-total-label{margin-top:10px}.order-modal-visual strong{font-size:24px}.order-card-modal{padding:28px 18px 24px}.order-card-modal .order-card-head{padding-right:38px}
  .contact-call-bar{min-height:86px;padding:14px 22px;gap:17px;border-radius:22px}.contact-icon-shell{flex-basis:58px;width:58px;height:58px;border-width:5px}.contact-icon{width:29px;height:29px}.contact-call-bar strong{font-size:25px}
  .site-footer{padding-bottom:92px}.footer-grid{align-items:start}.footer-grid>div{min-width:0}.outlet-card{width:100%}
  body.modal-open .mobile-order-bar{opacity:0!important;pointer-events:none!important}
}

@media (max-width:430px){
  .nav-wrap{gap:8px}.nav-wrap>.button-small{min-width:136px;padding:10px 9px;font-size:9px;line-height:1.15;white-space:nowrap}.nav-wrap>.button-small:after{display:none;content:none}.company-logo{flex-shrink:0}
  .order-modal-visual{min-height:168px}.order-modal-visual img{width:138px;height:138px}.order-modal-visual span,.order-modal-visual .order-total-label,.order-modal-visual strong{margin-left:150px}.order-modal-visual span{font-size:11px}.order-modal-visual .order-total-label{margin-top:8px;font-size:8px}.order-modal-visual strong{font-size:21px}
  .contact-call-bar{width:calc(100% - 24px);min-height:78px;padding:12px 15px;gap:14px;overflow:hidden}.contact-icon-shell{flex-basis:52px;width:52px;height:52px}.contact-call-bar strong{font-size:clamp(20px,6.4vw,25px)}
}