:root{--color-primary:#0a1628;--color-primary-light:#132240;--color-primary-dark:#060e1a;--color-accent:#ff6b35;--color-accent-light:#ff8a5c;--color-accent-dark:#e55a28;--color-secondary:#ffc947;--color-secondary-light:#ffd76b;--color-secondary-dark:#e6b43f;--color-white:#fff;--color-off-white:#f8f9fc;--color-light-gray:#e8ecf2;--color-mid-gray:#8892a4;--color-dark-gray:#3d4555;--color-text:#1a1e2c;--color-text-light:#6b7280;--color-text-on-dark:#c8d0de;--color-success:#10b981;--color-error:#ef4444;--color-bg:var(--color-off-white);--color-surface:var(--color-white);--color-border:var(--color-light-gray);--color-text-muted:var(--color-text-light);--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 2px 4px #0a16280a, 0 1px 2px #0a16280f;--shadow-md:0 4px 6px #0a16280a, 0 8px 12px #0a162814;--shadow-lg:0 10px 15px #0a16280d, 0 20px 25px #0a16281a;--shadow-xl:0 20px 25px #0a16280d, 0 40px 50px #0a162826;--shadow-glow:0 0 20px #ff6b3566, 0 0 40px #ff6b3533;--shadow-glow-gold:0 0 20px #ffc94766, 0 0 40px #ffc94733;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-floating:500;--z-toast:600;--container-max:1200px;--container-wide:1400px;--container-narrow:800px;--header-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--color-text);background-color:var(--color-white);line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);color:var(--color-primary);line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}p{color:var(--color-text-light);line-height:1.8}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.container-wide{max-width:var(--container-wide)}.container-narrow{max-width:var(--container-narrow)}.section{padding:var(--space-20) 0}.section-dark{background-color:var(--color-primary);color:var(--color-white)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark h5{color:var(--color-white)}.section-dark p{color:var(--color-text-on-dark)}.section-light{background-color:var(--color-off-white)}.page-hero{min-height:50vh;padding-top:var(--header-height);align-items:center;display:flex;position:relative;overflow:hidden}.page-hero__bg{z-index:0;background:linear-gradient(135deg,#0a1628 0%,#132240 40%,#1a3060 70%,#0a1628 100%);position:absolute;inset:0}.page-hero__bg:after{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.page-hero__content{z-index:1;text-align:center;padding:var(--space-16) var(--space-6);position:relative}.page-hero__badge{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-accent);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:2px;background:#ff6b3526;border:1px solid #ff6b354d;display:inline-block}.page-hero__title{font-size:var(--text-5xl);color:var(--color-white);margin-bottom:var(--space-4)}.page-hero__subtitle{font-size:var(--text-xl);color:var(--color-text-on-dark);max-width:600px;margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-base);border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;z-index:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);z-index:-1;background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.btn:hover{transform:translateY(-3px)scale(1.02)}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));color:var(--color-white);box-shadow:0 4px 15px #ff6b3566}.btn-primary:hover{box-shadow:0 10px 25px #ff6b3599,0 0 15px #ff6b3566}.btn-secondary{color:var(--color-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0;border:2px solid #ffffff4d}.btn-secondary:hover{background:#ffffff1a;border-color:#fffc;box-shadow:0 8px 25px #ffffff1a}.btn-outline{color:var(--color-accent);border:2px solid var(--color-accent);background:0 0}.btn-outline:hover{background:var(--color-accent);color:var(--color-white);box-shadow:0 8px 25px #ff6b3566}.btn-gold{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));color:var(--color-primary);box-shadow:0 4px 15px #ffc94766}.btn-gold:hover{box-shadow:0 10px 25px #ffc94799,0 0 15px #ffc94766}.btn-lg{padding:var(--space-4) var(--space-10);font-size:var(--text-lg)}.btn-sm{padding:var(--space-2) var(--space-6);font-size:var(--text-sm)}.card{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--color-light-gray);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);border-color:#0000;transform:translateY(-8px)}.card-glass{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff26;border-color:#ffffff4d #ffffff26 #ffffff26 #ffffff4d;box-shadow:0 8px 32px #0003}.card-glass:hover{background:#ffffff0f;transform:translateY(-6px);box-shadow:0 12px 40px #0000004d}.card-icon{border-radius:var(--radius-lg);width:60px;height:60px;margin-bottom:var(--space-4);color:var(--color-accent);transition:all var(--transition-base);background:linear-gradient(135deg,#ff6b351a,#ffc9471a);justify-content:center;align-items:center;display:flex}.card:hover .card-icon{background:linear-gradient(135deg, var(--color-accent), var(--color-secondary));color:var(--color-white);transform:scale(1.1)}.grid{gap:var(--space-8);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in-down{animation:.6s forwards fadeInDown}.animate-slide-left{animation:.6s forwards slideInLeft}.animate-slide-right{animation:.6s forwards slideInRight}.animate-scale-in{animation:.6s forwards scaleIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.gradient-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%)}.gradient-accent{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%)}.gradient-hero{background:linear-gradient(135deg,#0a1628 0%,#132240 40%,#1a3060 70%,#0a1628 100%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-primary-dark)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-light)}::selection{background:var(--color-accent);color:var(--color-white)}@media (width<=1024px){:root{--text-5xl:2.5rem;--text-6xl:3rem}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--text-4xl:1.875rem;--text-5xl:2rem;--text-6xl:2.5rem}.container{padding:0 var(--space-4)}.section{padding:var(--space-16) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.page-hero{min-height:40vh}.page-hero__title{font-size:var(--text-4xl)}}@media (width<=480px){:root{--text-3xl:1.5rem;--text-4xl:1.625rem;--text-5xl:1.75rem}}.navbar{z-index:var(--z-sticky);padding:var(--space-4) 0;transition:all var(--transition-base);background:var(--color-white);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0}.navbar--scrolled{top:var(--space-4);left:var(--space-4);right:var(--space-4);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-full);max-width:var(--container-max);background:#fffffff2;border:1px solid #0000000d;margin:0 auto;padding:0;box-shadow:0 12px 40px #0000001a,inset 0 1px #fff}.navbar--scrolled .navbar__inner{padding-top:var(--space-3);padding-bottom:var(--space-3)}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.navbar__brand{align-items:center;gap:var(--space-3);z-index:calc(var(--z-sticky) + 10);display:flex}.navbar__logo-icon{transition:transform var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar__brand:hover .navbar__logo-icon{transform:rotate(-10deg)scale(1.05)}.navbar__brand-text{flex-direction:column;line-height:1.1;display:flex}.navbar__brand-name{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-primary)}.navbar__brand-tagline{font-family:var(--font-heading);font-weight:var(--weight-medium);font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:2px}.navbar__nav{align-items:center;gap:var(--space-6);display:flex}.navbar__nav-mobile{display:none}.navbar__list{align-items:center;gap:var(--space-1);display:flex}.navbar__link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.navbar__link:after{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-secondary));border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navbar__link:hover{color:var(--color-primary)}.navbar__link:hover:after,.navbar__link--active:after{width:60%}.navbar__link--active{color:var(--color-accent)}.navbar__cta-desktop{flex-shrink:0}.navbar__cta-mobile{display:none}.navbar__toggle{color:var(--color-primary);z-index:calc(var(--z-sticky) + 10);padding:var(--space-2);display:none}.navbar__overlay{display:none}@media (width<=1024px){.navbar{height:var(--header-height);align-items:center;padding:0;display:flex}.navbar--scrolled{border:none;border-bottom:1px solid #0000000d;border-radius:0;max-width:100%;top:0;left:0;right:0}.navbar--scrolled .navbar__inner{padding:0}.navbar__inner{width:100%}.navbar__nav{display:none}.navbar__nav-mobile{background:var(--color-white);width:300px;height:100vh;padding:var(--space-6) var(--space-8);transition:right var(--transition-base);z-index:9999;flex-direction:column;align-items:flex-start;display:flex;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-10px 10px 40px #0000001a}.navbar__nav-mobile--open{right:0}.navbar__nav-mobile-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;padding-bottom:20px;display:flex}.navbar__nav-mobile-logo{align-items:center;display:flex}.navbar__nav-mobile-logo img{object-fit:contain;width:auto;max-width:180px;height:48px}.navbar__toggle-close{color:var(--color-primary);cursor:pointer;padding:var(--space-2);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.navbar__list{align-items:flex-start;gap:var(--space-1);flex-direction:column;width:100%}.navbar__link{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-md);display:block}.navbar__link:hover,.navbar__link--active{background:#ff6b351a}.navbar__link:after,.navbar__cta-desktop{display:none}.navbar__cta-mobile{margin-top:var(--space-4);justify-content:center;width:100%;display:inline-flex}.navbar__toggle{justify-content:center;align-items:center;display:flex}.navbar__overlay{z-index:9998;background:#00000080;display:block;position:fixed;inset:0}}.footer{background:var(--color-off-white);color:var(--color-text);border-top:1px solid var(--color-light-gray)}.footer__top{padding:var(--space-16) 0 var(--space-12)}.footer__grid{gap:var(--space-10);grid-template-columns:1.5fr 1fr 1fr 1.2fr;display:grid}.footer__brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.footer__logo-icon{justify-content:center;align-items:center;display:flex}.footer__brand-name{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-primary);line-height:1.1;display:block}.footer__brand-tagline{font-family:var(--font-heading);font-weight:var(--weight-medium);font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:2px}.footer__desc{font-size:var(--text-sm);color:var(--color-text-light);margin-bottom:var(--space-4);line-height:1.7}.footer__hours{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--weight-medium);display:flex}.footer__heading{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-3);position:relative}.footer__heading:after{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-secondary));border-radius:var(--radius-full);width:30px;height:2px;position:absolute;bottom:0;left:0}.footer__links li{margin-bottom:var(--space-2)}.footer__link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-light);transition:all var(--transition-fast);display:flex}.footer__link:hover{color:var(--color-accent);transform:translate(4px)}.footer__contact li{gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);align-items:flex-start;display:flex}.footer__contact li svg{color:var(--color-accent);flex-shrink:0;margin-top:3px}.footer__contact a{color:var(--color-text-light);transition:color var(--transition-fast)}.footer__contact a:hover{color:var(--color-accent)}.footer__bottom{border-top:1px solid var(--color-light-gray);padding:var(--space-6) 0}.footer__bottom .container{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer__bottom p{font-size:var(--text-sm);color:var(--color-mid-gray)}.footer__credit{font-size:var(--text-xs)!important}@media (width<=1024px){.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.footer__grid{gap:var(--space-8);grid-template-columns:1fr}.footer__bottom .container{text-align:center;flex-direction:column}}.footer__gst{letter-spacing:.3px;color:var(--color-text-muted);font-family:Inter,monospace;font-size:.82rem}.footer__address-link{color:inherit;line-height:1.6;text-decoration:none;transition:color .2s}.footer__address-link:hover{color:var(--color-accent);text-decoration:underline}.floating-btn{width:56px;height:56px;color:var(--color-white);z-index:var(--z-floating);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;right:24px;box-shadow:0 4px 20px #0000004d}.floating-btn:hover{transform:scale(1.1)}.floating-btn--whatsapp{background:#25d366;animation:2s ease-in-out infinite pulse;bottom:24px}.floating-btn--whatsapp:hover{background:#20bd5a;animation:none;box-shadow:0 6px 25px #25d36680}.floating-btn--call{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));bottom:92px}.floating-btn--call:hover{box-shadow:0 6px 25px #ff6b3580}@media (width<=480px){.floating-btn{width:48px;height:48px;right:16px}.floating-btn--whatsapp{bottom:16px}.floating-btn--call{bottom:76px}}@media (width>=768px){.floating-btn--call{display:none}}.section-title{margin-bottom:var(--space-12)}.section-title--center{text-align:center}.section-title__subtitle{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:4px;color:var(--color-accent);margin-bottom:var(--space-4);font-size:1.1rem;font-weight:800;display:inline-block}.section-title--light .section-title__subtitle{color:var(--color-secondary)}.section-title__heading{font-size:var(--text-4xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);line-height:1.2}.section-title--light .section-title__heading{color:var(--color-white)}.section-title__line{background:linear-gradient(90deg, var(--color-accent), var(--color-secondary));border-radius:var(--radius-full);width:60px;height:4px;margin-bottom:var(--space-4)}.section-title--center .section-title__line{margin-left:auto;margin-right:auto}.section-title__desc{max-width:650px;color:var(--color-text);opacity:.9;letter-spacing:.2px;font-size:1.125rem;font-weight:400;line-height:1.7}.section-title__desc strong{color:var(--color-primary);font-weight:700}.section-title__desc .highlight-badge{color:var(--color-text);border-radius:var(--radius-sm);background:linear-gradient(135deg,#ff6b3514,#ffc94714);border:1px solid #ff6b3533;padding:4px 12px;display:inline-block;box-shadow:0 4px 12px -2px #ff6b350d}.section-title--center .section-title__desc{margin-left:auto;margin-right:auto}.section-title--light .section-title__desc{color:var(--color-text-on-dark)}.section-title--light .section-title__desc strong{color:var(--color-white)}.section-title--light .section-title__desc .highlight-badge{color:var(--color-white);background:#ffffff0d;border-color:#ffffff26}.service-card{text-align:center;cursor:pointer}.service-card .card-icon{margin-left:auto;margin-right:auto}.service-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--color-primary)}.service-card__desc{font-size:var(--text-sm);color:var(--color-text-light);line-height:1.6}.hero{min-height:100vh;padding-top:var(--header-height);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;background:radial-gradient(circle at 50% 0,#1a3060 0%,#0a1628 60%,#060e1a 100%);position:absolute;inset:0}.hero__orb{filter:blur(100px);opacity:.4;mix-blend-mode:screen;border-radius:50%;position:absolute}.hero__orb--1{background:var(--color-accent);width:500px;height:500px;animation:8s ease-in-out infinite float;top:-150px;right:-100px}.hero__orb--2{background:var(--color-secondary);width:450px;height:450px;animation:10s ease-in-out infinite reverse float;bottom:-100px;left:-100px}.hero__orb--3{background:#8b5cf6;width:350px;height:350px;animation:12s ease-in-out infinite float;top:40%;left:60%;transform:translate(-50%,-50%)}.hero__grid-pattern{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 40%,#0000 80%);mask-image:radial-gradient(#000 40%,#0000 80%)}.hero__content{z-index:1;text-align:center;max-width:800px;padding:var(--space-16) var(--space-6);position:relative}.hero__badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent-light);margin-bottom:var(--space-6);background:#ff6b3526;border:1px solid #ff6b354d;display:inline-flex}.hero__title{font-size:var(--text-6xl);font-weight:var(--weight-extrabold);color:var(--color-white);margin-bottom:var(--space-6);letter-spacing:-.02em;line-height:1.1}.hero__highlight{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-light), var(--color-accent));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite gradientShift}.hero__highlight-gold{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-light), var(--color-secondary));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite reverse gradientShift}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-on-dark);max-width:600px;margin:0 auto var(--space-8);line-height:1.7}.hero__actions{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.hero__trust{justify-content:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.hero__trust-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-on-dark);display:flex}.hero__trust-item svg{color:var(--color-success)}.about-preview{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-preview__text{font-size:var(--text-lg);margin-bottom:var(--space-4)}.about-preview__visual{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid;position:relative}.about-preview__card{padding:var(--space-6);border-radius:var(--radius-xl);text-align:center;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-weight:var(--weight-semibold);transition:all var(--transition-base);flex-direction:column;display:flex}.about-preview__card--1{color:var(--color-accent);background:linear-gradient(135deg,#ff6b351a,#ffc9471a);grid-column:1/2}.about-preview__card--2{color:#6366f1;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);grid-column:2/3}.about-preview__card--3{color:var(--color-success);background:linear-gradient(135deg,#10b9811a,#06d6a01a);grid-column:1/3}.about-preview__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.strength-card{text-align:center;padding:var(--space-8);cursor:pointer;outline:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.strength-card:first-child{--hover-color:#3b82f6}.strength-card:nth-child(2){--hover-color:#f59e0b}.strength-card:nth-child(3){--hover-color:#10b981}.strength-card:nth-child(4){--hover-color:#8b5cf6}.strength-card:hover,.strength-card:focus,.strength-card:active{border-color:var(--hover-color);box-shadow:0 10px 30px -10px var(--hover-color);transform:translateY(-8px)}.strength-card__icon{border-radius:var(--radius-lg);width:60px;height:60px;margin:0 auto var(--space-4);color:var(--color-accent);background:linear-gradient(135deg,#ff6b3533,#ffc94733);justify-content:center;align-items:center;transition:all .4s;display:flex}.strength-card:hover .strength-card__icon,.strength-card:focus .strength-card__icon,.strength-card:active .strength-card__icon{background:var(--hover-color);color:#fff;transform:scale(1.1)rotate(5deg);box-shadow:0 8px 16px -4px #0003}.strength-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-white);margin-bottom:var(--space-2);transition:color .3s}.strength-card:hover .strength-card__title,.strength-card:focus .strength-card__title,.strength-card:active .strength-card__title{color:var(--hover-color)}.strength-card__desc{font-size:var(--text-sm);color:var(--color-text-on-dark);line-height:1.6}.stats-section{padding:var(--space-16) 0;background:linear-gradient(135deg, var(--color-accent), var(--color-secondary))}.stats-grid{gap:var(--space-8);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-number{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--weight-extrabold);color:var(--color-white);margin-bottom:var(--space-2);line-height:1}.stat-label{font-size:var(--text-base);font-weight:var(--weight-medium);color:#ffffffd9}.stat-category-card{text-align:center}.stat-category-card .card-icon{margin:0 auto var(--space-4)}.stat-category-card h4{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}.stat-category-card p{font-size:var(--text-sm)}.stationery-marquee-container{width:100%;padding:var(--space-4) 0;white-space:nowrap;position:relative;overflow:hidden}.stationery-marquee-container:before,.stationery-marquee-container:after{content:"";z-index:2;pointer-events:none;width:100px;height:100%;position:absolute;top:0}.stationery-marquee-container:before{background:linear-gradient(to right, var(--color-background) 0%, transparent 100%);left:0}.stationery-marquee-container:after{background:linear-gradient(to left, var(--color-background) 0%, transparent 100%);right:0}.stationery-marquee-content{gap:var(--space-6);padding-right:var(--space-6);animation:30s linear infinite scroll-marquee;display:inline-flex}.stationery-marquee-content:hover{animation-play-state:paused}.marquee-card{white-space:normal;flex-direction:column;flex-shrink:0;width:300px;display:flex}.marquee-card .product-card__image img{object-fit:cover;border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;height:200px}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.product-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-border);height:100%;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent-light);transform:translateY(-5px)}.product-card__image{width:100%;position:relative;overflow:hidden}.product-card__badge{top:var(--space-3);right:var(--space-3);background:var(--color-accent);color:var(--color-white);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);box-shadow:var(--shadow-md);z-index:2;position:absolute}.product-card__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.product-card__actions{gap:var(--space-3);margin-top:auto;display:flex}.testimonial-card{text-align:left}.testimonial-card__stars{gap:var(--space-1);margin-bottom:var(--space-4);display:flex}.testimonial-card__text{font-size:var(--text-base);color:var(--color-text-light);margin-bottom:var(--space-6);font-style:italic;line-height:1.7}.testimonial-card__author{align-items:center;gap:var(--space-3);display:flex}.testimonial-card__avatar{background:linear-gradient(135deg, var(--color-accent), var(--color-secondary));width:40px;height:40px;color:var(--color-white);font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.testimonial-card__name{font-family:var(--font-heading);font-weight:var(--weight-semibold);color:var(--color-primary)}.cta-section{padding:var(--space-20) 0;text-align:center;background:linear-gradient(135deg,#0a1628 0%,#132240 50%,#1a3060 100%);position:relative;overflow:hidden}.cta-section:before{content:"";background:var(--color-accent);filter:blur(150px);opacity:.15;border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-100px}.cta-content{z-index:1;position:relative}.cta-content h2{font-size:var(--text-4xl);color:var(--color-white);margin-bottom:var(--space-4);text-shadow:0 0 20px #ff6b3580,0 2px 5px #00000080}.cta-content p{font-size:var(--text-xl);color:#ffffffe6;margin-bottom:var(--space-8);text-shadow:0 0 10px #ffffff4d,0 1px 3px #000c;max-width:600px;margin-left:auto;margin-right:auto}.cta-actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.home__cta-row{text-align:center;margin-top:var(--space-10)}@media (width<=1024px){.about-preview{gap:var(--space-10);grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero__title{font-size:var(--text-4xl)}.hero__subtitle{font-size:var(--text-base)}.hero__trust{gap:var(--space-4)}.about-preview__visual{grid-template-columns:1fr}.about-preview__card--3{grid-column:auto}.stats-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.hero__actions{flex-direction:column;align-items:center}.stats-grid{grid-template-columns:1fr 1fr}}@media (width>=768px){.cta-btn-mobile-only{display:none!important}}.about-intro{gap:var(--space-12);grid-template-columns:1.2fr .8fr;align-items:center;display:grid}.about-intro__content p{font-size:var(--text-lg);margin-bottom:var(--space-4)}.about-intro__image{justify-content:center;display:flex}.about-intro__image-card{aspect-ratio:1;border-radius:var(--radius-2xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#ff6b3514,#ffc94714);border:2px solid #ff6b3526;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.about-intro__image-card:hover{border-color:#ff6b354d;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px -10px #ff6b3533}.mission-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.mission-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--color-light-gray)}.mission-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.mission-card__icon{border-radius:var(--radius-xl);width:72px;height:72px;margin:0 auto var(--space-6);justify-content:center;align-items:center;display:flex}.mission-card__icon--orange{color:var(--color-accent);background:linear-gradient(135deg,#ff6b3526,#ffc94726)}.mission-card__icon--blue{color:#6366f1;background:linear-gradient(135deg,#6366f126,#8b5cf626)}.mission-card h3{margin-bottom:var(--space-4)}.mission-card p{font-size:var(--text-base);line-height:1.7}.value-card{text-align:center;padding:var(--space-8);cursor:pointer;outline:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.value-card:first-child{--hover-color:#3b82f6}.value-card:nth-child(2){--hover-color:#ec4899}.value-card:nth-child(3){--hover-color:#f59e0b}.value-card:nth-child(4){--hover-color:#10b981}.value-card:hover,.value-card:focus,.value-card:active{border-color:var(--hover-color);box-shadow:0 10px 30px -10px var(--hover-color);transform:translateY(-8px)}.value-card__icon{border-radius:var(--radius-lg);width:56px;height:56px;margin:0 auto var(--space-4);color:var(--color-accent);background:linear-gradient(135deg,#ff6b3533,#ffc94733);justify-content:center;align-items:center;transition:all .4s;display:flex}.value-card:hover .value-card__icon,.value-card:focus .value-card__icon,.value-card:active .value-card__icon{background:var(--hover-color);color:#fff;transform:scale(1.1)rotate(5deg);box-shadow:0 8px 16px -4px #0003}.value-card__title{color:var(--color-white);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);transition:color .3s}.value-card:hover .value-card__title,.value-card:focus .value-card__title,.value-card:active .value-card__title{color:var(--hover-color)}.value-card__desc{font-size:var(--text-sm);color:var(--color-text-on-dark);line-height:1.6}.timeline{max-width:700px;padding-left:var(--space-16);margin:0 auto;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--color-accent), var(--color-secondary));border-radius:var(--radius-full);width:3px;position:absolute;top:0;bottom:0;left:20px}.timeline__item{margin-bottom:var(--space-8);position:relative}.timeline__badge{left:calc(-1 * var(--space-16) + 8px);top:var(--space-6);background:linear-gradient(135deg, var(--color-accent), var(--color-secondary));z-index:1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:0;display:flex;position:absolute}.timeline__badge:after{content:"";background:var(--color-white);border-radius:50%;width:10px;height:10px}.timeline__content{padding:var(--space-6)}.timeline__content h4{margin-bottom:var(--space-2);color:var(--color-accent)}.timeline__content p{font-size:var(--text-sm)}.commitment__list{margin:var(--space-6) 0}.commitment__list li{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-weight:var(--weight-medium);color:var(--color-text);display:flex}.commitment__list li svg{color:var(--color-accent);flex-shrink:0}@media (width<=1024px){.about-intro{gap:var(--space-8);grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr}}@media (width<=768px){.timeline{padding-left:var(--space-12)}.timeline__badge{left:calc(-1 * var(--space-12) + 8px)}}.services-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.service-item{align-items:center;gap:var(--space-4);text-align:left;padding:var(--space-6);background:var(--color-surface);z-index:1;border:1px solid #0000;flex-direction:row;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.service-item:before{content:"";background:var(--color-primary);transform-origin:bottom;z-index:-1;width:4px;height:100%;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleY(0)}.service-item:hover,.service-item:focus,.service-item:active{border-color:#0000000d;outline:none;transform:translateY(-8px);box-shadow:0 20px 40px -15px #00000026}.service-item:hover:before,.service-item:focus:before,.service-item:active:before{transform:scaleY(1)}.service-item .card-icon{flex-shrink:0;margin-bottom:0;transition:all .4s}.service-item:hover .card-icon,.service-item:focus .card-icon,.service-item:active .card-icon{background-color:var(--color-primary);color:var(--color-white);transform:scale(1.15)rotate(8deg);box-shadow:0 8px 16px -4px #0003}.service-item__text h3{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:0;transition:color .3s}.service-item:hover .service-item__text h3,.service-item:focus .service-item__text h3,.service-item:active .service-item__text h3{color:var(--color-primary)}.service-item__text p{font-size:var(--text-sm);margin-top:var(--space-1);line-height:1.6}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.services-grid{grid-template-columns:1fr}}.products-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-base);border:1px solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.product-card__image{background-color:var(--color-bg);width:100%;padding-top:75%;position:relative;overflow:hidden}.product-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__badge{top:var(--space-3);right:var(--space-3);background:var(--color-accent);color:var(--color-dark);font-size:.75rem;font-weight:var(--weight-bold);box-shadow:var(--shadow-sm);z-index:1;border-radius:20px;padding:.25rem .75rem;position:absolute}.product-card__content{padding:var(--space-5);flex-direction:column;flex-grow:1;display:flex}.product-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--color-dark)}.product-card__desc{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-5);flex-grow:1;line-height:1.5}.product-card__actions{gap:var(--space-3);grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.btn-icon{justify-content:center;align-items:center;gap:var(--space-2);padding:.5rem;font-size:.85rem;display:flex}@media (width<=640px){.products-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.product-card__content{padding:var(--space-3)}.product-card__title{font-size:var(--text-sm);margin-bottom:var(--space-1)}.product-card__desc{margin-bottom:var(--space-3);font-size:.75rem}.product-card__actions{gap:var(--space-2);grid-template-columns:1fr}.btn-icon{padding:.4rem;font-size:.75rem}}@media (width>=769px){.mobile-only-btn{display:none!important}}.mega-browse-section{z-index:50;background:var(--color-primary);border-bottom:2px solid #ff6b3533;position:relative}.mega-browse__tabs-wrapper{scrollbar-width:thin;scrollbar-color:#ff6b3566 transparent;-webkit-overflow-scrolling:touch;overflow-x:auto}.mega-browse__tabs-wrapper::-webkit-scrollbar{height:3px}.mega-browse__tabs-wrapper::-webkit-scrollbar-thumb{background:#ff6b3566;border-radius:10px}.mega-browse__tabs{max-width:var(--container-max);padding:0 var(--space-6);white-space:nowrap;align-items:center;gap:0;margin:0 auto;display:flex}.mega-browse__tab{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);color:var(--color-text-on-dark);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;letter-spacing:.3px;background:0 0;border:none;display:inline-flex;position:relative}.mega-browse__tab:after{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-secondary));border-radius:3px 3px 0 0;width:0;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mega-browse__tab:hover{color:var(--color-white);background:#ff6b3514}.mega-browse__tab:hover:after{width:60%}.mega-browse__tab--active{color:var(--color-accent);background:#ff6b351f}.mega-browse__tab--active:after{width:100%}.mega-browse__chevron{opacity:.6;transition:transform .3s}.mega-browse__chevron--up{opacity:1;color:var(--color-accent);transform:rotate(180deg)}.mega-browse__panel{opacity:0;background:var(--color-white);border-top:3px solid var(--color-accent);max-height:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden;box-shadow:0 20px 60px #0a162840,0 8px 20px #0a16281f}.mega-browse__panel--open{opacity:1;max-height:700px}.mega-browse__panel-inner{max-width:var(--container-max);padding:var(--space-8) var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin:0 auto;animation:.35s ease-out megaFadeIn;display:grid}@keyframes megaFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mega-browse__column{min-width:0}.mega-browse__col-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-accent);letter-spacing:.3px;text-transform:uppercase;display:inline-block}.mega-browse__col-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.mega-browse__item-btn{text-align:left;width:100%;color:var(--color-text-light);font-size:.82rem;font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:var(--space-2);background:0 0;border:none;padding:6px 8px;line-height:1.4;transition:all .2s;display:flex}.mega-browse__item-btn:hover{color:var(--color-accent);background:#ff6b350f;padding-left:12px}.mega-browse__badge{font-size:.6rem;font-weight:var(--weight-bold);border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;flex-shrink:0;align-items:center;padding:2px 7px;line-height:1.4;display:inline-flex}.mega-browse__badge--popular{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));color:var(--color-white)}.mega-browse__badge--recommended{background:linear-gradient(135deg, var(--color-secondary), var(--color-secondary-dark));color:var(--color-primary)}.mega-browse__badge--new{background:linear-gradient(135deg, var(--color-success), #059669);color:var(--color-white)}.search-wrapper{margin:var(--space-6) 0 var(--space-4)}.search-input-container{align-items:center;gap:var(--space-3);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);max-width:600px;box-shadow:var(--shadow-sm);margin:0 auto;padding:.75rem 1.25rem;transition:border-color .25s,box-shadow .25s;display:flex}.search-input-container:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff6b3533}.search-icon,.stationery-search-icon{color:var(--color-accent);flex-shrink:0}.search-input{font-size:var(--text-base);color:var(--color-dark);background:0 0;border:none;outline:none;flex:1;font-family:inherit}.search-input::placeholder{color:var(--color-text-muted,#9ca3af)}.search-clear-btn{cursor:pointer;color:var(--color-text);background:0 0;border:none;border-radius:50%;flex-shrink:0;align-items:center;padding:.25rem;transition:background .2s,color .2s;display:flex}.search-clear-btn:hover{color:red;background:#ff00001a}.search-result-count{text-align:center;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text);font-weight:var(--weight-medium)}.search-loading{justify-content:center;align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--color-text);font-size:var(--text-sm);display:flex}.search-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.no-results{text-align:center;padding:var(--space-12,4rem) var(--space-6);color:var(--color-text);grid-column:1/-1}.no-results h3{font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--color-dark)}.no-results p{margin-bottom:var(--space-6);font-size:var(--text-sm)}@media (width<=1024px){.mega-browse__panel-inner{gap:var(--space-5);padding:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=768px){.mega-browse__tabs{padding:0 var(--space-3);gap:0}.mega-browse__tab{padding:var(--space-3) var(--space-4);font-size:.78rem}.mega-browse__panel-inner{gap:var(--space-4);padding:var(--space-5) var(--space-4);grid-template-columns:repeat(2,1fr);max-height:350px;overflow-y:auto}.mega-browse__panel--open{max-height:500px}.mega-browse__col-title{font-size:.72rem}.mega-browse__item-btn{padding:5px 6px;font-size:.76rem}}@media (width<=480px){.mega-browse__panel-inner{gap:var(--space-3);grid-template-columns:1fr 1fr}.mega-browse__tab{padding:var(--space-2) var(--space-3);font-size:.72rem}}.stationery-hero-search{max-width:620px;margin:var(--space-6) auto 0;animation:.6s fade-in-up}.stationery-hero-search .search-input-wrapper{align-items:center;display:flex;position:relative}.stationery-hero-search .search-icon{left:var(--space-4);color:var(--color-text-muted);z-index:1;position:absolute}.stationery-hero-search .search-input-wrapper input{width:100%;padding:var(--space-4) 3rem var(--space-4) var(--space-12);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);color:var(--color-white);font-family:var(--font-body);transition:all var(--transition-normal);background-color:#ffffff1f;border:1px solid #ffffff40;font-size:1rem;box-shadow:0 4px 20px #00000026}.stationery-hero-search .search-input-wrapper input::placeholder{color:#ffffff8c}.stationery-hero-search .search-input-wrapper input:focus{border-color:var(--color-accent);background-color:#ffffff2e;outline:none;box-shadow:0 0 0 3px #ff6b3540,0 4px 20px #0003}.hero-search-clear-btn{right:var(--space-4);cursor:pointer;color:#fff9;background:0 0;border:none;border-radius:50%;align-items:center;padding:.25rem;transition:background .2s,color .2s;display:flex;position:absolute}.hero-search-clear-btn:hover{color:var(--color-white);background:#ffffff26}@media (width<=768px){.stationery-hero-search{max-width:100%;margin-top:var(--space-4)}.stationery-hero-search .search-input-wrapper input{padding:var(--space-3) 2.75rem var(--space-3) var(--space-10);font-size:.9rem}}.stationery-detail-page{padding-top:var(--space-8);padding-bottom:var(--space-8)}.back-link{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--weight-medium);margin-bottom:var(--space-6);transition:var(--transition-base);display:inline-flex;display:inline-box}.back-link:hover{color:var(--color-primary);transform:translate(-4px)}.product-detail-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:flex-start;display:grid}.product-detail-image{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background-color:var(--color-bg);position:relative;overflow:hidden}.product-detail-image img{object-fit:cover;aspect-ratio:4/3;width:100%;height:auto;display:block}.product-badge{top:var(--space-4);right:var(--space-4);background:var(--color-accent);color:var(--color-dark);font-size:.875rem;font-weight:var(--weight-bold);box-shadow:var(--shadow-sm);border-radius:20px;padding:.25rem 1rem;position:absolute}.product-detail-info{flex-direction:column;display:flex}.product-title{font-size:2.5rem;font-weight:var(--weight-bold);color:var(--color-dark);margin-bottom:var(--space-2);line-height:1.2}.product-price{color:var(--color-primary);font-size:1.5rem;font-weight:var(--weight-semibold);margin-bottom:var(--space-6)}.product-description-box{background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-6);border-left:4px solid var(--color-accent);box-shadow:var(--shadow-sm)}.product-description-box h3{margin-bottom:var(--space-2);color:var(--color-dark);font-size:1.2rem}.product-description-box p{color:var(--color-text);line-height:1.6}.product-features{margin-bottom:var(--space-8)}.product-features h3{margin-bottom:var(--space-4);color:var(--color-dark);font-size:1.2rem}.product-features ul{gap:var(--space-3);flex-direction:column;display:flex}.product-features li{align-items:flex-start;gap:var(--space-3);color:var(--color-text);font-size:1rem;display:flex}.feature-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.product-actions{margin-top:auto}.btn-block{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:1rem;font-size:1.1rem;display:flex}@media (width<=992px){.product-detail-grid{grid-template-columns:1fr}.product-title{font-size:2rem}}.faq-page{padding-top:var(--nav-height);background-color:var(--color-bg);min-height:100vh}.faq-hero{padding:var(--space-8) 0 var(--space-4);text-align:center}.faq-search{max-width:600px;margin:var(--space-6) auto 0;animation:.6s fade-in-up}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{left:var(--space-4);color:var(--color-text-muted);position:absolute}.search-input-wrapper input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-body);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);font-size:1rem}.search-input-wrapper input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0a16281a}.faq-content{padding:var(--space-12) 0 var(--space-16)}.faq-container{max-width:800px;margin:0 auto}.faq-category{margin-bottom:var(--space-8);animation:.6s backwards fade-in-up}.faq-category:nth-child(2){animation-delay:.1s}.faq-category:nth-child(3){animation-delay:.2s}.faq-category-title{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border);font-size:1.5rem}.faq-accordion{gap:var(--space-3);flex-direction:column;display:flex}.faq-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-sm);overflow:hidden}.faq-item:hover{border-color:var(--color-accent)}.faq-item.active{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.faq-question{width:100%;padding:var(--space-4) var(--space-5);text-align:left;font-family:var(--font-heading);color:var(--color-text);cursor:pointer;transition:color var(--transition-normal);background:0 0;border:none;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.faq-question:hover,.faq-item.active .faq-question{color:var(--color-primary)}.faq-icon{color:var(--color-primary);margin-left:var(--space-3);flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.faq-icon.rotate{transform:rotate(180deg)}.faq-answer-wrapper{transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-answer{padding:0 var(--space-5) var(--space-4);color:var(--color-text-muted);margin:0;line-height:1.6}.faq-empty{text-align:center;padding:var(--space-12) 0;color:var(--color-text-muted)}.faq-empty p{margin-bottom:var(--space-4);font-size:1.2rem}@media (width<=768px){.faq-search{margin:var(--space-4) auto 0;width:100%}.search-input-wrapper input{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);font-size:.95rem}.search-icon{left:var(--space-3);width:18px;height:18px}.faq-question{padding:var(--space-3) var(--space-4);font-size:1rem}.faq-answer{padding:0 var(--space-4) var(--space-3)}}.contact-page{padding-top:var(--nav-height);background-color:var(--color-bg);min-height:100vh}.contact-hero{padding:var(--space-8) 0 var(--space-4);text-align:center}.contact-content{padding:0 0 var(--space-16)}.contact-grid{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:1fr 1.5fr;align-items:flex-start;display:grid}.contact-info{gap:var(--space-4);flex-direction:column;animation:.6s backwards fade-in-up;display:flex}.contact-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s;display:flex}.contact-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translateY(-2px)}.contact-icon-wrapper{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:var(--color-white);padding:var(--space-3);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-card--gst{background:linear-gradient(135deg,#ff6b350a,#ff6b3503);border-color:#ff6b3533}.contact-card--gst:hover{border-color:#ff6b3566}.contact-icon-wrapper--gst{background:linear-gradient(135deg,#f59e0b,#d97706)}.gst-label{text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500;color:var(--color-text-muted)!important;margin-bottom:2px!important}.gst-number{letter-spacing:.8px;font-family:Inter,monospace;font-size:1.05rem;font-weight:600;color:var(--color-primary)!important}.address-link{transition:color .2s;display:block;color:inherit!important;text-decoration:none!important}.address-link p{color:var(--color-text);transition:color .2s}.address-link:hover p{color:var(--color-accent)}.address-link__cta{margin-top:6px;font-size:.82rem;font-weight:600;transition:transform .2s;display:inline-block;color:var(--color-accent)!important}.address-link:hover .address-link__cta{transform:translate(3px)}.contact-details h3{font-family:var(--font-heading);color:var(--color-primary);margin:0 0 var(--space-2);font-size:1.1rem}.contact-details p{color:var(--color-text);margin:0;line-height:1.5}.contact-details a{color:var(--color-accent);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.contact-details a:hover{color:var(--color-primary);text-decoration:underline}.contact-subtext{font-size:.85rem;color:var(--color-text-muted)!important;margin-top:var(--space-1)!important}.contact-form-wrapper{animation:.6s .2s backwards fade-in-up}.contact-form-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md)}.contact-form-card h2{font-family:var(--font-heading);color:var(--color-primary);margin:0 0 var(--space-2);font-size:1.75rem}.contact-form-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-6)}.contact-form{gap:var(--space-4);flex-direction:column;display:flex}.form-row{gap:var(--space-4);display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group.half{flex:1}.form-group label{color:var(--color-text);font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #ff6b351a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);width:100%;display:flex}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.form-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:.95rem;animation:.3s fade-in}.form-alert.success{color:#166534;background-color:#22c55e1a;border:1px solid #22c55e33}.form-alert.error{color:#991b1b;background-color:#ef44441a;border:1px solid #ef444433}.branches-section{margin-bottom:var(--space-12);animation:.6s .3s backwards fade-in-up}.branches-grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.branch-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);text-align:center;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}.branch-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-light);transform:translateY(-4px)}.branch-card--main{border-color:var(--color-accent);background:linear-gradient(135deg,#ff6b350a,#ff6b3503)}.branch-card--main:hover{border-color:var(--color-accent)}.branch-badge{background:linear-gradient(135deg, var(--color-accent), #e85d26);color:#fff;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;border-radius:20px;padding:4px 14px;font-size:.7rem;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #ff6b354d}.branch-card__icon{width:48px;height:48px;margin:0 auto var(--space-3);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.branch-card--main .branch-card__icon{background:linear-gradient(135deg, var(--color-accent), #e85d26)}.branch-card__name{font-family:var(--font-heading);color:var(--color-primary);margin:0 0 var(--space-2);font-size:1rem;font-weight:600}.branch-card__address{color:var(--color-text-muted);margin:0 0 var(--space-3);font-size:.85rem;line-height:1.5}.branch-card__phone{color:var(--color-accent);align-items:center;gap:6px;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.branch-card__phone:hover{color:var(--color-primary)}.branch-card__map-link{color:inherit;text-decoration:none;display:block}.branch-card__map-link:hover .branch-card__name{color:var(--color-accent)}.branch-card__directions{margin-top:4px;margin-bottom:var(--space-3);color:var(--color-accent);opacity:0;font-size:.8rem;font-weight:600;transition:opacity .25s,transform .25s;display:inline-block;transform:translateY(-4px)}.branch-card:hover .branch-card__directions{opacity:1;transform:translateY(0)}.map-wrapper{margin-top:var(--space-12);animation:.6s .4s backwards fade-in-up}.map-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);background-color:var(--color-surface);margin-top:var(--space-6);overflow:hidden}.map-interactive{position:relative}.map-interactive iframe{display:block}.map-click-overlay{cursor:pointer;z-index:2;background:0 0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.map-click-overlay:hover{background:#ff6b350d}.map-directions-btn{text-align:center;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;letter-spacing:.3px;padding:14px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:block}.map-directions-btn:hover{opacity:.92;transform:translateY(-1px)}.branch-marker{background:0 0!important;border:none!important}.marker-pin{border-radius:50% 50% 50% 0;justify-content:center;align-items:center;display:flex;transform:rotate(-45deg);box-shadow:0 3px 12px #0000004d}.marker-pin svg{transform:rotate(45deg)}.marker-pin--main{background:linear-gradient(135deg,#ff6b35,#e85d26);width:40px;height:40px}.marker-pin--sub{background:linear-gradient(135deg, var(--color-primary,#0f2744), var(--color-primary-light,#1a3a5c));width:32px;height:32px}.map-popup h4{font-family:var(--font-heading,"Outfit", sans-serif);color:#0f2744;margin:0 0 4px;font-size:.95rem;font-weight:600}.map-popup p{color:#555;margin:0 0 6px;font-size:.82rem;line-height:1.4}.map-popup a{color:#ff6b35;font-size:.82rem;font-weight:500;text-decoration:none}.map-popup a:hover{text-decoration:underline}.map-popup__directions{text-align:center;background:linear-gradient(135deg,#ff6b35,#e85d26);border-radius:6px;margin-top:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:opacity .2s;color:#fff!important;text-decoration:none!important;display:block!important}.map-popup__directions:hover{opacity:.9;text-decoration:none!important}.map-legend{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-5);margin-top:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.85rem;display:flex}.map-legend__item{align-items:center;gap:8px;display:flex}.map-legend__dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.map-legend__dot--main{background:linear-gradient(135deg,#ff6b35,#e85d26);box-shadow:0 2px 6px #ff6b354d}.map-legend__dot--sub{background:linear-gradient(135deg, var(--color-primary,#0f2744), var(--color-primary-light,#1a3a5c));box-shadow:0 2px 6px #0f27444d}@media (width<=992px){.contact-grid{grid-template-columns:1fr}.branches-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.form-row{flex-direction:column}.contact-form-card{padding:var(--space-5)}.branches-grid{grid-template-columns:1fr}.map-legend{align-items:flex-start;gap:var(--space-2);flex-direction:column}}