/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--spacing:.25rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--paper:#f5f5f7;--white:#fff;--ink:#0b0b0d;--soft-ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--blue:#06c;--graphite:#17181b;--fiber:#25272c;--orange:#d1693c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--soft-ink);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;margin:0}a{color:inherit;text-decoration:none}main{overflow:hidden}.store-header{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5f5f7d6;border-bottom:1px solid #00000014;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:58px;padding:8px max(22px,50vw - 590px);display:grid;position:sticky;top:0}.brand,.store-header nav,.hero-actions,.category-strip,.engineering-grid,.fit-row{align-items:center;display:flex}.brand{gap:10px;font-weight:800}.brand img{object-fit:cover;border-radius:999px;width:34px;height:34px}.brand span{letter-spacing:0;font-size:1rem}.store-header nav{justify-content:center;gap:4px}.store-header nav a,.cart-link{color:var(--muted);border-radius:999px;padding:9px 12px;font-size:.86rem;font-weight:650}.cart-link{background:var(--blue);color:#fff}.store-header a:hover,.store-header a:focus-visible{color:var(--ink);outline:none}.cart-link:hover,.cart-link:focus-visible{color:#fff;background:#0057b8}.hero{text-align:center;justify-items:center;gap:36px;min-height:calc(100svh - 58px);padding:clamp(56px,8vw,92px) 22px 40px;display:grid}.hero-copy{width:min(980px,100%)}.eyebrow{color:var(--orange);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:800}h1,h2,h3,p,span,strong{overflow-wrap:anywhere}h1{color:var(--ink);letter-spacing:0;margin:0 auto;font-size:clamp(3.25rem,8.8vw,7.6rem);line-height:.9}h2{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(2.2rem,5.4vw,5.2rem);line-height:.96}h3{color:var(--ink);margin:0;font-size:1.45rem;line-height:1.12}.hero-text{max-width:760px;color:var(--muted);margin:24px auto 0;font-size:clamp(1.12rem,2vw,1.42rem);line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.button{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:12px 20px;font-weight:750;display:inline-flex}.button.primary{background:var(--blue);color:#fff}.button.secondary{color:var(--blue);background:#0000000f}.button:hover,.button:focus-visible{outline:3px solid #06c3;transform:translateY(-1px)}.hero-product{background:radial-gradient(circle at 50% 0,#ffffffe6,#0000 28rem),linear-gradient(#fff,#e9e9ed);border-radius:8px;width:min(1080px,100%);overflow:hidden;box-shadow:0 42px 90px #00000024}.hero-product img{aspect-ratio:16/7;object-fit:cover;object-position:center;width:100%;display:block}.category-strip{z-index:2;background:#ffffffd6;border:1px solid #00000014;border-radius:999px;justify-content:center;gap:10px;width:min(1120px,100% - 28px);margin:-4px auto 0;padding:12px;position:relative;overflow-x:auto;box-shadow:0 18px 50px #00000014}.category-strip a{color:var(--muted);border-radius:999px;flex:none;padding:10px 14px;font-size:.9rem;font-weight:750}.category-strip a:hover,.category-strip a:focus-visible{background:var(--ink);color:#fff;outline:none}.section{width:min(1180px,100% - 32px);margin:0 auto;padding:clamp(78px,10vw,128px) 0}.section-heading{max-width:760px}.section-heading.center{text-align:center;margin:0 auto}.section-heading p{color:var(--muted);margin:18px 0 0;font-size:1.08rem;line-height:1.7}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px;display:grid}.collection-card{background:var(--white);border-radius:8px;align-content:start;gap:12px;min-height:420px;padding:18px;display:grid;box-shadow:0 16px 40px #00000012}.card-visual{background:linear-gradient(135deg, #f9f9fb, #dfe1e7), var(--white);border-radius:8px;height:200px;margin-bottom:12px;position:relative;overflow:hidden}.card-visual:before,.card-visual:after,.card-visual span{content:"";position:absolute}.card-visual:before{background:linear-gradient(135deg,#516170,#0d0e10);border:10px solid #202124;border-radius:18px;inset:34px 42px 52px}.card-visual:after{background:#222326;border-radius:10px;height:42px;bottom:30px;left:38px;right:24px}.card-visual span{background:#f8f8f8;border-radius:999px;width:10px;height:134px;top:28px;right:34px;box-shadow:0 12px 24px #0000002e}.collection-card p{color:var(--orange);margin:0;font-size:.82rem;font-weight:850}.collection-card>span{color:var(--muted);line-height:1.55}.collection-card strong{margin-top:auto;font-size:1.05rem}.protection-section{grid-template-columns:minmax(300px,.88fr) minmax(360px,1fr);align-items:center;gap:42px;width:min(1180px,100% - 32px);margin:0 auto;padding:clamp(72px,10vw,118px) 0;display:grid}.protection-copy p:not(.eyebrow),.material-panel p,.closing-cta p{color:var(--muted);margin:22px 0 0;font-size:1.08rem;line-height:1.72}.angle-demo{background:linear-gradient(140deg,#fff,#e7e8ed);border-radius:8px;min-height:540px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000012,0 28px 80px #0000001f}.case-back,.case-screen,.angle-rail{position:absolute}.case-back{background:repeating-linear-gradient(135deg, #ffffff14 0 2px, transparent 2px 9px), var(--graphite);border-radius:28px;width:270px;height:350px;bottom:96px;right:15%;transform:rotate(-9deg);box-shadow:0 34px 70px #00000047}.case-screen{background:linear-gradient(145deg,#6d7887,#1d2028);border:12px solid #111214;border-radius:30px;width:285px;height:360px;bottom:86px;left:13%;transform:rotate(8deg);box-shadow:0 34px 70px #00000040}.angle-rail{gap:9px;width:230px;display:grid;bottom:62px;right:18%}.angle-rail span{background:linear-gradient(90deg, var(--orange), #f3c48f);border-radius:999px;height:13px}.material-section{width:min(1320px,100% - 28px);margin:0 auto;padding:0 0 clamp(72px,10vw,118px)}.material-panel{background:linear-gradient(135deg, #ffffff14, transparent 45%), repeating-linear-gradient(45deg, #ffffff0e 0 2px, transparent 2px 11px), repeating-linear-gradient(-45deg, #ffffff09 0 2px, transparent 2px 12px), var(--graphite);color:#fff;border-radius:8px;padding:clamp(34px,7vw,78px)}.material-panel h2{color:#fff;max-width:900px}.material-panel p{color:#c8c8ce;max-width:720px}.engineering-grid{gap:12px;margin-top:42px}.engineering-grid article{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex:1;min-width:0;min-height:156px;padding:20px}.engineering-grid strong{color:#fff;font-size:clamp(2rem,4vw,3.6rem);line-height:1;display:block}.engineering-grid span{color:#d7d7dc;margin-top:16px;line-height:1.55;display:block}.fit-section{grid-template-columns:minmax(270px,.72fr) minmax(360px,1fr);gap:42px;display:grid}.fit-table{border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;overflow:hidden}.fit-row{grid-template-columns:.7fr .7fr 1.2fr;align-items:center;gap:16px;padding:20px;display:grid}.fit-row+.fit-row{border-top:1px solid var(--line)}.fit-row span,.fit-row p{color:var(--muted);margin:0;line-height:1.45}.closing-cta{text-align:center;background:radial-gradient(circle at 82% 12%,#06c3,#0000 24rem),#fff;border-radius:8px;width:min(1180px,100% - 32px);margin:0 auto 52px;padding:clamp(38px,7vw,76px);box-shadow:0 24px 70px #00000014}.closing-cta h2{max-width:760px;margin:0 auto}.closing-cta p{max-width:620px;margin-inline:auto}.closing-cta .button{margin-top:26px}@media (width<=960px){.store-header{grid-template-columns:1fr auto;padding-inline:14px}.store-header nav{order:3;grid-column:1/-1;justify-content:flex-start;overflow-x:auto}.hero{min-height:auto}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.protection-section,.fit-section{grid-template-columns:1fr}.engineering-grid{flex-direction:column;align-items:stretch}}@media (width<=620px){.store-header{grid-template-columns:1fr}.cart-link,.button{width:100%}.brand img{width:42px;height:42px}.hero{padding-top:46px}.hero-actions{flex-direction:column;align-items:stretch}.hero-product img{aspect-ratio:4/3}.category-strip{border-radius:8px;justify-content:flex-start}.collection-grid{grid-template-columns:1fr}.angle-demo{min-height:420px}.case-screen{width:210px;height:280px;left:8%}.case-back{width:205px;height:270px;right:6%}.angle-rail{width:180px;right:10%}.fit-row{grid-template-columns:1fr}}
