.directory-header{position:relative;z-index:80;gap:22px;overflow:visible}.directory-header nav{gap:23px;align-items:center}.directory-header .nav-contact{white-space:nowrap}.nav-family{position:relative}.nav-family-toggle{display:flex;align-items:center;gap:8px;font:inherit;font-size:12px;color:inherit;padding:26px 0;border:0;background:none;cursor:pointer;white-space:nowrap}.nav-family-toggle svg{width:9px;height:6px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .2s}.is-open .nav-family-toggle svg{transform:rotate(180deg)}.nav-family-panel{position:absolute;top:100%;left:-24px;width:480px;padding:26px;background:linear-gradient(130deg,#172137f5,#101326fc);border:1px solid #b3c6ff33;border-radius:16px;box-shadow:0 24px 70px #03061190;backdrop-filter:blur(24px);visibility:hidden;opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none}.nav-family:nth-child(n+3) .nav-family-panel{left:auto;right:-60px}.is-open .nav-family-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}.nav-panel-caption{display:block;font-size:9px;letter-spacing:.13em;color:#b8bdd6;margin-bottom:18px}.nav-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nav-brand-grid a{display:flex;align-items:center;gap:15px;padding:13px 12px;border-radius:8px;font-size:12px;background:#a0bfff05;transition:background .2s,color .2s}.nav-brand-grid a:hover,.nav-brand-grid a:focus-visible{background:#9caeff19;color:#eee8ff}.brand-mark{object-fit:contain;filter:invert(1);width:58px;height:23px;flex-shrink:0}.nav-brand-grid svg.brand-mark{filter:none}.nav-brand-grid a .brand-mark{width:48px;height:20px}.nav-all{display:block;margin-top:20px;padding-top:16px;border-top:1px solid #b4c5ed22;font-size:10px!important;color:#b7c8e5}.nav-editorial{font-size:11px!important;white-space:nowrap}.directory-header :focus-visible{outline:2px solid #c2b4fa;outline-offset:5px}.google-review-link{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;margin:0 3px;width:31px;height:31px;background:#fff;border-radius:50%;box-shadow:0 0 25px #9ac3ff24;transition:transform .2s}.google-review-link:hover{transform:translateY(-3px)}.google-review-link svg{width:22px;height:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-brand-links{font-size:12px;line-height:1.8;margin-top:35px;max-width:650px}.home-brand-links a{border-bottom:1px solid currentColor}
.process-eight{background:radial-gradient(ellipse at 80% 30%,#28223a60,transparent 60%),#11162b}.process-eight .section-heading h2{font-size:clamp(42px,5.4vw,80px);max-width:1050px}.process-eight .section-heading>p{font-size:13px;color:#b6bfd0;line-height:1.8;margin-top:26px}.work-steps{list-style:none;padding:0;margin:65px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:50px 32px;counter-reset:step}.work-step{position:relative;border-top:1px solid #b4c5ee30;padding-top:22px}.step-art{height:146px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:20px;isolation:isolate}.step-art:before{content:"";position:absolute;width:120px;height:75px;border-radius:50%;background:radial-gradient(ellipse,#a582ef28,transparent 70%);filter:blur(14px);transform:translate(15px,15px);transition:transform .7s,opacity .7s}.step-art svg{width:105px;height:105px;color:#b9c9ef;filter:drop-shadow(2px 4px 0 #091020) drop-shadow(-1px -1px 0 #fff4) drop-shadow(0 0 12px #9185df33);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s}.step-orbit{position:absolute;width:135px;height:70px;border:1px solid #9b9feb18;border-radius:50%;transform:rotate(-24deg);z-index:-1;transition:transform .8s,border-color .8s}.work-step:hover .step-art svg{transform:translateY(-7px) rotate(-5deg);filter:drop-shadow(0 0 12px #9f8af477)}.work-step:hover .step-orbit{transform:rotate(20deg) scale(1.15);border-color:#a0baff60}.work-step:nth-child(2n):hover .step-art svg{transform:translateY(-5px) rotate(5deg)}.step-number{font-size:10px;color:#a4afcf;letter-spacing:.14em}.work-step h3{font-size:22px;line-height:1.2;letter-spacing:-.6px;font-weight:400;margin:18px 0}.work-step p{font-size:12px;line-height:1.9;color:#b6bfd1;margin:0}.work-step:last-child .step-art svg{color:#d0c2fc}
.brand-page{background:#0a1020;color:#e9edf3}.brand-page main{overflow:clip}.brand-hero{min-height:760px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;position:relative;background:radial-gradient(ellipse at 76% 25%,#30264f60,transparent 57%)}.brand-breadcrumb{font-size:10px;display:flex;gap:10px;flex-wrap:wrap;color:#a6b4cb;margin-bottom:45px}.brand-signature{display:flex;align-items:center;gap:20px;margin-bottom:35px}.brand-signature .brand-mark{width:77px;height:35px}.brand-signature>span{font-size:8px;letter-spacing:.13em;color:#b8c7e3;border-left:1px solid #abc2e34a;padding-left:18px}.brand-hero h1{font-size:clamp(50px,5.9vw,90px);line-height:1;letter-spacing:-.065em;font-weight:400;margin:0 0 30px}.brand-hero h1 em{color:#b7b0e2}.brand-lead{font-size:22px!important;color:#e5e6ee!important;letter-spacing:-.7px;line-height:1.4!important}.brand-hero-copy>p{font-size:13px;line-height:1.9;color:#adbad0;max-width:440px}.brand-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:30px}.brand-actions .button{font-size:11px;padding:19px 25px}.brand-actions .text-link{font-size:11px}.brand-artwork{height:560px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;isolation:isolate;--rx:0deg;--ry:0deg}.artwork-halo{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(ellipse,#8074c91a,#5d94e812 45%,transparent 70%);z-index:-1}.artwork-caption{position:absolute;bottom:0;font-size:8px;letter-spacing:.25em;color:#a9b9d0}.brand-device{position:relative;transform:rotateX(calc(8deg + var(--rx))) rotateY(calc(-20deg + var(--ry))) rotateZ(-9deg);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.15,.7,.2,1);width:220px;height:440px;border-radius:34px;background:linear-gradient(110deg,#d2c7f7,#282d40 2%,#6b7797 4%,#13192a 7%,#060a12 90%,#8796b9 98%,#b8a4d5);padding:8px;box-shadow:12px 12px 0 #070b16,14px 14px 1px #67708c,24px 45px 65px #0009,inset 0 0 2px #fff}.device-display{height:100%;width:100%;border-radius:27px;background:radial-gradient(ellipse at 15% 15%,#aaa0e650,transparent 50%),linear-gradient(135deg,#101929,#151524 55%,#506691);position:relative;overflow:hidden;border:1px solid #c7bffc36}.glass-reflection{position:absolute;inset:-50%;background:linear-gradient(130deg,transparent 41%,#c5aeff30 44%,#b2d0ff99 45%,#6f70b820 47%,transparent 51%);transform:rotate(9deg);animation:brand-glass 10s ease-in-out infinite alternate}.device-camera{position:absolute;width:63px;height:16px;border-radius:15px;background:#05070b;top:17px;left:calc(50% - 31px);box-shadow:0 1px 1px #e6d8ff22}.device-orbit{position:absolute;width:360px;height:180px;top:33%;left:-50%;border:25px solid #93b1e052;border-radius:50%;transform:rotate(-39deg);box-shadow:0 -2px 8px #cee0ff8c,inset 0 2px 10px #7461af8c;filter:blur(.2px)}.device-orbit.second{top:43%;left:6%;border-color:#b99ee637;transform:rotate(32deg);box-shadow:0 -2px 8px #dbb7ff8c}.brand-device.tablet{width:320px;height:410px;border-radius:22px}.tablet .device-display{border-radius:16px}.tablet .device-camera{width:7px;height:7px;left:calc(50% - 3px);top:12px}.brand-device.laptop{width:370px;height:250px;border-radius:14px;padding:9px;transform:rotateX(calc(-8deg + var(--rx))) rotateY(calc(-18deg + var(--ry))) rotateZ(-5deg);box-shadow:5px 9px 0 #0b101c,7px 10px 1px #9a8bac,20px 45px 65px #0009}.laptop .device-display{border-radius:6px}.laptop .device-base{position:absolute;width:118%;height:130px;left:-9%;bottom:-122px;background:repeating-linear-gradient(90deg,transparent 0 16px,#05091155 16px 18px),linear-gradient(150deg,#5b5d79,#212a3f 40%,#8395b7);transform-origin:50% 0;transform:rotateX(67deg);border-radius:4px 4px 18px 18px;box-shadow:0 5px 0 #7d89a8,0 8px 0 #131827}.laptop .device-camera{width:4px;height:4px;top:3px;left:50%}.brand-device.console{width:195px;height:335px;border-radius:5px;background:linear-gradient(110deg,#202b41,#080c15 50%,#181e30 90%,#8c81af);padding:0;transform:rotateX(calc(4deg + var(--rx))) rotateY(calc(-26deg + var(--ry))) rotateZ(-7deg);box-shadow:40px 13px 0 #0e1423,42px 14px 1px #67748b,45px 45px 80px #0008}.console .device-display{border-radius:0;border:0;background:linear-gradient(110deg,#ffffff07,transparent),repeating-linear-gradient(0deg,#111827 0 7px,#050812 8px 10px)}.console .device-camera{top:auto;bottom:35px;left:20px;width:6px;height:6px;background:#a7a6ff;box-shadow:0 0 16px #9686ff}.console .glass-reflection{opacity:.3}.console .device-orbit{display:none}.brand-iphone-photo{height:100%;width:100%;object-fit:contain;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s;filter:drop-shadow(20px 30px 25px #0005)}.controller-art{position:relative;width:330px;height:190px;border-radius:45% 45% 30% 30%;background:linear-gradient(155deg,#78758d,#1a2031 38%,#101523 60%,#787194);box-shadow:0 -2px 1px #e2d8ff88,12px 18px 0 #101423,18px 35px 50px #0008;transform:rotate(-12deg) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s}.controller-art:before,.controller-art:after{content:"";position:absolute;width:80px;height:150px;bottom:-50px;border-radius:20px 20px 45px 45px;background:linear-gradient(120deg,#72738b,#1d2437 55%,#0e1321);z-index:-1}.controller-art:before{left:1px;transform:rotate(19deg)}.controller-art:after{right:1px;transform:rotate(-19deg)}.controller-art i{position:absolute;width:47px;height:47px;background:radial-gradient(circle,#161d2e 45%,#38445b 50%,#101725 60%,#817d9c 67%,#161d2e 73%);border-radius:50%;top:95px;left:95px;box-shadow:3px 8px 8px #0006}.controller-art i:nth-child(2){left:190px;top:89px}.controller-art span,.controller-art b{position:absolute;top:33px;left:48px;color:#b3c4e7;text-shadow:0 0 12px #b7a1ff;font:40px Arial}.controller-art b{left:auto;right:50px;font-size:29px}
.brand-focus{display:grid;grid-template-columns:1fr 1fr;gap:0 10%;border-top:1px solid #c4d2ee1c;background:#11172b}.brand-focus>.eyebrow{grid-column:1/-1;margin-bottom:38px}.brand-focus h2{font-size:clamp(36px,4.1vw,61px);margin:0}.brand-focus>div>p{font-size:14px;color:#b9c4d8;line-height:1.9;margin-top:0}.brand-models{border-top:1px solid #bbcdf129;padding-top:25px;margin-top:30px!important;font-size:11px!important}.brand-models span{display:block;font-size:8px;letter-spacing:.17em;color:#c5b6ef;margin-bottom:12px}.brand-repairs h2{font-size:clamp(40px,5vw,74px);margin:35px 0 55px}.brand-repair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.repair-card{position:relative;padding:30px 25px;border:1px solid #b7c4e32a;border-radius:16px;background:linear-gradient(145deg,#1d243675,#0f15252e);transition:background .35s,border-color .35s,transform .35s}.repair-card:hover{border-color:#aaa0e675;background:linear-gradient(145deg,#34304d90,#141e34);transform:translateY(-5px)}.repair-index{font-size:9px;color:#9faecc}.repair-card>svg{width:55px;height:55px;display:block;color:#b4bce1;margin:25px 0;filter:drop-shadow(0 0 12px #9c80eb44)}.repair-card h3{font-size:23px;font-weight:400;letter-spacing:-.6px;line-height:1.25;margin:20px 0}.repair-card p{font-size:12px;line-height:1.8;color:#b4c0d3}.repair-card a{display:block;font-size:10px;color:#c7c0ee;border-top:1px solid #a6b8d42a;padding-top:18px;margin-top:25px}.brand-repair-note{font-size:11px;line-height:1.9;color:#a3b3cb;max-width:750px;margin-top:30px}.brand-component{background:linear-gradient(130deg,#101728,#17162c)}.brand-component .component-copy>p{font-size:13px;color:#b4c1d7;line-height:1.9}.brand-component h2{font-size:clamp(40px,4.6vw,67px)}.brand-component .component-model-note{font-size:6px;letter-spacing:.06em}.brand-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;background:#e9edf3;color:#16253c}.brand-faq h2{font-size:clamp(40px,5vw,70px);margin:30px 0}.brand-faq em{color:#716b99}.brand-faq details{border-top:1px solid #16253c30}.brand-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px;line-height:1.5;padding:23px 0;list-style:none}.brand-faq summary::-webkit-details-marker{display:none}.brand-faq summary>span{font-size:23px;font-weight:200;transition:transform .3s}.brand-faq details[open] summary>span{transform:rotate(45deg)}.brand-faq details p{font-size:13px;line-height:1.9;color:#4e5d71;margin-bottom:28px}.brand-next h2{font-size:clamp(45px,6vw,88px);margin:35px 0}.brand-next p{font-size:13px;color:#b0bfd6;line-height:1.9}.brand-siblings{padding:28px 8.5%;display:flex;gap:14px 25px;flex-wrap:wrap;background:#151b30;border-block:1px solid #c2cdeb22}.brand-siblings>span{width:100%;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#bbb0e4}.brand-siblings a{font-size:12px}.brand-siblings a[aria-current]{color:#bca9f2;text-decoration:underline;text-underline-offset:6px}.brand-existing{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#12192c}.brand-existing h2{font-size:45px;margin:30px 0}.brand-existing p{font-size:13px;line-height:1.9;color:#b2bfd6}.brand-existing article{scroll-margin-top:40px}@keyframes brand-glass{from{translate:-7% -4%}to{translate:10% 7%}}
@media(max-width:1200px){.directory-header nav{gap:16px}.nav-editorial{display:none}.work-steps{gap:40px 24px}.work-step h3{font-size:20px}.brand-artwork{height:480px}.brand-device.laptop{width:300px;height:205px}}
@media(min-width:721px) and (max-width:1100px){.directory-header .menu-toggle{display:block;font-size:24px}.directory-header nav{display:none}.directory-header .nav-contact{margin-left:auto}}
@media(max-width:1100px){.directory-header nav{position:absolute;left:0;right:0;top:100%;background:#10172a;flex-direction:column;align-items:stretch;padding:20px 6%;gap:0;max-height:calc(100dvh - 90px);overflow-y:auto;box-shadow:0 25px 40px #0007}.directory-header nav.open{display:flex}.nav-editorial{display:block;padding:18px 0;border-top:1px solid #b5c3e120}.nav-family-toggle{width:100%;justify-content:space-between;padding:19px 0;font-size:16px;border-top:1px solid #b5c3e120}.nav-family-panel,.nav-family:nth-child(n+3) .nav-family-panel{position:static;width:100%;padding:18px 15px;display:none;visibility:visible;opacity:1;transform:none;border-radius:8px;box-shadow:none;margin:0 0 15px}.nav-family.is-open .nav-family-panel{display:block}.nav-brand-grid a{font-size:13px;padding:14px 10px}.nav-brand-grid a .brand-mark{width:52px}.work-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.work-step h3{font-size:24px}.work-step p{font-size:13px}.brand-hero{gap:2%;min-height:700px}.brand-hero h1{font-size:6.7vw}.brand-signature{gap:12px}.brand-signature>span{font-size:7px}.brand-repair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.directory-header{height:80px;padding:0 6%;gap:16px}.directory-header .nav-contact{padding:10px 15px}.brand-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:55px;gap:30px;min-height:auto}.brand-breadcrumb{margin-bottom:35px}.brand-signature{margin-bottom:27px}.brand-signature .brand-mark{width:70px;height:28px}.brand-signature>span{font-size:8px}.brand-hero h1{font-size:clamp(48px,12vw,82px)}.brand-hero-copy>p{font-size:13px}.brand-lead{font-size:20px!important}.brand-actions{gap:20px}.brand-artwork{height:400px;width:100%;margin-top:12px}.brand-device{width:165px;height:330px;border-radius:26px;padding:6px}.device-display{border-radius:21px}.device-camera{top:13px;height:12px;width:45px;left:calc(50% - 22px)}.brand-device.tablet{width:240px;height:310px}.brand-device.laptop{width:280px;height:190px}.brand-device.console{width:145px;height:255px}.brand-iphone-photo{max-height:400px}.brand-focus{grid-template-columns:1fr;gap:30px}.brand-focus>.eyebrow{margin-bottom:0}.brand-focus h2{font-size:40px}.brand-focus>div>p{font-size:13px}.brand-repairs h2{font-size:40px;margin-bottom:35px}.brand-repair-grid{gap:13px}.repair-card{padding:20px 17px;border-radius:12px}.repair-card>svg{width:45px;height:45px;margin:20px 0}.repair-card h3{font-size:20px}.repair-card p{font-size:11px;line-height:1.8}.repair-card a{font-size:10px}.brand-faq{grid-template-columns:1fr;gap:40px}.brand-faq h2{font-size:47px}.brand-faq summary{font-size:15px}.brand-next h2{font-size:48px}.brand-existing{grid-template-columns:1fr;gap:45px}.brand-existing h2{font-size:40px}.work-steps{gap:35px 22px;margin-top:45px}.step-art{height:105px;margin-bottom:15px}.step-art svg{width:88px;height:88px}.step-orbit{width:100px;height:60px}.work-step h3{font-size:21px;margin:15px 0}.work-step p{font-size:12px;line-height:1.8}.process-eight .section-heading h2{font-size:39px}.process-eight .section-heading>p{font-size:12px}.controller-art{scale:.8}.brand-page .component-story{min-height:0}.brand-page .component-model-note{font-size:5.5px}}
@media(max-width:380px){.nav-brand-grid{grid-template-columns:1fr 1fr;gap:5px}.nav-brand-grid a{padding:11px 7px;gap:9px;font-size:12px}.nav-brand-grid a .brand-mark{width:37px}.work-steps{grid-template-columns:1fr}.step-art{justify-content:flex-start}.step-orbit{left:0}.brand-repair-grid{grid-template-columns:1fr}.brand-device.laptop{width:245px;height:170px}}
[data-brand-iphone]>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.iphone-ready .brand-iphone-photo{opacity:0}.iphone-view-toggle{position:absolute;bottom:25px;left:50%;translate:-50% 0;z-index:2;border:1px solid #bbc7ec55;border-radius:30px;padding:12px 20px;background:#142137bb;backdrop-filter:blur(12px);font-size:10px;color:#dae4f7;white-space:nowrap;cursor:pointer}.iphone-view-toggle:hover{background:#293352}.iphone-view-toggle:focus-visible{outline:2px solid #c2b4fa;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.glass-reflection{animation:none}.brand-device,.brand-iphone-photo,.controller-art,.repair-card,.step-art svg,.step-orbit{transition:none;transform:none!important}.brand-device.laptop{transform:rotateX(-8deg) rotateY(-18deg) rotateZ(-5deg)!important}.brand-device.console{transform:rotateY(-26deg)!important}}

.handheld-art{display:flex;width:400px;height:190px;transform:rotate(-12deg) rotateY(calc(-20deg + var(--ry))) rotateX(var(--rx));transition:transform .7s;box-shadow:8px 12px 0 #121a2a,10px 13px 1px #a49abb,20px 40px 60px #0008;border-radius:40px;background:#171c2a}.handheld-screen{width:76%;height:100%;border:12px solid #0c101b;border-radius:12px;background:linear-gradient(135deg,#555479,#13243c);overflow:hidden;position:relative}.handheld-left,.handheld-right{width:12%;height:100%;position:relative;background:linear-gradient(110deg,#7885a8,#2c3a52 70%,#7383a6)}.handheld-left{border-radius:40px 0 0 40px}.handheld-right{border-radius:0 40px 40px 0;background:linear-gradient(110deg,#7b6b9b,#382b4f 70%,#8f7eac)}.handheld-art i{position:absolute;width:27px;height:27px;top:42px;left:9px;border-radius:50%;background:radial-gradient(circle,#131b2b 55%,#a8a7c4 60%,#263146 70%);box-shadow:3px 4px 3px #0005}.handheld-right i{top:120px}.handheld-art b{position:absolute;left:12px;top:117px;font:26px Arial;color:#111928;text-shadow:1px 1px #9da9c744}.handheld-right b{top:40px;font-size:22px}.console-curved{border-radius:50% 4% 5% 30%!important;background:linear-gradient(100deg,#79788e,#d5d7e2 12%,#22283c 25%,#080c15 75%,#b4b4cb 85%,#e2e5ed)!important}.console-curved .device-display{background:linear-gradient(100deg,#131b2c,#080b12);width:55%;margin:auto;clip-path:polygon(8% 0,85% 0,100% 100%,0 100%)}
@media(max-width:720px){.handheld-art{width:300px;height:146px}.handheld-screen{border-width:9px}.handheld-art i{width:22px;height:22px;left:6px;top:32px}.handheld-right i{top:92px}.handheld-art b{left:8px;top:88px;font-size:23px}.handheld-right b{top:30px;font-size:20px}}

.brand-page .brand-component{background:linear-gradient(130deg,#101728,#17162c)!important;color:#e9edf3;padding-block:75px!important}.brand-component .component-copy .eyebrow{color:#a6b3cf}.brand-component .component-caption{color:#b6c7e4}.brand-component .component-hint{color:#acb9d1;border-color:#acb9d133}.brand-component .component-model-note{color:#9eabc2}.brand-component .component-view{background:radial-gradient(ellipse at 51% 50%,#7082b21c,transparent 65%)}