:root{--navy:#062f50;--navy-deep:#05243e;--orange:#f36b2d;--cream:#fbf8f0;--white:#fff;--ink:#17344b;--muted:#71808a;--line:#e5e2db;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.header{height:82px;padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;background:var(--navy-deep);color:#fff;position:relative;z-index:10;border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:10px;color:#fff;font:800 13px var(--display);letter-spacing:.7px}.brand img{width:48px;height:48px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.65)}.brand span b{display:block;color:var(--orange);font-size:11px;letter-spacing:2px;margin-top:3px}.nav{display:flex;align-items:center;gap:37px;font-size:12px;font-weight:600;color:#e3e8ed}.nav>a:not(.nav-button):hover{color:var(--orange)}.nav-button{padding:12px 16px;border-radius:4px;background:var(--orange);color:#fff;font-weight:700}.nav-button span{margin-left:17px}.menu-toggle{display:none}.hero{min-height:670px;background:var(--navy-deep);color:var(--white);padding:75px 8% 61px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.hero-lines,.custom-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent,#000 43%,#000)}.hero-copy{position:relative;z-index:2;padding-bottom:26px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;line-height:1.4;font-weight:800;letter-spacing:1.65px;color:var(--orange);text-transform:uppercase}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 11px #f36b2d88}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(55px,6.5vw,85px);letter-spacing:-.07em;line-height:.99;margin:25px 0 23px;font-weight:800}h1 em,h2 em{font-style:normal;color:var(--orange)}.hero-text{color:#c5d1db;max-width:490px;font-size:14px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:30px}.button{min-height:47px;padding:0 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-radius:4px;font-size:11px;font-weight:800;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.06)}.button-orange{background:var(--orange);color:#fff;box-shadow:0 7px 22px #f36b2d30}.button-outline{border:1px solid rgba(255,255,255,.27);color:#eef2f5}.button-outline span{color:var(--orange)}.hero-caption{display:flex;align-items:center;gap:12px;margin-top:42px;font-size:8px;letter-spacing:1.5px;color:#a7b7c4}.hero-caption b{color:#fff}.hero-caption span{width:25px;height:1px;background:var(--orange)}.hero-visual{height:440px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-22deg)}.orbit-a{height:250px;width:420px}.orbit-b{height:420px;width:270px;transform:rotate(50deg)}.logo-card{position:relative;z-index:1;width:min(76%,320px);aspect-ratio:1/1;background:var(--cream);border:5px solid rgba(255,255,255,.85);border-radius:50%;padding:9px;box-shadow:0 22px 70px #0006;transform:rotate(3deg)}.logo-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-tag{position:absolute;z-index:2;font-size:8px;letter-spacing:1.55px;color:#d4dce2}.tag-top{top:47px;right:1%;writing-mode:vertical-rl}.orange-dot{display:inline-block;width:6px;height:6px;margin-bottom:8px;border-radius:50%;background:var(--orange)}.tag-bottom{bottom:39px;left:1%}.tag-bottom b{color:var(--orange);margin:0 7px}.spark{position:absolute;color:var(--orange);font-size:18px}.spark-a{left:15%;top:104px}.spark-b{right:15%;bottom:112px;color:#fff}.hero-bottom{position:absolute;left:8%;right:8%;bottom:0;height:48px;border-top:1px solid rgba(255,255,255,.17);display:flex;align-items:center;justify-content:space-between;color:#a8b6c1;font-size:8px;letter-spacing:1.5px}.hero-bottom i{font-style:normal;color:var(--orange);padding:0 5px}.section{padding-left:9%;padding-right:9%}.shop{padding-top:100px;padding-bottom:93px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.light-eyebrow{color:var(--orange)}.section-head h2,.custom h2,.about h2{font-size:clamp(38px,4.8vw,59px);line-height:1.04;letter-spacing:-.065em;margin:19px 0 0}.section-intro{max-width:365px;color:#687783;font-size:12px;line-height:1.9;margin:0 0 4px}.filters{display:flex;align-items:center;gap:8px;margin:40px 0 19px;padding-bottom:15px;border-bottom:1px solid var(--line)}.filter{border:1px solid transparent;background:transparent;padding:9px 13px;border-radius:4px;font:600 10px var(--font);color:#63717c;cursor:pointer;transition:.2s}.filter:hover,.filter.active{border-color:var(--navy);background:var(--navy);color:#fff}.filter span{margin-left:10px;color:var(--orange)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{background:#fff;border:1px solid #ece9e2;border-radius:5px;overflow:hidden;transition:transform .22s,box-shadow .22s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #102b4014}.product-card[hidden]{display:none}.product-image{height:200px;position:relative;overflow:hidden;display:grid;place-items:center;background:#eef2f3}.product-label{position:absolute;z-index:2;top:13px;left:14px;padding:6px 8px;border-radius:3px;background:#fff;color:var(--navy);font-size:7px;font-weight:800;letter-spacing:1.15px}.image-index{position:absolute;right:14px;bottom:12px;color:rgba(6,47,80,.45);font:800 10px var(--display);letter-spacing:1px}.image-clicker{background:linear-gradient(135deg,#f4eee2,#d8e1e4)}.clicker-graphic{position:relative;width:112px;height:112px;background:linear-gradient(145deg,#ffb466,#ee642c);border:8px solid #fff5e5;border-radius:50%;box-shadow:0 17px 22px #102b4026,inset 0 -7px 0 #c74e22;display:grid;place-content:center;gap:5px;transform:rotate(-12deg)}.clicker-graphic i{display:block;width:30px;height:6px;border-radius:9px;background:#7b361e}.graphic-ring{position:absolute;width:26px;height:26px;border:6px solid #b5c0c2;border-radius:50%;top:31px;right:calc(50% - 61px);box-shadow:inset 0 0 0 2px #fff}.image-keyring{background:linear-gradient(135deg,#e5ebed,#f6f0e6)}.key-ring{position:absolute;width:76px;height:76px;top:52px;left:calc(50% - 38px);border-radius:50%;border:8px solid #8a9ba3;box-shadow:inset 0 0 0 3px #edf3f5,0 12px 16px #102b4020}.key-tag{position:absolute;top:101px;left:calc(50% - 28px);width:56px;height:56px;border-radius:13px 13px 18px 18px;background:linear-gradient(145deg,#164a70,#082e4c);display:grid;place-items:center;color:#fff;font:800 22px var(--display);box-shadow:0 9px 16px #102b4033;transform:rotate(-7deg)}.image-custom{background:linear-gradient(135deg,#d9e5eb,#f8efe3)}.custom-object{width:108px;height:108px;position:relative;transform:rotate(-30deg)}.custom-object i{position:absolute;inset:0;background:linear-gradient(140deg,#f58240,#c84c24);clip-path:polygon(50% 0,95% 22%,95% 76%,50% 100%,5% 76%,5% 22%);box-shadow:0 12px 16px #102b4020}.custom-object i:nth-child(2){inset:23px;background:linear-gradient(140deg,#f9aa70,#e8713a);clip-path:polygon(50% 0,95% 22%,95% 76%,50% 100%,5% 76%,5% 22%)}.custom-object i:nth-child(3){inset:44px;background:#f9f4ea;clip-path:polygon(50% 0,95% 22%,95% 76%,50% 100%,5% 76%,5% 22%)}.image-case{background:linear-gradient(135deg,#f0e5db,#dce8ed)}.phone-graphic{height:144px;width:77px;border:5px solid #173f5d;border-radius:18px;background:linear-gradient(140deg,#f6a675,#ea6a37);box-shadow:0 14px 18px #102b4022;transform:rotate(9deg);position:relative}.phone-graphic:before{content:"";position:absolute;top:7px;left:50%;width:25px;height:5px;border-radius:5px;background:#173f5d;transform:translateX(-50%)}.phone-graphic span{position:absolute;left:10px;right:10px;top:25px;bottom:15px;border:1px solid #fff8;border-radius:10px}.phone-graphic i{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);height:4px;width:4px;border-radius:50%;background:#fff}.image-screen{background:linear-gradient(135deg,#e4edf1,#f8f1e6)}.screen-graphic{height:142px;width:78px;border:7px solid #173f5d;border-radius:16px;background:linear-gradient(145deg,#f9fcfc,#d7e5e9);box-shadow:0 14px 20px #102b4020;transform:rotate(-9deg);display:grid;place-items:center;gap:8px;align-content:center}.screen-graphic i{height:5px;width:43px;background:#dbe4e6;border:1px solid #c2d0d4;border-radius:4px}.product-info{padding:17px 16px 16px}.product-type{font-size:7px;letter-spacing:1.35px;color:var(--orange);font-weight:800;margin:0 0 8px}.product-info h3{font-size:19px;letter-spacing:-.04em;margin:0 0 7px;color:var(--navy)}.product-info>p:not(.product-type){color:#74818b;font-size:10px;line-height:1.7;min-height:35px;margin:0}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #efeee9;margin-top:13px;padding-top:12px}.availability{display:flex;align-items:center;gap:6px;color:#87919a;font-size:8px}.availability i{width:6px;height:6px;border-radius:50%;background:var(--orange)}.product-bottom a{color:var(--navy);font-size:9px;font-weight:800;white-space:nowrap}.product-bottom a b{color:var(--orange);margin-left:5px}.shop-note{text-align:center;font-size:10px;color:#737f88;margin:34px 0 0}.shop-note span{color:var(--orange);margin-right:6px}.shop-note a{color:var(--navy);font-weight:800;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}.custom{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff;padding-top:0;padding-bottom:0;min-height:480px}.custom-visual{min-height:480px;position:relative;display:grid;place-items:center;overflow:hidden;background:var(--navy-deep)}.custom-grid{mask-image:radial-gradient(ellipse,#000,transparent 75%);opacity:.8}.custom-visual img{width:min(54%,260px);aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:7px solid #f7f4ed;position:relative;z-index:1;box-shadow:0 25px 55px #0005}.custom-seal{position:absolute;z-index:2;right:11%;bottom:50px;width:100px;height:100px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-content:center;text-align:center;font:700 9px/1.4 var(--display);letter-spacing:1px;transform:rotate(9deg);box-shadow:0 9px 26px #0004}.custom-seal b{font-size:12px}.custom-copy{align-self:center;padding:63px 12% 63px 11%}.custom h2{font-size:clamp(39px,4.2vw,55px);margin:19px 0 17px}.custom-copy>p:not(.eyebrow){color:#c5d1db;max-width:460px;font-size:11px;line-height:1.9}.custom ul{list-style:none;margin:25px 0 27px;padding:0;border-top:1px solid #ffffff2b}.custom li{padding:12px 0;border-bottom:1px solid #ffffff2b;font-size:10px;color:#e7edf1}.custom li span{font-size:8px;color:var(--orange);font-weight:800;margin-right:12px}.about{background:var(--cream);padding-top:82px;padding-bottom:91px}.about-content{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px}.about h2{margin-top:20px}.about-content>div{max-width:410px}.about-content>div p{color:#6d7a83;font-size:11px;line-height:1.95}.about-content>div>a{font-size:10px;font-weight:800;color:var(--navy)}.about-content>div>a span{color:var(--orange);margin-left:7px}.footer{background:var(--navy-deep);color:#e5ecf0;padding:34px 7.5% 18px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:16px}.footer-brand img{width:42px;height:42px}.footer-note{font-size:10px;color:#aab8c3}.footer-email{text-align:right;font-size:10px;font-weight:700}.footer-email b{color:var(--orange);margin-left:5px}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff26;margin-top:15px;padding-top:15px;display:flex;justify-content:space-between;color:#98aab7;font-size:8px;letter-spacing:.4px}.footer-bottom a:hover{color:var(--orange)}
@media(max-width:900px){.header{padding:0 5%}.nav{gap:20px}.hero{padding-left:6%;padding-right:6%;grid-template-columns:1fr 1fr}.hero-bottom{left:6%;right:6%}.section{padding-left:6%;padding-right:6%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-copy{padding-left:8%;padding-right:8%}.custom-seal{right:7%}}
@media(max-width:650px){html{scroll-padding-top:72px}.header{height:70px;padding:0 5%}.brand img{width:42px;height:42px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:9px}.menu-toggle i{width:22px;height:2px;background:#fff;border-radius:2px}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 5% 24px;background:var(--navy-deep);border-top:1px solid #ffffff22;flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.nav-button{text-align:center}.hero{grid-template-columns:1fr;padding:68px 7% 54px;min-height:850px}.hero-copy{padding-bottom:0}.hero-visual{height:330px;margin-top:8px}.logo-card{width:min(62%,260px)}.orbit-a{width:310px;height:190px}.orbit-b{width:220px;height:330px}.hero-tag{font-size:7px}.hero-caption{margin-top:29px}.hero-bottom{left:7%;right:7%;font-size:7px}.section{padding-left:7%;padding-right:7%}.shop{padding-top:70px;padding-bottom:67px}.section-head{display:block}.section-intro{margin-top:18px}.filters{gap:3px;overflow:auto;margin-top:28px}.filter{white-space:nowrap;padding:9px 10px}.product-grid{grid-template-columns:1fr;gap:13px}.product-image{height:205px}.product-info{padding:16px}.product-info>p:not(.product-type){min-height:0}.custom{grid-template-columns:1fr}.custom-visual{min-height:340px}.custom-visual img{width:200px}.custom-seal{right:13%;bottom:28px;width:84px;height:84px}.custom-copy{padding:54px 7% 63px}.about{padding-top:62px;padding-bottom:67px}.about-content{grid-template-columns:1fr;gap:20px}.footer{padding:28px 7% 17px;grid-template-columns:1fr auto}.footer-note{grid-column:1/-1;grid-row:2}.footer-email{grid-column:2;grid-row:1;font-size:8px}.footer-bottom{grid-row:3}.footer-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
