.device-page{background:#0c0c0e}.device-hero{width:100%;height:100vh;position:relative;overflow:hidden}.device-hero-video-bg{position:absolute;inset:0;overflow:hidden}.device-hero-video-bg video{object-fit:cover;will-change:transform;width:100%;height:100%}.device-hero-overlay{z-index:2;background:linear-gradient(#00000026 0%,#00000005 40%,#0003 75%,#00000073 100%);position:absolute;inset:0}.device-hero-content{z-index:3;flex-direction:column;justify-content:flex-end;max-width:900px;padding:clamp(40px,8vw,80px);display:flex;position:absolute;inset:0}.device-hero-label{color:#ffffffb3;margin-bottom:clamp(16px,2vh,28px);font-size:clamp(12px,1.2vw,14px);animation:.8s cubic-bezier(.16,1,.3,1) .5s backwards deviceRevealUp}.device-hero-content h1{color:#fff;margin-bottom:clamp(16px,2.5vh,32px);font-size:clamp(32px,5.5vw,68px);line-height:1.1;animation:.8s cubic-bezier(.16,1,.3,1) .7s backwards deviceRevealUp}.device-hero-content h1 em{background:linear-gradient(105deg,#c8c8c8e6,#fff,#c8c8c8cc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.device-hero-subtitle{color:#ffffffbf;max-width:600px;font-size:clamp(15px,1.6vw,20px);font-weight:400;line-height:1.6;animation:.8s cubic-bezier(.16,1,.3,1) .9s backwards deviceRevealUp}.device-hero-badges{flex-wrap:wrap;gap:10px;margin-top:clamp(20px,3vh,36px);animation:.8s cubic-bezier(.16,1,.3,1) 1.1s backwards deviceRevealUp;display:flex}.device-hero-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.device-hero-badge svg{opacity:.7;flex-shrink:0;align-self:center;width:14px;height:14px}.device-hero-fade{z-index:3;pointer-events:none;background:linear-gradient(#0000 0%,#0c0c0e4d 50%,#0c0c0e 100%);height:clamp(120px,20vh,240px);position:absolute;bottom:0;left:0;right:0}@keyframes deviceRevealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.device-section-pad{z-index:1;background:#0c0c0e;padding:clamp(60px,8vh,100px) clamp(20px,5vw,80px);position:relative}.device-section-inner{max-width:1100px;margin:0 auto}.device-section-header{text-align:center;margin-bottom:clamp(20px,2.5vh,32px)}.section-label{color:#dcbe8cb3;margin-bottom:clamp(16px,2vh,24px)}.section-title{color:#f2f2f7;margin-bottom:clamp(20px,3vh,36px);font-size:clamp(28px,4vw,52px);line-height:1.1}.section-title em{color:#fff;font-style:italic}.section-body{color:#f5f5f7bf;max-width:780px;font-size:clamp(15px,1.4vw,18px);line-height:1.75}.section-body+.section-body{margin-top:1.25em}.device-two-col{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(40px,5vw,60px);margin-top:clamp(40px,5vh,60px);display:grid}.device-two-col-left{order:1}.device-two-col-right,.device-two-col.image-left .device-two-col-left{order:2}.device-two-col.image-left .device-two-col-right{order:1}@media (max-width:900px){.device-two-col{grid-template-columns:1fr}.device-two-col.image-left .device-two-col-left{order:1}.device-two-col.image-left .device-two-col-right{order:2}}.device-frame{background:#ffffff05;border:1px solid #ffffff0f;border-radius:clamp(16px,2vw,24px);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.device-frame:hover{border-color:#64dcdc33;transform:translateY(-4px);box-shadow:0 12px 48px #64dcdc1f}.device-frame img{width:100%;height:auto;display:block}.device-compact-grid{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);margin-top:clamp(28px,3.5vh,40px);display:grid}.device-compact-card{-webkit-backdrop-filter:blur(32px)saturate(160%);background:linear-gradient(135deg,#1c1c228c 0%,#12121873 100%);border:1px solid #ffffff1a;border-radius:clamp(14px,1.8vw,20px);padding:clamp(20px,2.5vw,24px);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f}.device-compact-card:hover{border-color:#dcbe8c47;transform:translateY(-4px);box-shadow:0 20px 60px #dcbe8c1f,0 8px 32px #0000008c,inset 0 1px #ffffff1a}.device-compact-card-icon{background:linear-gradient(135deg,#ffffff12 0%,#ffffff08 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;display:flex;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0003}.device-compact-card-icon svg{color:#f2f2f7b3;width:18px;height:18px}.device-compact-card h4{color:#f2f2f7;margin-bottom:6px;font-size:clamp(14px,1.2vw,16px);font-weight:700}.device-compact-card p{color:#f5f5f7bf;font-size:clamp(13px,1.1vw,15px);line-height:1.5}@media (max-width:700px){.device-compact-grid{grid-template-columns:1fr}}.device-video-section{background:#0c0c0e;position:relative}.device-video-section video{object-fit:cover;opacity:.3;z-index:0;width:100%;height:100%;position:absolute;inset:0}.device-video-overlay{z-index:1;background:radial-gradient(#0000 0%,#0c0c0e4d 100%);position:absolute;inset:0}.device-video-fade-top{z-index:2;background:linear-gradient(#0c0c0e 0%,#0000 100%);height:80px;position:absolute;top:0;left:0;right:0}.device-video-fade-bottom{z-index:2;background:linear-gradient(#0000 0%,#0c0c0e 100%);height:80px;position:absolute;bottom:0;left:0;right:0}.device-video-content{z-index:3;padding:clamp(60px,8vh,100px) clamp(20px,5vw,80px);position:relative}.device-stats-strip{-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:clamp(14px,1.8vw,20px);grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(28px,3.5vh,40px);padding:clamp(20px,2.5vw,28px);display:grid;box-shadow:0 4px 20px #00000040,inset 0 1px #ffffff0d}.device-stat{text-align:center}.device-stat-number{letter-spacing:-.02em;color:#f2f2f7;margin-bottom:4px;font-size:clamp(24px,2.5vw,36px);font-weight:900;line-height:1}.device-stat-label{color:#dcbe8cbf;font-size:clamp(12px,1vw,14px);font-weight:500}@media (max-width:600px){.device-stats-strip{grid-template-columns:1fr}}.device-uses-section{margin-top:clamp(40px,5vh,60px)}.device-uses-list{flex-wrap:wrap;gap:10px;margin-top:clamp(24px,3vh,36px);display:flex}.device-uses-tag{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#f5f5f7c7;background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:6px;padding:10px 20px;font-size:clamp(13px,1.1vw,15px);font-weight:500;transition:transform .3s,box-shadow .3s,border-color .3s;display:inline-flex}.device-uses-tag:hover{border-color:#b48c5a40;transform:translateY(-2px);box-shadow:0 4px 16px #b48c5a26}.device-uses-tag svg{color:#dcbe8c99;width:14px;height:14px}.wear-product-specs{flex-wrap:wrap;gap:10px;margin-top:clamp(16px,2vh,24px);display:flex}.wear-product-spec{color:#f5f5f7d1;letter-spacing:.01em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff12 0%,#ffffff06 100%);border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:9px;padding:10px 18px 10px 14px;font-size:13px;font-weight:600;transition:color .3s,border-color .3s,background .3s,transform .3s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f,0 2px 10px #0003}.wear-product-spec:hover{color:#f2f2f7;background:linear-gradient(135deg,#dcbe8c1f 0%,#ffffff0a 100%);border-color:#dcbe8c4d;transform:translateY(-1px)}.wear-product-spec-icon{background:#dcbe8c1f;border:1px solid #dcbe8c38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .3s,border-color .3s;display:inline-flex}.wear-product-spec:hover .wear-product-spec-icon{background:#dcbe8c38;border-color:#dcbe8c66}.wear-product-spec svg{opacity:.95;color:#dcbe8ce6;stroke-width:1.75px;fill:none;stroke:currentColor;width:14px;height:14px}.device-faq-list{margin-top:clamp(28px,3.5vh,40px)}.device-faq-item{border-bottom:1px solid #ffffff0f}.device-faq-q{color:#f2f2f7;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:clamp(18px,2.5vh,24px) 0;font-family:inherit;font-size:clamp(15px,1.3vw,18px);font-weight:600;transition:color .3s;display:flex}.device-faq-q:hover{color:#f2f2f7cc}.device-faq-q h4{font-size:inherit;font-weight:inherit;margin:0}.device-faq-q svg{color:#dcbe8c66;flex-shrink:0;width:24px;height:24px;transition:transform .35s cubic-bezier(.16,1,.3,1)}.device-faq-item.open .device-faq-q svg{transform:rotate(180deg)}.device-faq-a{opacity:0;max-height:0;transition:max-height .45s cubic-bezier(.16,1,.3,1),opacity .35s;overflow:hidden}.device-faq-item.open .device-faq-a{opacity:1;max-height:500px}.device-faq-a p{color:#f5f5f7bf;max-width:780px;margin:0;padding-bottom:clamp(18px,2.5vh,24px);font-size:clamp(15px,1.25vw,17px);line-height:1.75}[data-reveal]{opacity:0;transform:translateY(30px)}[data-reveal].revealed{opacity:1;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(0)}@media (max-width:900px){.device-hero-content{padding:clamp(24px,5vw,40px)}.device-hero-content h1{font-size:clamp(28px,7vw,48px)}.device-hero-subtitle{font-size:clamp(14px,3.5vw,18px)}}@media (max-width:700px){.device-hero-badges{gap:8px}.device-hero-badge{padding:6px 12px;font-size:12px}.device-hero-badge svg{width:12px;height:12px}}@media (max-width:480px){.device-hero{padding:80px 16px 40px}.device-section-pad{padding:clamp(40px,6vh,60px) 16px}}.wear-device-frame{justify-content:center;align-items:center;min-height:340px;padding:clamp(24px,3vw,40px);display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.wear-device-frame:before{content:"";z-index:0;pointer-events:none;border:2px solid #d2b99673;border-radius:clamp(16px,2vw,24px);transition:all .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:-3px;box-shadow:0 0 25px #d2b99640,0 0 60px #d2b99626,0 0 120px #d2b99614,0 0 200px #d2b9960a,inset 0 0 30px #d2b99614}.wear-device-frame:hover:before{border-color:#d2b99699;box-shadow:0 0 35px #d2b99659,0 0 80px #d2b99633,0 0 160px #d2b9961a,0 0 250px #d2b9960d,inset 0 0 40px #d2b9961a}.wear-device-frame:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#dcbe8c1a 0%,#dcbe8c08 50%,#0000 75%);width:70%;height:70%;transition:opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wear-device-frame:hover:after{background:radial-gradient(#dcbe8c26 0%,#dcbe8c0d 50%,#0000 75%)}.wear-device-frame:hover{transform:translateY(-4px);box-shadow:none!important;border-color:#0000!important}.wear-device-frame img,.wear-device-frame>span{object-fit:contain;z-index:1;filter:drop-shadow(0 20px 40px #00000080);max-height:340px;margin:0 auto;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .6s;position:relative;width:auto!important}.wear-device-frame:hover img,.wear-device-frame:hover>span{filter:drop-shadow(0 28px 50px #0000008c)drop-shadow(0 0 20px #dcbe8c14);transform:translateY(-6px)}.device-showcase .device-video-content{padding-top:clamp(60px,8vh,100px);padding-bottom:clamp(60px,8vh,100px)}.device-grid{grid-template-columns:2fr 1fr 1fr;gap:clamp(12px,1.5vw,20px);margin-top:clamp(32px,4vh,48px);display:grid}.device-grid-item{background:linear-gradient(135deg,#1c1c228c 0%,#12121873 100%);border:1px solid #ffffff1a;border-radius:clamp(14px,1.8vw,20px);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f}.device-grid-item:hover{border-color:#dcbe8c47;transform:translateY(-3px);box-shadow:0 20px 60px #dcbe8c1f,0 8px 32px #0000008c,inset 0 1px #ffffff1a}.device-grid-item:first-child{aspect-ratio:3/2;grid-row:span 2}.device-grid-item:not(:first-child){aspect-ratio:1}.device-grid-item img{object-fit:cover;width:100%;height:100%;display:block}.device-grid-caption{position:absolute;bottom:12px;left:12px}.device-grid-caption span{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:2px;text-transform:uppercase;color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:20px;padding:5px 10px;font-size:10px}@media (max-width:700px){.device-grid{grid-template-columns:1fr}.device-grid-item:first-child{aspect-ratio:16/9;grid-row:span 1}.device-grid-item:not(:first-child){aspect-ratio:16/9}}.device-ecosystem-grid{grid-template-columns:1fr 1fr 1fr;gap:clamp(20px,2.5vw,32px);margin-top:clamp(36px,4.5vh,52px);display:grid}.device-ecosystem-card{-webkit-backdrop-filter:blur(32px)saturate(160%);text-align:center;background:linear-gradient(135deg,#1c1c228c 0%,#12121873 100%);border:1px solid #ffffff1a;border-radius:clamp(14px,1.8vw,20px);padding:clamp(24px,3vw,32px);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f}.device-ecosystem-card:hover{border-color:#dcbe8c47;transform:translateY(-4px);box-shadow:0 20px 60px #dcbe8c1f,0 8px 32px #0000008c,inset 0 1px #ffffff1a}.device-ecosystem-icon{background:linear-gradient(135deg,#ffffff12 0%,#ffffff08 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto clamp(12px,1.5vw,16px);display:flex;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0003}.device-ecosystem-icon svg{color:#dcbe8cb3;width:24px;height:24px}.device-ecosystem-card h4{color:#f2f2f7;margin-bottom:8px;font-size:clamp(15px,1.3vw,17px)}.device-ecosystem-card p{color:#f5f5f7bf;font-size:clamp(13px,1.1vw,15px);line-height:1.6}@media (max-width:700px){.device-ecosystem-grid{grid-template-columns:1fr}}.device-faq-chevron{color:#dcbe8c66;flex-shrink:0;width:24px;height:24px;transition:transform .35s cubic-bezier(.16,1,.3,1)}.device-faq-item.open .device-faq-chevron{transform:rotate(180deg)}@media (max-width:768px){@media (hover:none) and (pointer:coarse){.device-frame:hover,.device-compact-card:hover,.device-uses-tag:hover,.wear-product-spec:hover{transform:none}.device-frame:active,.device-compact-card:active,.device-uses-tag:active,.wear-product-spec:active{opacity:.85;transition:opacity .1s}}}