@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Space+Grotesk:wght@500;700&display=swap";:root{--font-primary: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", sans-serif;--font-mono: "Space Grotesk", monospace;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1.25rem;--space-lg: 2rem;--space-xl: 3.5rem;--space-2xl: 5.5rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-normal: .35s;--duration-slow: .6s;--header-height: 80px;--max-width: 1320px;--bg-body: #070709;--bg-surface: #0e0f14;--bg-surface-elevated: #14161f;--bg-card: #12131a;--bg-card-hover: #181a24;--bg-glass: rgba(14, 15, 20, .82);--bg-glass-card: rgba(255, 255, 255, .03);--bg-subtle: rgba(255, 255, 255, .05);--card-image-bg: #0b0c10;--text-primary: #ffffff;--text-secondary: #c9ced8;--text-muted: #828a9b;--text-dim: #545c6e;--brand-white: #ffffff;--brand-silver: #e2e8f0;--brand-metal: #a0aec0;--brand-glow: rgba(255, 255, 255, .16);--accent-cyan: #38bdf8;--accent-cyan-glow: rgba(56, 189, 248, .25);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .28);--border-glow: rgba(255, 255, 255, .4);--btn-primary-bg: #ffffff;--btn-primary-text: #070709;--btn-primary-hover-bg: #f1f5f9;--btn-secondary-bg: rgba(255, 255, 255, .06);--btn-secondary-text: #ffffff;--btn-secondary-border: rgba(255, 255, 255, .14);--btn-secondary-hover-bg: rgba(255, 255, 255, .12);--btn-secondary-hover-border: rgba(255, 255, 255, .3);--theme-toggle-bg: rgba(255, 255, 255, .06);--theme-toggle-border: rgba(255, 255, 255, .14);--theme-toggle-hover-bg: rgba(255, 255, 255, .14);--theme-toggle-color: #f8fafc;--form-input-bg: #12131a;--form-input-border: rgba(255, 255, 255, .14);--form-input-focus-border: #ffffff;--form-input-focus-ring: rgba(255, 255, 255, .12);--form-placeholder: #64748b;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px -10px rgba(0, 0, 0, .6);--shadow-lg: 0 20px 50px -15px rgba(0, 0, 0, .8);--shadow-glow: 0 0 35px rgba(255, 255, 255, .08);--text-gradient: linear-gradient(135deg, #ffffff 30%, #a0aec0 100%);--footer-bg: #050507;--cta-gradient: radial-gradient(circle at center, #1a1c25 0%, #0c0d12 100%);--modal-backdrop: rgba(0, 0, 0, .78);--noise-opacity: .018;--glow-opacity: .12}[data-theme=dark]{--bg-body: #070709;--bg-surface: #0e0f14;--bg-surface-elevated: #14161f;--bg-card: #12131a;--bg-card-hover: #181a24;--bg-glass: rgba(14, 15, 20, .82);--bg-glass-card: rgba(255, 255, 255, .03);--bg-subtle: rgba(255, 255, 255, .05);--card-image-bg: #0b0c10;--text-primary: #ffffff;--text-secondary: #c9ced8;--text-muted: #828a9b;--text-dim: #545c6e;--brand-white: #ffffff;--brand-silver: #e2e8f0;--brand-metal: #a0aec0;--brand-glow: rgba(255, 255, 255, .16);--accent-cyan: #38bdf8;--accent-cyan-glow: rgba(56, 189, 248, .25);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .28);--border-glow: rgba(255, 255, 255, .4);--btn-primary-bg: #ffffff;--btn-primary-text: #070709;--btn-primary-hover-bg: #f1f5f9;--btn-secondary-bg: rgba(255, 255, 255, .06);--btn-secondary-text: #ffffff;--btn-secondary-border: rgba(255, 255, 255, .14);--btn-secondary-hover-bg: rgba(255, 255, 255, .12);--btn-secondary-hover-border: rgba(255, 255, 255, .3);--theme-toggle-bg: rgba(255, 255, 255, .06);--theme-toggle-border: rgba(255, 255, 255, .14);--theme-toggle-hover-bg: rgba(255, 255, 255, .14);--theme-toggle-color: #f8fafc;--form-input-bg: #12131a;--form-input-border: rgba(255, 255, 255, .14);--form-input-focus-border: #ffffff;--form-input-focus-ring: rgba(255, 255, 255, .12);--form-placeholder: #64748b;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px -10px rgba(0, 0, 0, .6);--shadow-lg: 0 20px 50px -15px rgba(0, 0, 0, .8);--shadow-glow: 0 0 35px rgba(255, 255, 255, .08);--text-gradient: linear-gradient(135deg, #ffffff 30%, #a0aec0 100%);--footer-bg: #050507;--cta-gradient: radial-gradient(circle at center, #1a1c25 0%, #0c0d12 100%);--modal-backdrop: rgba(0, 0, 0, .78);--noise-opacity: .018;--glow-opacity: .12}[data-theme=light]{--bg-body: #f8fafc;--bg-surface: #f1f5f9;--bg-surface-elevated: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-glass: rgba(248, 250, 252, .88);--bg-glass-card: rgba(15, 23, 42, .02);--bg-subtle: rgba(15, 23, 42, .04);--card-image-bg: #f1f5f9;--text-primary: #0a0b10;--text-secondary: #334155;--text-muted: #64748b;--text-dim: #94a3b8;--brand-white: #0a0b10;--brand-silver: #334155;--brand-metal: #64748b;--brand-glow: rgba(15, 23, 42, .08);--accent-cyan: #0284c7;--accent-cyan-glow: rgba(2, 132, 199, .2);--border-subtle: rgba(15, 23, 42, .08);--border-medium: rgba(15, 23, 42, .14);--border-strong: rgba(15, 23, 42, .24);--border-glow: rgba(15, 23, 42, .35);--btn-primary-bg: #0a0b10;--btn-primary-text: #ffffff;--btn-primary-hover-bg: #1e293b;--btn-secondary-bg: rgba(15, 23, 42, .05);--btn-secondary-text: #0a0b10;--btn-secondary-border: rgba(15, 23, 42, .15);--btn-secondary-hover-bg: rgba(15, 23, 42, .09);--btn-secondary-hover-border: rgba(15, 23, 42, .28);--theme-toggle-bg: rgba(15, 23, 42, .05);--theme-toggle-border: rgba(15, 23, 42, .14);--theme-toggle-hover-bg: rgba(15, 23, 42, .1);--theme-toggle-color: #0a0b10;--form-input-bg: #ffffff;--form-input-border: rgba(15, 23, 42, .18);--form-input-focus-border: #0a0b10;--form-input-focus-ring: rgba(15, 23, 42, .1);--form-placeholder: #94a3b8;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .05);--shadow-md: 0 8px 24px -4px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 45px -10px rgba(15, 23, 42, .12);--shadow-glow: 0 0 30px rgba(15, 23, 42, .06);--text-gradient: linear-gradient(135deg, #0a0b10 30%, #475569 100%);--footer-bg: #f1f5f9;--cta-gradient: radial-gradient(circle at center, #ffffff 0%, #e2e8f0 100%);--modal-backdrop: rgba(15, 23, 42, .5);--noise-opacity: .01;--glow-opacity: .06}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-body);color:var(--text-primary)}body{font-family:var(--font-primary);background-color:var(--bg-body);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:var(--noise-opacity);background-image:radial-gradient(var(--text-primary) 1px,transparent 1px);background-size:24px 24px;transition:opacity var(--duration-normal) var(--ease-out)}img,picture,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}button,input,textarea,select{font:inherit;color:inherit;border:none;background:none;outline:none}button{cursor:pointer}ul,ol{list-style:none}::selection{background-color:var(--text-primary);color:var(--bg-body)}:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.15;letter-spacing:-.025em;transition:color var(--duration-normal) var(--ease-out)}h1{font-size:clamp(2.25rem,5vw + .5rem,4.25rem);font-weight:800;letter-spacing:-.035em}h2{font-size:clamp(1.85rem,3.5vw + .25rem,3rem);font-weight:700;letter-spacing:-.03em}h3{font-size:clamp(1.35rem,2vw + .15rem,1.85rem);font-weight:600}h4{font-size:1.25rem;font-weight:600}p{color:var(--text-secondary);font-size:1.0625rem;font-weight:400;transition:color var(--duration-normal) var(--ease-out)}.text-lead{font-size:clamp(1.0625rem,1.2vw + .4rem,1.3rem);color:var(--text-secondary);line-height:1.6}.text-gradient{background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-muted{color:var(--text-muted)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-subtle);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:1.25rem;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast)}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.container{width:min(100% - 2.5rem,var(--max-width));margin-inline:auto}.container-narrow{width:min(100% - 2.5rem,1040px);margin-inline:auto}@media(max-width:480px){.container,.container-narrow{width:min(100% - 1.5rem,var(--max-width))}}.section{padding-top:clamp(4rem,7vw,7.5rem);padding-bottom:clamp(4rem,7vw,7.5rem);position:relative;transition:background-color var(--duration-normal) var(--ease-out)}.section-header{text-align:center;max-width:760px;margin:0 auto clamp(2.5rem,5vw,4.5rem)}.section-header.text-left{text-align:left;margin-left:0}.section-title{margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--text-muted);line-height:1.6}.ambient-glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:var(--glow-opacity);transition:opacity var(--duration-normal) var(--ease-out)}.glow-top-right{top:5%;right:-5%;width:450px;height:450px;background:radial-gradient(circle,#fff,#38bdf8)}.glow-mid-left{top:45%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#38bdf8,#1e293b)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-primary);font-size:.9375rem;font-weight:600;letter-spacing:.01em;padding:13px 26px;min-height:44px;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-out);position:relative;white-space:nowrap;user-select:none}@media(max-width:640px){.btn{white-space:normal;text-align:center}}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 4px 20px #00000026}.btn-primary:hover{background-color:var(--btn-primary-hover-bg);transform:translateY(-2px);box-shadow:0 8px 30px #00000038}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);backdrop-filter:blur(10px)}.btn-secondary:hover{background-color:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border);transform:translateY(-2px);color:var(--btn-secondary-text)}.btn-outline{border:1px solid var(--border-subtle);color:var(--text-secondary);background:transparent}.btn-outline:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-subtle);transform:translateY(-1px)}.btn-icon-right svg{transition:transform var(--duration-normal) var(--ease-out)}.btn:hover .btn-icon-right svg{transform:translate(4px)}.site-header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);z-index:1020;transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),backdrop-filter var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);border-bottom:1px solid transparent}.site-header.scrolled{background-color:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border-subtle);box-shadow:var(--shadow-md)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand-logo-link{display:flex;align-items:center;position:relative;z-index:1010;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0}.brand-logo-link:hover{opacity:.9}.brand-logo-img,.logo-dark-mode,.logo-light-mode{height:28px;width:auto;object-fit:contain}[data-theme=dark] .logo-light-mode{display:none!important}[data-theme=dark] .logo-dark-mode{display:block!important}[data-theme=light] .logo-dark-mode{display:none!important}[data-theme=light] .logo-light-mode{display:block!important}.footer-logo-img.logo-dark-mode,.footer-logo-img.logo-light-mode{height:32px}.nav-desktop{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.9375rem;font-weight:500;color:var(--text-secondary);position:relative;padding:6px 0;transition:color var(--duration-fast) var(--ease-out)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:var(--text-primary);transition:width var(--duration-normal) var(--ease-out);border-radius:2px}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--text-primary);font-weight:600}.header-actions{display:flex;align-items:center;gap:.875rem}.header-enquire-btn{padding:10px 20px;font-size:.875rem}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background-color:var(--theme-toggle-bg);border:1px solid var(--theme-toggle-border);color:var(--theme-toggle-color);cursor:pointer;position:relative;overflow:hidden;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);flex-shrink:0}.theme-toggle-btn:hover{background-color:var(--theme-toggle-hover-bg);border-color:var(--border-medium);transform:translateY(-1px)}.theme-toggle-btn:active{transform:translateY(0)}.theme-toggle-btn:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.theme-toggle-btn .icon-sun,.theme-toggle-btn .icon-moon{width:20px;height:20px;position:absolute;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}[data-theme=dark] .theme-toggle-btn .icon-sun{opacity:1;transform:scale(1) rotate(0);pointer-events:auto}[data-theme=dark] .theme-toggle-btn .icon-moon{opacity:0;transform:scale(.4) rotate(-90deg);pointer-events:none}[data-theme=light] .theme-toggle-btn .icon-sun{opacity:0;transform:scale(.4) rotate(90deg);pointer-events:none}[data-theme=light] .theme-toggle-btn .icon-moon{opacity:1;transform:scale(1) rotate(0);pointer-events:auto}.mobile-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-subtle);z-index:1010;position:relative;cursor:pointer;transition:background-color var(--duration-fast),border-color var(--duration-fast)}.mobile-toggle:focus-visible{outline:2px solid var(--text-primary);outline-offset:3px}.toggle-line{width:20px;height:2px;background-color:var(--text-primary);border-radius:2px;transition:transform var(--duration-normal) var(--ease-out),opacity var(--duration-fast) var(--ease-out),background-color var(--duration-normal) var(--ease-out)}.toggle-line:first-child{margin-bottom:5px}.toggle-line:last-child{margin-top:5px}.mobile-toggle.active .toggle-line:first-child{transform:translateY(7px) rotate(45deg)}.mobile-toggle.active .toggle-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-toggle.active .toggle-line:last-child{transform:translateY(-7px) rotate(-45deg)}.mobile-drawer{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background-color:var(--bg-surface-elevated);z-index:1010;padding:calc(var(--header-height) + 1.5rem) 1.5rem 2.25rem;display:flex;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-20px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),visibility var(--duration-normal),background-color var(--duration-normal) var(--ease-out);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:1.5rem}.mobile-nav-link{font-size:1.75rem;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:1rem;transition:color var(--duration-fast),transform var(--duration-fast),border-color var(--duration-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--text-primary);transform:translate(6px)}.mobile-drawer-bottom{margin-top:2rem;display:flex;flex-direction:column;gap:1.25rem}.hero{min-height:94vh;display:flex;align-items:center;position:relative;padding-top:calc(var(--header-height) + 2rem);padding-bottom:clamp(3rem,6vw,6rem);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,5vw,5rem);position:relative;z-index:2}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-title{margin-bottom:1.5rem;letter-spacing:-.04em}.hero-title span{display:block}.hero-subtitle{font-size:clamp(1.125rem,1.4vw,1.35rem);color:var(--text-secondary);line-height:1.6;max-width:580px;margin-bottom:2.25rem}.hero-cta-group{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-bottom:3rem}.hero-trust-row{display:flex;align-items:center;gap:1.75rem;padding-top:1.75rem;border-top:1px solid var(--border-subtle);width:100%}.trust-item{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-muted);font-weight:500}.trust-item svg{color:var(--accent-cyan);flex-shrink:0}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-card-composition{position:relative;width:100%;max-width:520px}.hero-main-img-wrap{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);background:var(--card-image-bg);transition:background-color var(--duration-normal) var(--ease-out)}.hero-main-img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.floating-badge{position:absolute;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-medium);padding:12px 18px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:12px;z-index:3;animation:floatSlow 6s ease-in-out infinite alternate;transition:background var(--duration-normal),border-color var(--duration-normal)}.floating-badge-1{top:-15px;left:-20px}.floating-badge-2{bottom:25px;right:-25px;animation-delay:-3s}.floating-badge-icon{width:36px;height:36px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0;transition:color var(--duration-fast)}.floating-badge-text strong{display:block;font-size:.875rem;color:var(--text-primary);font-weight:700;transition:color var(--duration-normal)}.floating-badge-text span{font-size:.75rem;color:var(--text-muted)}@keyframes floatSlow{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.25rem,2.5vw,2rem)}.product-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);position:relative;box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-8px);border-color:var(--border-strong);box-shadow:var(--shadow-lg),var(--shadow-glow)}.product-card-img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background-color:var(--card-image-bg);overflow:hidden;transition:background-color var(--duration-normal) var(--ease-out)}.product-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.product-card:hover .product-card-img{transform:scale(1.07)}.product-badge{position:absolute;top:14px;left:14px;background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-medium);font-size:.75rem;font-weight:600;color:var(--text-primary);padding:4px 12px;border-radius:var(--radius-full);z-index:2;letter-spacing:.04em;text-transform:uppercase;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.product-category-tag{position:absolute;top:14px;right:14px;font-size:.6875rem;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-subtle);padding:4px 10px;border-radius:var(--radius-full);z-index:2}.product-card-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.product-card-category{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-cyan);font-weight:600;margin-bottom:6px}.product-card-title{font-size:1.2rem;font-weight:700;margin-bottom:8px;color:var(--text-primary);line-height:1.3;transition:color var(--duration-normal)}.product-card-desc{font-size:.875rem;color:var(--text-muted);line-height:1.55;margin-bottom:1.25rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1.25rem}.product-meta-pill{font-size:.6875rem;background-color:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:3px 8px;border-radius:var(--radius-sm)}.product-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:1.25rem}.product-view-btn{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text-primary);transition:color var(--duration-fast)}.product-view-btn svg{transition:transform var(--duration-normal) var(--ease-out)}.product-card:hover .product-view-btn{color:var(--accent-cyan)}.product-card:hover .product-view-btn svg{transform:translate(5px)}.split-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2.5rem)}.showcase-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;background-color:var(--bg-card);border:1px solid var(--border-subtle);min-height:480px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(2rem,4vw,3.5rem);box-shadow:var(--shadow-sm);transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)}.showcase-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:var(--shadow-md)}.showcase-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform .8s var(--ease-out),opacity .4s var(--ease-out);z-index:1}.showcase-card:hover .showcase-card-bg{transform:scale(1.05);opacity:.7}.showcase-card-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:background var(--duration-normal) var(--ease-out)}[data-theme=dark] .showcase-card-gradient{background:linear-gradient(180deg,#08080c26,#08080cd9 65%,#08080c)}[data-theme=light] .showcase-card-gradient{background:linear-gradient(180deg,#ffffff1a,#f8fafce0 65%,#f8fafc)}.showcase-card-content{position:relative;z-index:3}.showcase-card-title{font-size:clamp(1.75rem,2.5vw,2.25rem);margin-bottom:.75rem;color:var(--text-primary);transition:color var(--duration-normal)}.showcase-card-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:460px;margin-bottom:1.75rem;transition:color var(--duration-normal)}.filter-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:clamp(2.5rem,4vw,3.5rem)}.filter-btn{padding:10px 22px;font-size:.9375rem;font-weight:500;border-radius:var(--radius-full);background-color:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out)}.filter-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.filter-btn.active{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);font-weight:600;box-shadow:0 4px 18px #00000026}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:640px){.form-row{grid-template-columns:1fr;gap:1rem}}.form-group{margin-bottom:1.35rem}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;transition:color var(--duration-normal)}.form-input,.form-textarea,.form-select{width:100%;background-color:var(--form-input-bg);border:1px solid var(--form-input-border);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:1rem;min-height:48px;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),background-color var(--duration-fast)}.form-input::placeholder,.form-textarea::placeholder{color:var(--form-placeholder)}.form-select option{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--form-input-focus-border);box-shadow:0 0 0 3px var(--form-input-focus-ring)}.form-textarea{min-height:120px;resize:vertical}.form-success-banner{display:none;background:#38bdf81f;border:1px solid var(--accent-cyan);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem;color:var(--text-primary);font-size:.9375rem;line-height:1.5}.form-success-banner.active{display:block;animation:fadeIn .4s var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.pillar-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2.25rem 1.75rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.pillar-card:hover{transform:translateY(-6px);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.pillar-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-medium);display:flex;align-items:center;justify-content:center;color:var(--text-primary);margin-bottom:1.5rem;transition:background var(--duration-normal),color var(--duration-normal)}.pillar-title{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.pillar-desc{font-size:.9375rem;color:var(--text-muted);line-height:1.6}.stats-banner{border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,3rem);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal)}[data-theme=dark] .stats-banner{background:linear-gradient(135deg,#14161fe6,#0c0d12f2)}[data-theme=light] .stats-banner{background:linear-gradient(135deg,#fff,#f1f5f9)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.stat-item{position:relative}.stat-item:not(:last-child):after{content:"";position:absolute;right:-1rem;top:20%;height:60%;width:1px;background-color:var(--border-subtle)}.stat-value{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3.25rem);font-weight:800;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.03em;transition:color var(--duration-normal)}.stat-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.stat-subtext{font-size:.75rem;color:var(--text-muted)}.product-detail-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:flex-start}.gallery-container{display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:calc(var(--header-height) + 2rem)}.main-image-wrap{position:relative;border-radius:var(--radius-xl);overflow:hidden;background-color:var(--card-image-bg);border:1px solid var(--border-medium);aspect-ratio:1 / 1;transition:background-color var(--duration-normal)}.main-gallery-img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.thumbnail-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.thumbnail-btn{width:84px;height:84px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;background:var(--card-image-bg);flex-shrink:0;opacity:.6;cursor:pointer;transition:opacity var(--duration-fast),border-color var(--duration-fast)}.thumbnail-btn.active,.thumbnail-btn:hover{opacity:1;border-color:var(--text-primary)}.thumbnail-btn img{width:100%;height:100%;object-fit:cover}.detail-info{display:flex;flex-direction:column}.detail-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.detail-title{font-size:clamp(2rem,3.5vw,2.75rem);margin-bottom:1rem;color:var(--text-primary)}.detail-tagline{font-size:1.15rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.75rem}.detail-story{font-size:.98rem;color:var(--text-muted);line-height:1.7;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-subtle)}.detail-features-list{display:flex;flex-direction:column;gap:12px;margin-bottom:2.5rem}.feature-bullet{display:flex;align-items:flex-start;gap:12px;font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.feature-bullet svg{color:var(--accent-cyan);flex-shrink:0;margin-top:3px}.specs-table{width:100%;border-collapse:collapse;margin-bottom:2.5rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.specs-table tr:nth-child(odd){background-color:var(--bg-card)}.specs-table tr:nth-child(2n){background-color:var(--bg-subtle)}.specs-table td{padding:12px 18px;font-size:.875rem;border-bottom:1px solid var(--border-subtle)}.specs-table td:first-child{font-weight:600;color:var(--text-muted);width:40%}.specs-table td:last-child{color:var(--text-primary);font-weight:500}.compatibility-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2.5rem;box-shadow:var(--shadow-sm)}.compatibility-title{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:12px;font-weight:700}.compatibility-tags{display:flex;flex-wrap:wrap;gap:8px}.compatibility-pill{font-size:.75rem;background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary);padding:5px 12px;border-radius:var(--radius-full)}.detail-cta-bar{display:flex;align-items:center;flex-wrap:wrap;gap:1.25rem;margin-top:1rem}.lifestyle-banner{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-medium);min-height:480px;display:flex;align-items:center;box-shadow:var(--shadow-lg)}.lifestyle-banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.lifestyle-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:background var(--duration-normal)}[data-theme=dark] .lifestyle-banner-overlay{background:linear-gradient(90deg,#070709eb,#070709bf,#0707094d)}[data-theme=light] .lifestyle-banner-overlay{background:linear-gradient(90deg,#f8fafcf0,#f8fafcd1,#f8fafc59)}.lifestyle-banner-content{position:relative;z-index:2;padding:clamp(2rem,5vw,4.5rem);max-width:640px}.cta-banner-box{background:var(--cta-gradient);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:clamp(3rem,6vw,5.5rem) clamp(1.5rem,5vw,4rem);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--modal-backdrop);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out),visibility var(--duration-normal)}.modal-overlay.open{opacity:1;visibility:visible}.modal-box{background-color:var(--bg-surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;max-height:90dvh;overflow-y:auto;padding:clamp(1.5rem,4vw,2.75rem);box-shadow:var(--shadow-lg);position:relative;transform:translateY(20px) scale(.98);transition:transform var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)}.modal-overlay.open .modal-box{transform:translateY(0) scale(1)}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;width:44px;height:44px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}.modal-close-btn:hover{background:var(--bg-card);color:var(--text-primary)}.site-footer{background-color:var(--footer-bg);border-top:1px solid var(--border-subtle);padding-top:clamp(4rem,6vw,6rem);padding-bottom:2.5rem;position:relative;overflow:hidden;transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.footer-top{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.2fr;gap:clamp(2rem,4vw,4rem);margin-bottom:clamp(3rem,5vw,4.5rem)}.footer-brand-col{display:flex;flex-direction:column;align-items:flex-start}.footer-logo-img{height:32px;width:auto;margin-bottom:1.25rem}.footer-brand-desc{font-size:.9375rem;color:var(--text-muted);line-height:1.6;max-width:340px;margin-bottom:1.5rem}.footer-contact-info{display:flex;flex-direction:column;gap:8px;font-size:.875rem;color:var(--text-muted);margin-bottom:1.5rem}.footer-contact-info a{color:var(--text-secondary);transition:color var(--duration-fast)}.footer-contact-info a:hover{color:var(--text-primary)}.footer-social-links{display:flex;align-items:center;gap:12px}.social-link{width:44px;height:44px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--duration-fast)}.social-link:hover{background:var(--btn-primary-bg);color:var(--btn-primary-text);transform:translateY(-2px)}.footer-col-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-primary);margin-bottom:1.25rem}.footer-links-list{display:flex;flex-direction:column;gap:10px}.footer-link{font-size:.9375rem;color:var(--text-muted);transition:color var(--duration-fast)}.footer-link:hover{color:var(--text-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:2rem;font-size:.8125rem;color:var(--text-muted)}.reveal-fade,.reveal-up,.reveal-scale,.reveal-stagger>*{opacity:0;will-change:transform,opacity;transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.reveal-fade{transform:translateY(0)}.reveal-up{transform:translateY(32px)}.reveal-scale{transform:scale(.96) translateY(20px)}.reveal-stagger>*{transform:translateY(28px)}.revealed,.reveal-stagger.revealed>*{opacity:1!important;transform:translateY(0) scale(1)!important}.reveal-stagger.revealed>*:nth-child(1){transition-delay:.05s}.reveal-stagger.revealed>*:nth-child(2){transition-delay:.15s}.reveal-stagger.revealed>*:nth-child(3){transition-delay:.25s}.reveal-stagger.revealed>*:nth-child(4){transition-delay:.35s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal-fade,.reveal-up,.reveal-scale,.reveal-stagger>*{opacity:1!important;transform:none!important}}.catalog-controls{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:center}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4.5rem);align-items:flex-start}.collection-feature-box{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);overflow:hidden;padding:clamp(1.5rem,4vw,4rem);position:relative}.about-hero-banner{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);background-color:#07070a;position:relative;width:100%;aspect-ratio:16 / 7;max-height:480px;display:flex;align-items:center;justify-content:center}.about-hero-banner-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media(max-width:768px){.about-hero-banner{aspect-ratio:16 / 9;max-height:380px}}@media(max-width:480px){.about-hero-banner{aspect-ratio:16 / 9;max-height:260px}}.collection-images-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(min-width:901px){.grid-reverse>:first-child{order:2}.grid-reverse>:last-child{order:1}}.contact-channel-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:14px;transition:border-color var(--duration-fast),background-color var(--duration-fast)}.contact-channel-card:hover{border-color:var(--border-medium);background-color:var(--bg-card-hover)}.filter-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:1.75rem}.product-badge,.product-category-tag{max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:1441px){.container{max-width:var(--max-width)}.product-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1280px){.product-grid{grid-template-columns:repeat(3,1fr)}.pillars-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:3rem}}@media(max-width:1024px){:root{--header-height: 72px}.hero-grid{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-top{grid-template-columns:1.2fr 1fr 1fr}.footer-brand-col{grid-column:1 / -1}.product-detail-layout{grid-template-columns:1fr 1fr;gap:2.5rem}.values-grid{gap:1.5rem}}@media(max-width:900px){:root{--header-height: 70px}.nav-desktop,.header-enquire-btn{display:none}.mobile-toggle{display:flex}.hero{min-height:auto;padding-top:calc(var(--header-height) + 1.5rem);padding-bottom:3.5rem}.hero-grid{grid-template-columns:1fr;gap:2.75rem}.hero-content{align-items:center;text-align:center}.hero-subtitle{margin-inline:auto}.hero-cta-group{justify-content:center}.hero-trust-row{justify-content:center;flex-wrap:wrap;gap:1.25rem}.hero-visual{width:100%;max-width:480px;margin-inline:auto}.floating-badge-1{top:0;left:0}.floating-badge-2{bottom:15px;right:0}.split-showcase{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.product-detail-layout{grid-template-columns:1fr;gap:3rem}.gallery-container{position:static;max-width:540px;margin-inline:auto;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem 1.5rem}.stat-item:not(:last-child):after{display:none}.footer-top{grid-template-columns:1fr 1fr;gap:2.5rem}.values-grid{grid-template-columns:1fr;gap:1.5rem}.contact-grid{grid-template-columns:1fr;gap:3rem}}@media(max-width:768px){.lifestyle-banner{min-height:auto}[data-theme=dark] .lifestyle-banner-overlay{background:linear-gradient(180deg,#070709f2,#070709e0 60%,#070709c7)}[data-theme=light] .lifestyle-banner-overlay{background:linear-gradient(180deg,#f8fafcf5,#f8fafce6 60%,#f8fafcd1)}.lifestyle-banner-content{max-width:100%;padding:clamp(2rem,5vw,3.5rem)}}@media(max-width:640px){:root{--header-height: 64px}.section{padding-top:3.25rem;padding-bottom:3.25rem}.catalog-controls{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.pillars-grid{grid-template-columns:1fr}.floating-badge{padding:8px 12px}.floating-badge-1{top:-5px;left:4px}.floating-badge-2{bottom:10px;right:4px}.stats-grid,.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.hero-cta-group{width:100%;flex-direction:column;gap:.875rem}.hero-cta-group .btn{width:100%}.detail-cta-bar{flex-direction:column;width:100%;gap:.875rem}.detail-cta-bar .btn{width:100%}.modal-overlay{padding:1rem}.modal-box{padding:1.5rem 1.25rem}.collection-images-grid{gap:.875rem}}@media(max-width:480px){.contact-channel-card{flex-direction:column;align-items:stretch;gap:1rem;text-align:left}.contact-channel-card .btn{width:100%}.collection-images-grid{grid-template-columns:1fr}.specs-table td{padding:10px 12px;font-size:.8125rem}.specs-table td:first-child{width:45%}.specs-table td:last-child{width:55%}.thumbnail-btn{width:72px;height:72px}.lifestyle-banner-content .btn{width:100%}}@media(max-width:360px){.brand-logo-img{height:24px}.floating-badge{display:none}.header-actions{gap:.5rem}.theme-toggle-btn,.mobile-toggle{width:40px;height:40px}.hero-title{font-size:2rem}.filter-btn{padding:8px 14px;font-size:.8125rem}}@media(max-height:520px)and (orientation:landscape){.hero{min-height:auto;padding-top:calc(var(--header-height) + 1rem);padding-bottom:2rem}.mobile-drawer{padding:calc(var(--header-height) + .75rem) 1.25rem 1.5rem;justify-content:flex-start;gap:1.5rem}.mobile-nav-links{gap:.75rem}.mobile-nav-link{font-size:1.25rem;padding-bottom:.5rem}.mobile-drawer-bottom{margin-top:1rem;gap:.75rem}}.hero-crystal{position:relative;min-height:calc(100vh - var(--header-height));display:flex;align-items:center;padding-top:calc(var(--header-height) + 2rem);padding-bottom:4rem;overflow:hidden}.hero-crystal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center}.hero-crystal-content{display:flex;flex-direction:column;align-items:flex-start;z-index:2}.hero-crystal-title{font-size:clamp(2.5rem,5.5vw,4.4rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-top:1rem;margin-bottom:1.25rem}.hero-crystal-subtitle{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--text-secondary);line-height:1.6;max-width:540px;margin-bottom:2.25rem}.hero-crystal-cta{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:2.5rem}.hero-pill-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:#ffffff14;border:1px solid var(--border-glow);font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);backdrop-filter:blur(8px)}[data-theme=light] .hero-pill-badge{background:#0000000a;border-color:#00000024}.hero-phone-stage{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:580px;margin:0 auto;perspective:1200px;z-index:2}.hero-phone-glow{position:absolute;width:140%;height:140%;top:-20%;left:-20%;background:radial-gradient(circle at 50% 50%,rgba(56,189,248,.16) 0%,rgba(255,255,255,.04) 35%,transparent 70%);pointer-events:none;z-index:0}[data-theme=light] .hero-phone-glow{background:radial-gradient(circle at 50% 50%,rgba(56,189,248,.18) 0%,rgba(226,232,240,.6) 40%,transparent 70%)}.hero-phone-wrapper{position:relative;width:100%;max-width:520px;z-index:2;animation:heroPhoneEntrance 1.4s cubic-bezier(.16,1,.3,1) forwards,heroPhoneFloat 6s ease-in-out 1.4s infinite;transform-origin:center center;will-change:transform}.hero-phone-frame{position:relative;border-radius:0;overflow:visible;box-shadow:none;background:transparent;border:none}.hero-phone-img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 25px 45px rgba(0,0,0,.75));transform:scale(1.02);transition:transform .4s var(--ease-out)}[data-theme=light] .hero-phone-img{filter:drop-shadow(0 20px 40px rgba(0,0,0,.18))}.hero-phone-shadow{position:absolute;bottom:-15px;left:12%;width:76%;height:32px;background:radial-gradient(ellipse at center,#000000a6,#0000 70%);border-radius:50%;pointer-events:none;z-index:1;animation:heroPhoneShadowFloat 6s ease-in-out 1.4s infinite}[data-theme=light] .hero-phone-shadow{background:radial-gradient(ellipse at center,#00000038,#0000 70%)}.hero-glass-sweep{position:absolute;top:-40%;left:-40%;width:180%;height:180%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.05) 45%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.05) 55%,transparent 65%);pointer-events:none;animation:glassSweep 6s ease-in-out infinite;z-index:3}[data-theme=light] .hero-glass-sweep{background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.65) 50%,rgba(255,255,255,.15) 55%,transparent 65%)}.hero-float-badge{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:14px;background:#0e0f16e0;border:1px solid var(--border-glow);box-shadow:0 16px 36px #00000080,0 0 0 1px #ffffff0a;backdrop-filter:blur(14px);pointer-events:auto;transition:transform .3s ease,box-shadow .3s ease}[data-theme=light] .hero-float-badge{background:#ffffffeb;border-color:#0000001f;box-shadow:0 16px 36px #0000001a,0 0 0 1px #0000000a}.hero-float-badge:hover{transform:scale(1.05) translateY(-4px)!important}.hero-float-badge-top{top:14%;left:-8%;animation:heroBadgeFloatTop 5.2s ease-in-out infinite alternate}.hero-float-badge-bottom{bottom:12%;right:-8%;animation:heroBadgeFloatBottom 5.8s ease-in-out .6s infinite alternate}.hero-view-switcher{display:inline-flex;align-items:center;gap:6px;padding:6px;background:#12141dd9;border:1px solid var(--border-glow);border-radius:9999px;backdrop-filter:blur(16px);box-shadow:0 12px 30px #00000073;margin-top:1.75rem;z-index:5;position:relative}[data-theme=light] .hero-view-switcher{background:#ffffffe6;border-color:#0000001f;box-shadow:0 12px 30px #00000014}.view-switch-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:9999px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.view-switch-btn:hover{color:var(--text-primary)}.view-switch-btn.active{background:#fff;color:#000;box-shadow:0 4px 14px #00000040;font-weight:700}[data-theme=light] .view-switch-btn.active{background:#000;color:#fff}.hero-phone-layers{position:relative;width:100%}.hero-phone-layer{position:relative;width:100%;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.hero-phone-layer-exploded{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transform:scale(.96)}.hero-phone-stage[data-active-view=exploded] .hero-phone-layer-assembled{opacity:0;pointer-events:none;transform:scale(1.04)}.hero-phone-stage[data-active-view=exploded] .hero-phone-layer-exploded{opacity:1;pointer-events:auto;transform:scale(1)}.magnetic-snap-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.2);width:320px;height:320px;border-radius:50%;border:2px solid rgba(56,189,248,.8);box-shadow:0 0 40px #38bdf880;pointer-events:none;opacity:0;z-index:6}.magnetic-snap-ripple.trigger-snap{animation:magneticSnapPulse .75s cubic-bezier(.16,1,.3,1) forwards}@keyframes magneticSnapPulse{0%{transform:translate(-50%,-50%) scale(.3);opacity:1;border-width:4px}50%{opacity:.8}to{transform:translate(-50%,-50%) scale(1.4);opacity:0;border-width:1px}}.crystal-statement-banner{background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:2.25rem 0;overflow:hidden}.crystal-statement-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.crystal-statement-item{display:flex;align-items:center;gap:14px}.crystal-statement-text{font-size:1.15rem;font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.crystal-collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2.5rem}.crystal-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.crystal-card:hover{transform:translateY(-8px);border-color:var(--border-glow);box-shadow:0 20px 50px -10px #0006}[data-theme=light] .crystal-card:hover{box-shadow:0 20px 50px -10px #0000001a}.crystal-card-img-wrap{position:relative;width:100%;height:380px;background:#08090d;display:flex;align-items:center;justify-content:center;overflow:hidden}[data-theme=light] .crystal-card-img-wrap{background:#f1f5f9}.crystal-card-img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.crystal-card:hover .crystal-card-img{transform:scale(1.05)}.crystal-card-badge{position:absolute;top:18px;left:18px;z-index:2;background:#000000b3;border:1px solid var(--border-glow);color:#fff;padding:5px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}.crystal-card-body{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.crystal-card-title{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;margin-bottom:.75rem;color:var(--text-primary)}.crystal-card-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.crystal-card-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2rem}.crystal-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-secondary);font-weight:500}.magsafe-showcase-section{position:relative;background:var(--bg-surface);padding:6rem 0;overflow:hidden}.magsafe-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.magsafe-visual-box{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--border-medium);box-shadow:0 20px 50px #0006;background:#08090d}[data-theme=light] .magsafe-visual-box{box-shadow:0 20px 50px #0000001a;background:#f1f5f9}.magsafe-ring-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border-radius:50%;border:2px solid rgba(255,255,255,.7);pointer-events:none;animation:magsafeRingPulse 3.5s infinite ease-in-out;z-index:3}@keyframes magsafeRingPulse{0%,to{transform:translate(-50%,-50%) scale(.96);box-shadow:0 0 #ffffff80;opacity:.7}50%{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 0 30px 10px #38bdf873;opacity:1}}.never-yellow-section{position:relative;padding:6rem 0;background:#040406;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:#fff}[data-theme=light] .never-yellow-section{background:#f8fafc;color:var(--text-primary)}.never-yellow-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:center}.never-yellow-img-wrap{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--border-medium);box-shadow:0 25px 60px -10px #0009}[data-theme=light] .never-yellow-img-wrap{box-shadow:0 25px 60px -10px #0000001f}.never-yellow-feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem;transition:transform .3s ease,border-color .3s ease}.never-yellow-feature-card:hover{transform:translate(6px);border-color:var(--border-glow)}@keyframes heroPhoneEntrance{0%{opacity:0;transform:translateY(70px) scale(.9) rotate(-3.5deg)}65%{opacity:1;transform:translateY(-8px) scale(1.015) rotate(.8deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes heroPhoneFloat{0%{transform:translateY(0) rotate(0)}33%{transform:translateY(-16px) rotate(1.2deg)}66%{transform:translateY(-6px) rotate(-.8deg)}to{transform:translateY(0) rotate(0)}}@keyframes heroPhoneShadowFloat{0%,to{transform:scale(1);opacity:.7}33%{transform:scale(.82);opacity:.35}66%{transform:scale(.92);opacity:.55}}@keyframes heroBadgeFloatTop{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1.5deg)}}@keyframes heroBadgeFloatBottom{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(10px) rotate(1.5deg)}}@keyframes glassSweep{0%{transform:translate(-120%) translateY(-120%) rotate(25deg);opacity:0}15%{opacity:1}40%{transform:translate(120%) translateY(120%) rotate(25deg);opacity:0}to{transform:translate(120%) translateY(120%) rotate(25deg);opacity:0}}@media(max-width:1024px){.hero-crystal-grid,.magsafe-grid,.never-yellow-grid{grid-template-columns:1fr;gap:3rem}.hero-crystal-content{align-items:center;text-align:center}.hero-crystal-subtitle{margin-left:auto;margin-right:auto}.hero-crystal-cta{justify-content:center}.hero-float-badge-top{left:2%}.hero-float-badge-bottom{right:2%}}@media(max-width:768px){.crystal-collection-grid{grid-template-columns:1fr}.crystal-card-img-wrap{height:300px}.hero-crystal{padding-top:calc(var(--header-height) + 1.5rem);padding-bottom:3rem}.hero-phone-wrapper{max-width:340px}.crystal-statement-inner{justify-content:center}}@media(max-width:480px){.hero-phone-wrapper{max-width:280px}.hero-float-badge{padding:6px 10px;font-size:.75rem}.hero-float-badge strong{font-size:.8125rem}.hero-float-badge span{font-size:.6875rem}.crystal-card-img-wrap{height:250px}.crystal-card-body{padding:1.5rem}}@media(prefers-reduced-motion:reduce){.hero-phone-wrapper,.hero-glass-sweep,.magsafe-ring-pulse{animation:none!important;transform:none!important;transition:none!important}}