:root {
  --navy:#14233c;
  --navy-2:#1b3050;
  --red:#d92d20;
  --red-dark:#b91f15;
  --gold:#f3b515;
  --gold-soft:#fff3c8;
  --ink:#172035;
  --muted:#5f6878;
  --line:#dfe4ec;
  --paper:#fffdf9;
  --soft:#f5f6f8;
  --white:#ffffff;
  --success:#087f5b;
  --shadow:0 24px 65px rgba(20,35,60,.12);
  --radius:20px;
  --container:min(1180px, calc(100% - 40px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
body.drawer-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{max-width:100%;display:block}
.container{width:var(--container);margin-inline:auto}
.skip-link{position:fixed;left:10px;top:-80px;z-index:9999;background:var(--navy);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:10px}
.topbar{background:var(--navy);color:#eef3fa;font-size:.82rem}
.topbar-inner{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.topbar-contact,.topbar-link{display:flex;align-items:center;gap:10px}.topbar a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,249,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,35,60,.08);transition:box-shadow .25s ease}
.site-header.scrolled{box-shadow:0 8px 28px rgba(20,35,60,.08)}
.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{width:126px;height:72px;display:flex;align-items:center}.brand img{width:126px;height:auto}
.primary-nav{display:flex;align-items:center;gap:25px;font-size:.93rem;font-weight:650}.primary-nav>a:not(.button){position:relative}.primary-nav>a:not(.button)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--red);transition:right .2s ease}.primary-nav>a:not(.button):hover::after,.primary-nav>a.active::after{right:0}
.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--navy);margin:5px 0;transition:.2s}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--red);background:var(--red);color:#fff;padding:13px 21px;border-radius:999px;font-weight:750;line-height:1.1;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(217,45,32,.24);background:var(--red-dark)}
.button-small{padding:10px 17px;font-size:.86rem}
.button-ghost{background:transparent;color:var(--navy);border-color:rgba(20,35,60,.24)}.button-ghost:hover{background:#fff;color:var(--navy);box-shadow:0 12px 28px rgba(20,35,60,.10)}
.button-ghost-dark{background:transparent;color:var(--navy);border-color:rgba(20,35,60,.3)}.button-ghost-dark:hover{background:var(--navy);color:#fff;box-shadow:none}
.hero{position:relative;overflow:hidden;padding:70px 0 0;background:linear-gradient(135deg,#fffdf9 0%,#fff8e7 52%,#f7f8fb 100%)}
.hero-pattern{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(20,35,60,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,35,60,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:62px;min-height:600px}
.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:850;color:var(--red)}
.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:32px;height:2px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.035em;color:var(--navy);line-height:1.07}
h1{font-size:clamp(3.05rem,5.5vw,5.8rem);margin:20px 0 24px;max-width:720px}h1 em{font-weight:400;color:var(--red)}
h2{font-size:clamp(2.25rem,4vw,4.25rem);margin:11px 0 18px}h3{line-height:1.25}
.hero-copy>p{font-size:1.08rem;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 37px}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(20,35,60,.14);padding-top:20px;gap:20px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:1rem;color:var(--navy)}.hero-proof span{font-size:.78rem;color:var(--muted)}
.hero-visual{position:relative}.hero-collage{position:relative;display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:185px 185px;gap:16px;padding:16px;background:#fff;border-radius:34px;box-shadow:var(--shadow);border:1px solid rgba(20,35,60,.08)}.hero-collage::before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(243,181,21,.18);left:-24px;bottom:42px;z-index:0}.hero-collage::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;border:16px solid rgba(217,45,32,.12);right:-35px;top:-30px;z-index:0}.hero-panel{position:relative;overflow:hidden;border-radius:28px;background:#f4f6f9;z-index:1}.hero-panel img{width:100%;height:100%;object-fit:cover;display:block}.hero-panel-main{grid-row:1 / span 2;min-height:386px}.hero-badge{position:absolute;z-index:2;max-width:230px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 18px 40px rgba(20,35,60,.16);border-radius:18px;padding:14px 16px;border:1px solid rgba(20,35,60,.06)}.hero-badge strong,.hero-badge span{display:block}.hero-badge strong{font-size:.9rem;color:var(--navy);line-height:1.25}.hero-badge span{font-size:.74rem;color:var(--muted);margin-top:4px;line-height:1.45}.hero-badge-top{right:18px;top:18px}.hero-badge-bottom{left:18px;bottom:18px}
.trust-ribbon{position:relative;margin-top:55px;background:var(--navy);color:#fff;min-height:72px;border-radius:18px 18px 0 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 23px;padding:18px 25px}.trust-ribbon span{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:#aebbd0}.trust-ribbon strong{font-size:.9rem}.trust-ribbon i{width:4px;height:4px;background:var(--gold);border-radius:50%}
.section{padding:105px 0}.section-light{background:var(--soft)}
.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:45px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);max-width:520px;margin-bottom:5px}
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.solution-card{position:relative;background:#fff;border:1px solid #e6e9ef;border-radius:var(--radius);padding:18px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column}.solution-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(20,35,60,.11);border-color:transparent}.solution-card::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-100px;bottom:-100px;background:var(--gold);opacity:.16;transition:.3s}.solution-card:hover::after{right:-70px;bottom:-70px}.solution-number{position:absolute;right:18px;top:14px;font-size:.72rem;font-weight:800;color:#9aa3b2;z-index:2}.solution-media{position:relative;aspect-ratio:4/3;border-radius:24px 24px 24px 8px;overflow:hidden;margin:0 0 18px;background:#f4f6f9}.solution-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.solution-card:hover .solution-media img{transform:scale(1.04)}.solution-icon{display:none}.solution-media .solution-icon{display:none}.solution-icon span{display:none}.icon-school{background:linear-gradient(135deg,#d92d20,#f26b5e)}.icon-health{background:linear-gradient(135deg,#14847a,#50b9a9)}.icon-industry{background:linear-gradient(135deg,#293b59,#637996)}.icon-corporate{background:linear-gradient(135deg,#6d3d85,#a071b9)}.icon-hospitality{background:linear-gradient(135deg,#a15b0a,#e2a33c)}.icon-security{background:linear-gradient(135deg,#25344d,#546984)}.icon-fuel{background:linear-gradient(135deg,#c22f2f,#f0a321)}.icon-custom{background:linear-gradient(135deg,#2771a8,#55a6d4)}.solution-card h3{font-size:1.18rem;color:var(--navy);margin-bottom:10px}.solution-card p{font-size:.88rem;color:var(--muted);min-height:83px;flex:1}.text-link{border:0;background:none;padding:0;color:var(--red);font-weight:780;cursor:pointer;display:inline-flex;gap:9px;align-items:center}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(5px)}


.hero-photo-wrap{position:relative;border-radius:34px;overflow:hidden;background:#fff;border:1px solid rgba(20,35,60,.08);box-shadow:var(--shadow);padding:14px}
.hero-photo-wrap::before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:rgba(243,181,21,.18);left:-24px;bottom:42px;z-index:0}
.hero-photo-wrap::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;border:16px solid rgba(217,45,32,.12);right:-35px;top:-30px;z-index:0}
.hero-photo{position:relative;z-index:1;border-radius:26px;aspect-ratio:16/10;object-fit:cover;display:block;width:100%}
.split-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.split-grid-reverse .split-copy{order:2}.split-grid-reverse .split-visual{order:1}
.split-copy>p{color:var(--muted)}
.visual-frame{position:relative;overflow:hidden;border-radius:28px;box-shadow:var(--shadow);background:#fff;border:1px solid rgba(20,35,60,.08)}
.visual-frame img{display:block;width:100%;height:100%;object-fit:cover}
.visual-large{aspect-ratio:4/3}
.visual-medium{aspect-ratio:4/3}
.feature-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.feature-list-grid div{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.feature-list-grid strong{display:block;color:var(--navy);margin-bottom:6px}
.feature-list-grid span{display:block;font-size:.88rem;color:var(--muted)}
.craftsmanship-section{background:linear-gradient(180deg,#f7f8fb 0%,#fffdf9 100%)}
.story-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.story-card{background:#fff;border:1px solid #e6e9ef;border-radius:24px;overflow:hidden;box-shadow:0 18px 42px rgba(20,35,60,.08);display:flex;flex-direction:column}
.story-card-media{aspect-ratio:4/3;overflow:hidden;background:#f4f6f9}
.story-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.story-card-copy{padding:22px}
.story-card-kicker{display:inline-block;font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;color:var(--red);font-weight:850;margin-bottom:10px}
.story-card-copy h3{font-size:1.24rem;color:var(--navy);margin-bottom:10px}
.story-card-copy p{font-size:.92rem;color:var(--muted);margin-bottom:0}
.proof-section{background:linear-gradient(145deg,#fff9e9 0%,#ffffff 55%)}
.proof-stack{display:grid;gap:16px;margin-top:18px}
.proof-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:0 12px 30px rgba(20,35,60,.06)}
.proof-item strong{display:block;color:var(--navy);margin-bottom:6px}
.proof-item p{margin:0;color:var(--muted)}
.showcase-section{background:linear-gradient(180deg,#fffdf9 0%,#f7f9fc 100%)}
.showcase-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.showcase-card{background:#fff;border:1px solid #e6eaf0;border-radius:26px;overflow:hidden;box-shadow:0 18px 40px rgba(20,35,60,.08);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.showcase-card:hover{transform:translateY(-4px);box-shadow:0 24px 46px rgba(20,35,60,.11);border-color:#d6dde8}
.showcase-card-media{display:block;aspect-ratio:4/3;background:#f4f6f9;overflow:hidden}
.showcase-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.showcase-card:hover .showcase-card-media img{transform:scale(1.03)}
.showcase-card-copy{padding:20px 20px 22px}
.showcase-code{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;color:var(--red);font-weight:850;margin-bottom:8px}
.showcase-code::before{content:"";width:28px;height:2px;background:var(--gold)}
.showcase-card-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;color:var(--navy);line-height:1.16;margin:0 0 10px}
.showcase-card-copy h3 a{color:inherit;text-decoration:none}
.showcase-card-copy p{color:var(--muted);font-size:.92rem;margin-bottom:0}
.showcase-tags{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 0}
.showcase-tags span{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#fff3d1;color:var(--navy);font-size:.76rem;font-weight:750}
.showcase-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;position:relative;z-index:1}
.showcase-actions .button{padding:12px 18px}
.compact-actions .button{padding:10px 14px}
.story-section{background:var(--paper)}.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px;align-items:center}.story-visual{position:relative;min-height:560px}.about-visual-frame{height:100%;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);background:#fff;border:1px solid rgba(20,35,60,.08)}.about-visual-frame img{width:100%;height:100%;min-height:560px;object-fit:cover;display:block}.about-badge{position:absolute;left:22px;bottom:22px;z-index:2;background:rgba(255,255,255,.94);border:1px solid rgba(20,35,60,.08);border-radius:16px;padding:14px 16px;box-shadow:0 18px 40px rgba(20,35,60,.14)}.about-badge strong,.about-badge span{display:block}.about-badge strong{font-size:1.05rem;color:var(--navy)}.about-badge span{font-size:.82rem;color:var(--muted);margin-top:3px}
.story-copy>p{color:var(--muted);font-size:1rem}.principles{margin-top:30px;border-top:1px solid var(--line)}.principles>div{display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.principles span{grid-row:1/3;color:var(--red);font-size:.75rem;font-weight:900}.principles strong{color:var(--navy)}.principles p{font-size:.84rem;color:var(--muted);margin:2px 0 0}
.difference-section{background:#fff}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.difference-item{min-height:225px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.difference-item>span{font-size:.7rem;font-weight:900;color:var(--red)}.difference-item h3{font-size:1.05rem;color:var(--navy);margin:22px 0 10px}.difference-item p{font-size:.88rem;color:var(--muted);margin:0}
.process-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}.process-section::after{content:"";position:absolute;width:480px;height:480px;border:100px solid rgba(243,181,21,.06);border-radius:50%;right:-170px;top:-200px}.light-heading h2{color:#fff}.light-heading>p{color:#b9c4d4}.process-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid rgba(255,255,255,.19)}.process-step{padding:28px 25px 0;border-right:1px solid rgba(255,255,255,.13);min-height:230px}.process-step:first-child{padding-left:0}.process-step:last-child{border-right:0}.process-step>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.26);border-radius:50%;font-size:.7rem;color:var(--gold)}.process-step h3{font-family:Georgia,serif;font-size:1.35rem;margin:25px 0 10px}.process-step p{font-size:.84rem;color:#b9c4d4}
.fit-section{background:#fff}.fit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.fit-copy p{color:var(--muted);margin-bottom:27px}.swatch-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,190px);gap:16px}.swatch{position:relative;border-radius:20px;overflow:hidden;display:flex;align-items:flex-end;padding:20px;background-color:#ddd}.swatch::before{content:"";position:absolute;inset:0}.swatch span{position:relative;z-index:1;background:#fff;border-radius:999px;padding:7px 12px;font-weight:800;font-size:.8rem}.swatch-one::before{background:repeating-linear-gradient(0deg,#eef1f5 0 5px,#dde3eb 5px 7px)}.swatch-two::before{background:repeating-linear-gradient(45deg,#d92d20 0 7px,#bd241a 7px 9px)}.swatch-three::before{background:linear-gradient(135deg,#14233c 50%,#f3b515 50%)}.swatch-four::before{background:radial-gradient(circle at 30% 30%,#fff 0 4px,transparent 4px),#e3a914;background-size:18px 18px}
.faq-section{background:var(--soft)}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-intro{position:sticky;top:130px;align-self:start}.faq-intro p{color:var(--muted);margin-bottom:26px}.accordion details{border-bottom:1px solid #cfd5de}.accordion summary{list-style:none;cursor:pointer;padding:22px 38px 22px 0;color:var(--navy);font-weight:780;position:relative}.accordion summary::-webkit-details-marker{display:none}.accordion summary::after{content:"+";position:absolute;right:4px;font-size:1.35rem;font-weight:400}.accordion details[open] summary::after{content:"−"}.accordion details p{color:var(--muted);font-size:.9rem;padding:0 45px 20px 0;margin:0}
.contact-section{background:linear-gradient(140deg,#fff8e7 0%,#fff 55%)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-copy>p{color:var(--muted)}.contact-methods{display:grid;gap:10px;margin:27px 0}.contact-methods a{display:grid;grid-template-columns:78px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid rgba(20,35,60,.12)}.contact-methods span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--red);font-weight:850}.contact-methods strong{font-size:.9rem}.address-cards{display:grid;gap:10px;margin-top:24px}.address-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:.2s}.address-card:hover{border-color:var(--gold);transform:translateY(-2px)}.address-card span,.address-card strong,.address-card small{display:block}.address-card span{font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;color:var(--red);font-weight:800}.address-card strong{font-size:.86rem;margin:4px 0}.address-card small{color:var(--muted)}
.form-card{background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:30px;border:1px solid rgba(20,35,60,.07)}.form-card-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:23px}.form-card-head span{font-family:Georgia,serif;color:var(--navy);font-size:1.35rem}.form-card-head small{color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-card label{display:block;font-size:.75rem;font-weight:780;color:var(--navy);margin-bottom:15px}.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid #d9dee6;border-radius:10px;background:#fbfbfc;padding:12px 13px;margin-top:7px;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}.form-card textarea{resize:vertical;min-height:120px}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(243,181,21,.16)}.form-card .invalid{border-color:var(--red)}.consent{display:flex!important;gap:9px;align-items:flex-start;font-weight:500!important;color:var(--muted)!important}.consent input{width:16px;height:16px;margin:3px 0 0;flex:0 0 auto}.consent a{color:var(--red);text-decoration:underline}.form-submit{width:100%;justify-content:space-between;border-radius:12px;padding:15px 18px}.form-status{font-size:.83rem;margin:13px 0 0;min-height:22px}.form-status.success{color:var(--success)}.form-status.error{color:var(--red)}
.site-footer{background:#0d192b;color:#c1c9d5;padding:64px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:70px}.footer-brand img{width:118px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.18));margin-bottom:16px}.footer-brand p{max-width:340px;color:#a9b4c3;font-size:.88rem}.footer-brand>a{color:var(--gold);font-size:.85rem}.site-footer h3{color:#fff;font-size:.84rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}.site-footer .footer-grid>div:not(.footer-brand)>a{display:block;font-size:.85rem;margin:9px 0;color:#a9b4c3}.site-footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:20px;font-size:.75rem;color:#7f8ca0}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:90;width:56px;height:56px;background:#24d366;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:.2s}.whatsapp-float:hover{transform:translateY(-3px) scale(1.03)}.whatsapp-float svg{width:29px;height:29px;fill:#fff}
.solution-drawer{position:fixed;inset:0;z-index:300;visibility:hidden;pointer-events:none}.solution-drawer.open{visibility:visible;pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:rgba(5,14,28,.68);opacity:0;transition:.3s}.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(700px,94vw);background:var(--paper);transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);overflow-y:auto;padding:65px 55px 55px;box-shadow:-20px 0 60px rgba(0,0,0,.18)}.open .drawer-panel{transform:translateX(0)}.drawer-close{position:absolute;right:25px;top:20px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:1.6rem;line-height:1;cursor:pointer}.drawer-kicker{font-size:.74rem;text-transform:uppercase;letter-spacing:.13em;color:var(--red);font-weight:850}.drawer-hero{margin:18px 0 22px;border-radius:26px;overflow:hidden;aspect-ratio:4/3;background:#f4f6f9}.drawer-hero img{width:100%;height:100%;object-fit:cover;display:block}.drawer-panel h2{font-size:clamp(2.2rem,5vw,3.7rem);margin:12px 0 20px}.drawer-lead{font-size:1.02rem;color:var(--muted)}.drawer-band{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:28px 0}.drawer-band span{background:var(--navy);color:#fff;border-radius:12px;padding:13px;text-align:center;font-size:.75rem;font-weight:700}.drawer-section{padding:24px 0;border-top:1px solid var(--line)}.drawer-section h3{color:var(--navy);font-size:1rem}.drawer-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;padding:0;list-style:none}.drawer-list li{position:relative;padding-left:17px;font-size:.87rem;color:var(--muted)}.drawer-list li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--gold)}.drawer-callout{background:var(--gold-soft);border-left:4px solid var(--gold);padding:17px 18px;border-radius:0 12px 12px 0;color:var(--navy);font-size:.88rem}.drawer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition-duration:.01ms!important}}
@media (max-width:1050px){.primary-nav{gap:16px}.hero-grid{gap:35px}.solution-grid{grid-template-columns:repeat(2,1fr)}.story-grid{gap:55px}.process-track{grid-template-columns:repeat(5,1fr)}.process-step{padding-inline:15px}.contact-grid{gap:40px}.showcase-stack{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr;gap:34px}.split-grid-reverse .split-copy,.split-grid-reverse .split-visual{order:initial}.story-cards-grid{grid-template-columns:1fr 1fr}}
@media (max-width:860px){:root{--container:min(720px, calc(100% - 30px))}.topbar-link{display:none}.menu-toggle{display:block;z-index:2}.primary-nav{position:fixed;inset:116px 15px auto;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:20px;display:grid;gap:4px;opacity:0;transform:translateY(-12px);visibility:hidden;transition:.2s}.primary-nav.open{opacity:1;transform:none;visibility:visible}.primary-nav a{padding:10px}.primary-nav .button{margin-top:6px}.hero{padding-top:40px}.hero-grid,.story-grid,.fit-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{gap:55px}.hero-copy{text-align:center}.eyebrow{justify-content:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{max-width:640px;margin-inline:auto}.hero-badge-top{right:16px;top:16px}.hero-badge-bottom{left:16px;bottom:16px}.section-heading{grid-template-columns:1fr;gap:15px}.story-visual{min-height:480px;order:2}.story-copy{order:1}.difference-grid{grid-template-columns:repeat(2,1fr)}.process-track{grid-template-columns:1fr 1fr;border-top:0}.process-step{border-top:1px solid rgba(255,255,255,.18)}.faq-intro{position:static}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.drawer-panel{padding:60px 30px 40px}}
@media (max-width:620px){.topbar-contact{width:100%;justify-content:center;font-size:.75rem}.header-inner{height:72px}.brand{height:65px;width:110px}.brand img{width:110px}.primary-nav{inset:108px 15px auto}.hero-grid{min-height:auto}.hero{padding-top:34px}h1{font-size:clamp(2.75rem,13vw,4.2rem)}.hero-proof{grid-template-columns:1fr;gap:12px}.hero-proof div{align-items:center}.hero-photo-wrap{padding:10px;border-radius:24px}.hero-photo{border-radius:18px}.hero-badge{position:static;max-width:none;margin-top:10px}.about-badge{position:static;display:inline-block;margin-top:12px}.about-visual-frame img{min-height:420px}.feature-list-grid{grid-template-columns:1fr}.story-cards-grid{grid-template-columns:1fr}.trust-ribbon{border-radius:15px 15px 0 0;gap:10px 13px}.trust-ribbon span{width:100%;text-align:center}.section{padding:78px 0}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:auto}.solution-card p{min-height:0}.showcase-stack{grid-template-columns:1fr}.showcase-card{border-radius:22px}.story-visual{min-height:420px}.fabric-card-main{right:25px}.fabric-card-small{width:150px;height:135px}.fabric-card-small strong{font-size:2.7rem}.difference-grid{grid-template-columns:1fr}.process-track{grid-template-columns:1fr}.process-step{min-height:180px;border-right:0;padding:24px 0}.swatch-grid{grid-template-rows:repeat(2,150px)}.field-row{grid-template-columns:1fr}.form-card{padding:22px}.form-card-head{display:block}.form-card-head small{display:block;margin-top:3px}.contact-methods a{grid-template-columns:65px 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.drawer-panel{padding:60px 22px 35px}.drawer-band{grid-template-columns:1fr}.drawer-list{grid-template-columns:1fr}.whatsapp-float{right:16px;bottom:16px;width:52px;height:52px}}

/* Phase 2: premium conversion, SEO landing pages and deployment refinements */
.solution-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}
.quick-link{border:0;background:transparent;color:var(--muted);font-size:.76rem;font-weight:750;cursor:pointer;padding:6px 0;border-bottom:1px solid transparent}.quick-link:hover{color:var(--navy);border-color:var(--gold)}
.form-eyebrow{display:block!important;text-transform:uppercase;letter-spacing:.12em;color:var(--red)!important;font-size:.66rem!important;font-weight:850;margin-bottom:4px}
.form-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-4px 0 24px}.form-assurance span{display:flex;align-items:center;gap:8px;background:#f7f8fa;border:1px solid #e7eaf0;border-radius:12px;padding:10px;font-size:.69rem;color:var(--muted);line-height:1.3}.form-assurance b{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:8px;background:var(--navy);color:#fff;font-size:.65rem}
.form-privacy-note{background:#f8fafc;border:1px solid #e4e9ef;border-radius:10px;padding:10px 12px;color:var(--muted);font-size:.72rem;margin:0 0 14px}
.footer-cta{background:linear-gradient(135deg,#fff3c8 0%,#fffaf0 50%,#eef3f9 100%);padding:70px 0;border-top:1px solid rgba(20,35,60,.08)}.footer-cta-inner{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:60px}.footer-cta h2{font-size:clamp(2rem,3.5vw,3.4rem);margin:8px 0 14px}.footer-cta p{color:var(--muted);max-width:720px;margin:0}.footer-cta-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.footer-cta-actions .button{min-height:52px}

.solution-page{background:var(--paper)}
.solution-page-header{background:var(--paper)}
.breadcrumb{font-size:.78rem;color:var(--muted);padding:22px 0 0}.breadcrumb a{color:var(--red)}
.solution-page-hero{padding:38px 0 85px;background:linear-gradient(135deg,#fffdf9 0%,#fff6dc 58%,#f5f7fb 100%);overflow:hidden}.solution-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.solution-page-copy h1{font-size:clamp(2.7rem,5vw,5.2rem);margin:17px 0 23px}.solution-page-copy>p{font-size:1.05rem;color:var(--muted)}.solution-page-media{border-radius:38px;overflow:hidden;box-shadow:var(--shadow);background:#fff;padding:13px;transform:rotate(1deg)}.solution-page-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:29px}.solution-page-tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.solution-page-tags span{padding:9px 13px;background:#fff;border:1px solid rgba(20,35,60,.1);border-radius:999px;font-size:.76rem;font-weight:750;color:var(--navy)}
.scope-section{background:#fff}.scope-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.scope-intro p{color:var(--muted)}.scope-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.scope-item{background:var(--soft);border:1px solid #e4e8ee;border-radius:16px;padding:18px 20px;display:flex;gap:12px;align-items:flex-start}.scope-item b{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;background:var(--gold);color:var(--navy);border-radius:9px}.scope-item span{font-size:.9rem;color:var(--navy);font-weight:700}
.approach-panel{background:var(--navy);color:#fff;border-radius:30px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.approach-panel h2{color:#fff}.approach-panel p{color:#c7d0dd}.approach-note{background:rgba(255,255,255,.09);border-left:4px solid var(--gold);border-radius:0 16px 16px 0;padding:21px;color:#fff;align-self:center}
.category-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.category-process div{background:#fff;border:1px solid var(--line);border-radius:17px;padding:21px}.category-process span{color:var(--red);font-size:.72rem;font-weight:850}.category-process h3{color:var(--navy);font-size:1rem;margin:8px 0}.category-process p{color:var(--muted);font-size:.82rem;margin:0}
.category-cta{background:linear-gradient(135deg,#d92d20,#b91f15);color:#fff;border-radius:30px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.category-cta h2{color:#fff;margin:0 0 10px}.category-cta p{color:#ffe5e1;margin:0}.category-cta .button{background:#fff;color:var(--red);border-color:#fff}.category-cta .button:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.category-footer{padding-top:40px}
.error-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fffdf9,#fff4ce)}.error-card{max-width:700px;text-align:center;padding:60px 28px}.error-card strong{font-size:clamp(5rem,14vw,10rem);line-height:1;color:var(--gold)}.error-card p{color:var(--muted);font-size:1.05rem}
@media(max-width:900px){.footer-cta-inner,.solution-page-grid,.scope-grid,.approach-panel{grid-template-columns:1fr}.solution-page-grid{gap:45px}.solution-page-media{max-width:650px}.category-process{grid-template-columns:1fr 1fr}.category-cta{grid-template-columns:1fr}.footer-cta-actions{flex-direction:row}.scope-list{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.form-assurance{grid-template-columns:1fr}.footer-cta{padding:55px 0}.footer-cta-actions{flex-direction:column}.solution-page-hero{padding-bottom:65px}.scope-list,.category-process{grid-template-columns:1fr}.approach-panel,.category-cta{padding:25px}.solution-page-media{border-radius:25px}.solution-page-media img{border-radius:18px}}