.co-page{color:#1d1d1f;background:#fff}.co-page h1,.co-page h2,.co-page h3{color:inherit}.co-subnav{position:sticky;top:0;z-index:40;background:#ffffffeb;backdrop-filter:blur(15px);border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:12px max(24px,calc((100vw - 1100px)/2));gap:20px}.co-subnav>b{font-size:19px;white-space:nowrap}.co-subnav>div{display:flex;align-items:center;gap:25px}.co-subnav a{color:#444;font-size:11px}.co-subnav .iv-pill{font-size:11px;min-height:30px;padding:5px 15px}.co-hero{text-align:center;padding:75px 24px 0;overflow:hidden}.co-hero>span,.co-kicker{font-size:11px;letter-spacing:2px;font-weight:600;color:#7c827f}.co-hero h1{font-size:clamp(48px,6.4vw,86px);line-height:1.04;letter-spacing:-4px;margin:25px 0}.co-hero h1 em{font-style:normal;color:#698574}.co-hero>p{font-size:23px;line-height:1.4;color:#85858b;margin:0 0 26px}.co-device-scene{position:relative;width:min(100%,1000px);height:460px;margin:55px auto 0}.co-monitor{position:absolute;width:84%;height:90%;left:3%;top:0;border:11px solid #202328;border-bottom-width:17px;border-radius:17px;background:#202328;box-shadow:0 20px 40px #243d3825}.co-monitor:after{content:"";position:absolute;bottom:-25px;left:-5%;width:110%;height:10px;border-radius:0 0 50% 50%;background:linear-gradient(#bfc3ca,#818892)}.co-demo{height:100%;overflow:hidden;background:#e8ece4;text-align:left;color:#365345}.co-demo nav{display:flex;justify-content:space-between;align-items:center;padding:20px 28px}.co-demo nav b{font:26px Georgia}.co-demo nav>span{font-size:9px}.co-demo>div{position:relative;padding:23px 30px;height:65%;overflow:hidden}.co-demo small{font-size:8px;letter-spacing:2px}.co-demo strong{position:relative;z-index:1;display:block;font:clamp(25px,3.5vw,46px)/1.03 Georgia;margin:25px 0}.co-demo>div>span{font-size:10px}.co-demo i{position:absolute;right:20px;top:10px;width:35%;aspect-ratio:1;border-radius:50% 43% 47% 46%;background:radial-gradient(circle at 25% 20%,#e0e3b8,#8da487 50%,#365e4a)}.co-demo footer{display:flex;padding:0 30px;gap:10px}.co-demo footer>span{background:#c9d3c3;flex:1;padding:18px 12px;font-size:9px}.co-mobile-device{position:absolute;right:2%;bottom:0;width:18%;height:77%;background:#e8ece4;border:7px solid #24272b;border-radius:30px;padding:40px 16px 15px;transform:rotate(7deg);box-shadow:8px 14px 25px #233b3720;text-align:left;color:#365345;overflow:hidden}.co-mobile-device:before{content:"";position:absolute;top:10px;left:34%;width:32%;height:12px;border-radius:15px;background:#222}.co-mobile-device small{font:17px Georgia}.co-mobile-device strong{position:relative;z-index:1;display:block;font:30px/1.05 Georgia;margin-top:35px}.co-mobile-device i{position:absolute;left:10%;width:85%;aspect-ratio:1;top:48%;border-radius:50%;background:radial-gradient(circle at 25% 20%,#e0e3b8,#8da487,#365e4a)}.co-mobile-device>span{position:absolute;bottom:20px;font-size:9px}.co-section{padding:100px max(26px,calc((100vw - 1100px)/2));overflow:hidden}.co-gray{background:#f5f5f7}.co-section h2{font-size:clamp(38px,5vw,65px);letter-spacing:-2.5px;line-height:1.06;margin:0 0 45px}.co-lead{font-size:24px;line-height:1.4;color:#85858b;max-width:700px;margin:0 0 45px}.co-highlights,.co-pages,.co-tech{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.co-highlights article{padding:27px 22px;background:white;border-radius:22px}.co-highlights article>span{font-size:35px;color:#759283}.co-page h3{font-size:22px;letter-spacing:-.6px;line-height:1.15;margin:20px 0 14px}.co-highlights p,.co-pages p,.co-tech p,.co-process p{font-size:15px;color:#7c7c83;line-height:1.5;margin:0}.co-brand-art{display:grid;grid-template-columns:3fr 1fr;gap:25px}.co-brand-art>div{position:relative;height:470px;border-radius:25px;background:#e5e9df;padding:45px;color:#3c5948;overflow:hidden}.co-brand-art small{font-size:10px;letter-spacing:2px}.co-brand-art strong{position:relative;z-index:1;display:block;font:66px/.98 Georgia;margin:60px 0 25px}.co-brand-art>div>span{font-size:12px}.co-brand-art>div>i{position:absolute;width:350px;height:350px;right:-60px;bottom:-35px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#dedfb1,#8da386,#365a47)}.co-brand-art aside{background:#f5f5f7;border-radius:25px;padding:30px}.co-brand-art aside>span{font-size:10px;color:#888}.co-brand-art aside>b{display:block;font:85px Georgia;margin:65px 0 35px;color:#3c5948}.co-brand-art aside>div{display:flex;gap:7px;margin-bottom:30px}.co-brand-art aside i{width:33px;height:33px;background:#3c5948;border-radius:50%}.co-brand-art aside i:nth-child(2){background:#9da98d}.co-brand-art aside i:nth-child(3){background:#dedec7}.co-brand-art aside small{letter-spacing:0;line-height:1.6;color:#888}.co-pages article{border-top:1px solid #d1d1d7;padding-top:22px}.co-pages small{color:#8a9c8b}.co-note{font-size:12px;color:#999;margin-top:40px}.co-dark{background:#111815;color:#f4f5f3;text-align:center;padding-bottom:40px}.co-dark .co-lead{margin-left:auto;margin-right:auto}.co-dark .co-kicker{display:block;margin-bottom:25px}.co-contact{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.co-contact-art{background:#e9eee7;border-radius:25px;padding:40px;color:#405e4a}.co-contact-art>span{font-size:12px}.co-contact-art>strong{display:block;font:48px/1.05 Georgia;margin:28px 0}.co-contact-art>div{font-size:12px;border-bottom:1px solid #bdcbbb;padding:17px 0}.co-contact-art>b{display:inline-block;padding:13px 20px;border-radius:22px;background:#405e4a;color:white;font-size:12px;margin-top:30px}.co-contact-list article{margin-bottom:32px}.co-contact-list p{color:#888;font-size:17px;line-height:1.5}.co-tech{grid-template-columns:1fr 1fr;gap:40px 60px}.co-tech article{border-top:1px solid #d2d2d7}.co-tech p{max-width:450px}.co-project-placeholder{background:#f5f5f7;border-radius:25px;padding:40px;display:flex;gap:40px;align-items:center}.co-project-placeholder>span{font-size:90px;color:#97ad9a}.co-project-placeholder h3{margin-top:0}.co-project-placeholder p{color:#888;line-height:1.6;max-width:680px}.co-project-placeholder a{font-size:14px;color:#0071e3}.co-process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;list-style:none;counter-reset:steps}.co-process li{counter-increment:steps;border-top:1px solid #d2d2d7;padding-top:20px}.co-process li:before{content:"0" counter(steps);color:#7c9481;font-size:14px}.co-faq details{border-bottom:1px solid #ddd;padding:24px 0}.co-faq summary{font-size:21px;font-weight:600;cursor:pointer}.co-faq details p{font-size:17px;line-height:1.6;color:#888;max-width:800px}.co-finish{background:#e9eee7;text-align:center;padding:85px 25px}.co-finish>span{font-size:10px;letter-spacing:2px;color:#809081}.co-finish h2{font-size:clamp(48px,6vw,80px);line-height:1.03;letter-spacing:-3px;margin:25px 0;color:#365345}.co-finish p{font-size:21px;color:#849084;line-height:1.4}.co-finish .iv-pill{margin-top:15px}.co-back{display:block;margin-top:25px;font-size:12px;color:#5b7964}@media(max-width:700px){.co-subnav{padding:12px 20px}.co-subnav>b{font-size:16px}.co-subnav>div{gap:0}.co-subnav>div>a:not(.iv-pill){display:none}.co-hero{padding:50px 22px 0}.co-hero>span{font-size:8px;letter-spacing:1px}.co-hero h1{font-size:43px;letter-spacing:-2px}.co-hero>p{font-size:18px}.co-device-scene{height:245px;width:120%;margin:45px 0 0 -10%}.co-monitor{height:82%;border-width:6px;border-bottom-width:10px;border-radius:9px}.co-demo nav{padding:12px 13px}.co-demo nav b{font-size:15px}.co-demo nav>span{font-size:4px}.co-demo>div{padding:10px 14px;height:62%}.co-demo small{font-size:4px;letter-spacing:1px}.co-demo strong{font-size:23px;margin:13px 0}.co-demo>div>span{font-size:5px}.co-demo i{right:8px;top:5px}.co-demo footer{padding:0 14px;gap:5px}.co-demo footer>span{padding:9px 5px;font-size:4px}.co-monitor:after{bottom:-15px;height:6px}.co-mobile-device{width:21%;height:74%;border-width:4px;border-radius:17px;padding:24px 8px 10px;right:3%}.co-mobile-device:before{top:6px;height:7px}.co-mobile-device small{font-size:9px}.co-mobile-device strong{font-size:17px;margin-top:17px}.co-mobile-device>span{font-size:5px;bottom:12px}.co-section{padding:60px 25px}.co-section h2{font-size:37px;letter-spacing:-1.7px;margin-bottom:30px}.co-highlights,.co-pages{grid-template-columns:1fr 1fr;gap:14px}.co-highlights article{padding:20px 17px}.co-highlights article>span{font-size:28px}.co-page h3{font-size:19px}.co-highlights p,.co-pages p,.co-tech p,.co-process p{font-size:13px}.co-lead{font-size:19px}.co-brand-art{grid-template-columns:1fr;gap:15px}.co-brand-art>div{height:330px;padding:28px}.co-brand-art strong{font-size:45px;margin-top:45px}.co-brand-art>div>i{width:230px;height:230px}.co-brand-art aside{display:none}.co-dark .co-device-scene{width:120%}.co-contact{grid-template-columns:1fr;gap:25px}.co-contact-art{padding:28px}.co-contact-art>strong{font-size:40px}.co-contact-list p{font-size:15px}.co-tech{grid-template-columns:1fr;gap:20px}.co-project-placeholder{padding:25px;display:block}.co-project-placeholder>span{font-size:55px}.co-project-placeholder p{font-size:14px}.co-process{grid-template-columns:1fr 1fr;gap:25px 18px}.co-faq summary{font-size:18px}.co-faq details p{font-size:15px}.co-finish{padding:60px 25px}.co-finish h2{font-size:52px}.co-finish p{font-size:18px}}
.co-intro-film{position:relative;width:min(1200px,100%);margin:35px auto 0;line-height:0;overflow:hidden}.co-intro-film video{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}.co-replay{position:absolute;right:20px;bottom:20px;width:36px;height:36px;border:0;border-radius:50%;background:#e8e8eddd;color:#444;font-size:24px;cursor:pointer;line-height:1}.co-replay:focus-visible{outline:2px solid #0071e3;outline-offset:4px}@media(max-width:700px){.co-intro-film{width:calc(100% + 44px);margin:30px -22px 0}.co-replay{right:14px;bottom:14px;width:30px;height:30px;font-size:21px}}
.co-hero{padding-top:0}.co-intro-film{margin:0 auto 45px}.co-hero>span{display:block;margin-top:10px}.co-hero>.iv-pill{margin-bottom:50px}@media(max-width:700px){.co-hero{padding-top:0}.co-intro-film{margin:0 -22px 35px}.co-hero>.iv-pill{margin-bottom:35px}}
.co-hero{padding-top:45px}.co-hero>span{margin-top:0}.co-hero h1{margin:20px 0 16px}.co-hero>p{margin-bottom:20px}.co-hero>.iv-pill{margin-bottom:0}.co-intro-film{margin:30px auto 0}@media(max-width:700px){.co-hero{padding-top:35px}.co-hero h1{margin:18px 0 15px}.co-hero>.iv-pill{margin-bottom:0}.co-intro-film{margin:25px -22px 0}}
/* Reference opening: small service name, one large headline, then the film. */
.co-hero{padding:48px 0 0}.co-hero>span{font-size:21px;line-height:1.2;letter-spacing:-.5px;font-weight:600;color:#1d1d1f;margin:0}.co-hero h1{font-size:clamp(54px,6.4vw,100px);font-weight:600;line-height:1.05;letter-spacing:-4px;margin:20px 20px 22px;color:#1d1d1f}.co-intro-film{width:100%;max-width:none;margin:0 auto}.co-intro-film video{width:100%;max-height:none;height:auto}.co-replay{bottom:22px;right:26px}@media(max-width:700px){.co-hero{padding:34px 0 0}.co-hero>span{font-size:16px;letter-spacing:-.3px}.co-hero h1{font-size:44px;letter-spacing:-2px;line-height:1.05;margin:17px 18px 24px}.co-intro-film{width:100%;margin:0}.co-replay{right:16px;bottom:16px}}
.co-intro-film{width:min(1100px,100%);height:clamp(280px,39vw,510px);margin:0 auto;display:flex;align-items:center;justify-content:center}.co-intro-film video{width:100%;height:100%;max-height:510px;object-fit:contain}.co-purchase{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:28px;width:max-content;max-width:calc(100% - 36px);margin:12px auto 35px;padding:10px 11px 10px 25px;background:#eeeef2;border-radius:50px;line-height:normal}.co-purchase>span{font-size:15px;font-weight:600;color:#333337}.co-purchase .iv-pill{font-size:14px;white-space:nowrap;padding:12px 23px;min-height:43px}@media(max-width:700px){.co-intro-film{height:260px;width:100%;margin:0 auto}.co-intro-film video{max-height:260px}.co-purchase{gap:12px;padding:8px 8px 8px 17px;margin:10px auto 28px;max-width:calc(100% - 28px)}.co-purchase>span{font-size:11px}.co-purchase .iv-pill{font-size:11px;min-height:35px;padding:8px 14px}}
.co-intro-film{width:min(873px,100%);height:auto;aspect-ratio:873/578}.co-intro-film video{width:100%;height:100%;max-height:none;object-fit:contain}@media(max-width:700px){.co-intro-film{width:100%;height:auto;aspect-ratio:873/578}.co-intro-film video{max-height:none}}
/* Match the reference media height; the action platter overlays the film. */
.co-hero{position:relative;padding-bottom:0}.co-intro-film{position:relative;height:578px;width:calc(578px * 873 / 578);max-width:100%;aspect-ratio:873/578;margin:0 auto}.co-intro-film video{height:100%;width:100%;object-fit:contain}.co-purchase{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);margin:0;z-index:3;background:#eeeef2e8;backdrop-filter:blur(12px);white-space:nowrap}.co-replay{bottom:20px;right:18px}@media(max-width:700px){.co-intro-film{height:auto;width:100%;aspect-ratio:873/578}.co-purchase{bottom:15px;margin:0;max-width:calc(100% - 24px);gap:10px;padding:7px 7px 7px 14px}.co-purchase>span{font-size:10px}.co-purchase .iv-pill{font-size:10px;padding:8px 12px;min-height:33px}.co-replay{top:12px;bottom:auto;right:12px}}
.co-intro-film{margin-bottom:-45px}.co-hero{padding-bottom:0}@media(max-width:700px){.co-intro-film{margin-bottom:-22px}}
/* Keep the film in the first viewport, immediately beneath a compact heading. */
.co-hero{padding-top:24px}.co-hero>span{font-size:18px}.co-hero h1{font-size:clamp(46px,5vw,72px);line-height:1.04;letter-spacing:-3px;margin:12px 20px 0}.co-intro-film{margin-top:-65px;margin-bottom:-45px;height:578px;width:873px;max-width:100%;z-index:0}.co-hero>span,.co-hero>h1{position:relative;z-index:1}.co-purchase{bottom:18px}@media(max-width:700px){.co-hero{padding-top:24px}.co-hero>span{font-size:14px}.co-hero h1{font-size:38px;letter-spacing:-1.8px;margin:12px 16px 0}.co-intro-film{margin-top:-22px;margin-bottom:-22px;width:100%;height:auto;aspect-ratio:873/578}.co-purchase{bottom:12px}}
.co-subnav{position:fixed;top:0;left:0;right:0;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .25s ease}.co-subnav.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}.co-hero{margin-top:54px}.co-intro-film{margin-bottom:0}@media(max-width:700px){.co-hero{margin-top:54px}.co-intro-film{margin-bottom:0}}@media(prefers-reduced-motion:reduce){.co-subnav{transition:none}}
.co-hero{margin-top:0}@media(max-width:700px){.co-hero{margin-top:0}}
@media(max-width:700px){
 .co-hero{padding-top:42px;min-height:calc(100svh - 50px);display:flex;flex-direction:column;align-items:center;overflow:hidden}
 .co-hero>span{font-size:18px;line-height:1.2}
 .co-hero h1{font-size:46px;line-height:1.04;letter-spacing:-2px;max-width:310px;margin:14px auto 0;padding:0 10px;text-wrap:balance}
 .co-intro-film{flex:1 0 auto;width:100%;height:clamp(360px,53svh,560px);aspect-ratio:auto;margin:12px 0 0;max-width:none;overflow:hidden}
 .co-intro-film video{width:145%;max-width:none;height:100%;max-height:none;object-fit:cover;object-position:center}
 .co-purchase{position:relative;left:auto;bottom:auto;transform:none;width:100%;max-width:none;min-height:66px;margin:0;padding:14px 24px;border-radius:0;justify-content:space-between;gap:12px;background:#eeeef2;flex-shrink:0}
 .co-purchase>span{font-size:12px}.co-purchase .iv-pill{font-size:12px;padding:10px 16px;min-height:37px}
 .co-replay{top:auto;bottom:14px;right:15px}
}
@media(max-width:700px){.co-intro-film video{transform:scale(var(--end-scale,1));transform-origin:center;transition:transform .2s linear}}
@media(max-width:700px){.co-intro-film video{object-fit:contain;flex-shrink:0}}
.co-intro-film,.co-intro-film video,.co-hero{border:0!important;outline:0!important;box-shadow:none}
.co-feature-showcase{background:#f5f5f7;padding:65px 0 30px}.co-feature-showcase>h2{max-width:1120px;margin:0 auto 40px;padding:0 25px;font-size:clamp(32px,4vw,52px);letter-spacing:-1.8px;line-height:1.1}.co-feature-showcase .wv-showcase{background:transparent}.co-feature-showcase .wv-card{background:#fff}.co-feature-showcase .wv-card header{justify-content:center;text-align:center}.co-feature-showcase .wv-card header h2{font-size:30px;max-width:700px}.co-feature-showcase .wv-actions{display:none}.co-feature-showcase .wv-controls{transition:opacity .2s}.co-feature-showcase .wv-label{display:none}@media(max-width:700px){.co-feature-showcase{padding-top:42px}.co-feature-showcase>h2{font-size:29px;margin-bottom:25px;letter-spacing:-1px}.co-feature-showcase .wv-card header h2{font-size:24px}.co-feature-showcase .wv-card header p{font-size:16px}}
/* Floating rounded service navigation. */
.co-subnav{top:12px;left:14px;right:14px;padding:13px 24px;border:1px solid #e2e2e7;border-radius:27px;background:#ffffffed;box-shadow:0 2px 9px #00000004;transform:translateY(calc(-100% - 24px))}.co-subnav.is-visible{transform:translateY(0)}.co-subnav>div{gap:13px}.co-subnav>div>a:not(.iv-pill){border:1px solid #96969e;border-radius:25px;padding:7px 14px;font-size:12px}.co-subnav>div>a[href="#co-process"]{display:none}.co-subnav .iv-pill{padding:7px 16px;min-height:32px;font-size:12px}@media(max-width:700px){.co-subnav{top:9px;left:10px;right:10px;border-radius:23px;padding:11px 16px}.co-subnav>b{font-size:15px}.co-subnav>div{gap:8px}.co-subnav>div>a[href="#co-overview"]{display:inline-block;font-size:10px;padding:6px 10px}.co-subnav .iv-pill{font-size:10px;padding:6px 11px;min-height:29px}}

.co-subnav{left:50%;right:auto;width:calc(100% - 48px);max-width:1100px;transform:translate(-50%,calc(-100% - 24px))}.co-subnav.is-visible{transform:translate(-50%,0)}@media(max-width:700px){.co-subnav{left:50%;right:auto;width:calc(100% - 32px);transform:translate(-50%,calc(-100% - 24px))}.co-subnav.is-visible{transform:translate(-50%,0)}}
/* Corporate theme gallery: a foreground panel with two recessed wings. */
.cp-section{background:#fff;padding:90px 0 35px;overflow:hidden}
.cp-intro{max-width:820px;margin:0 auto 48px;padding:0 28px;text-align:center}
.cp-eyebrow{font-size:17px;font-weight:600;line-height:1.3;margin:0 0 22px;color:#1d1d1f}
.cp-intro h2{font-size:clamp(42px,5vw,72px);font-weight:600;letter-spacing:-2.8px;line-height:1.05;margin:0 0 28px}
.cp-description{max-width:740px;margin:0 auto;color:#86868b;font-size:18px;line-height:1.55;letter-spacing:-.25px}
.cp-description strong{font-weight:500;color:#1d1d1f}
.cp-scene{position:relative;width:96%;max-width:1400px;height:clamp(300px,52vw,750px);margin:auto;perspective:1300px}
.cp-panel{position:absolute;will-change:transform;backface-visibility:visible}
.cp-panel--center{width:42%;left:29%;top:0;z-index:5;opacity:1;transform:translateZ(30px) scale(.96);transition:transform 1.8s cubic-bezier(.22,.7,.3,1)}
.cp-panel--left,.cp-panel--right{width:24%;top:14%;z-index:1;opacity:0;visibility:hidden;--wing-direction:1;transform-origin:right center;transform:translateX(115%) translateZ(-620px) rotateY(-145deg) scale(.58)}
.cp-panel--left{left:0}
.cp-panel--right{right:0;--wing-direction:-1;transform-origin:left center;transform:translateX(-115%) translateZ(-620px) rotateY(145deg) scale(.58)}
.cp-section.has-arrived .cp-panel--center{transform:translateZ(60px) scale(1)}
.cp-section.has-arrived .cp-panel--left,.cp-section.has-arrived .cp-panel--right{visibility:visible;opacity:1;transform:translateX(0) translateZ(-90px) rotateY(calc(-7deg * var(--wing-direction))) scale(.96);animation:cp-wing-reveal 1.9s cubic-bezier(.22,.7,.3,1) both}
.cp-section.has-arrived .cp-panel--right{animation-delay:100ms}
@keyframes cp-wing-reveal{
 0%{opacity:0;transform:translateX(calc(115% * var(--wing-direction))) translateZ(-620px) rotateY(calc(-145deg * var(--wing-direction))) scale(.58)}
 18%{opacity:1}
 42%{transform:translateX(calc(65% * var(--wing-direction))) translateZ(-380px) rotateY(calc(-95deg * var(--wing-direction))) scale(.75)}
 72%{transform:translateX(calc(16% * var(--wing-direction))) translateZ(-170px) rotateY(calc(-32deg * var(--wing-direction))) scale(.9)}
 100%{opacity:1;transform:translateX(0) translateZ(-90px) rotateY(calc(-7deg * var(--wing-direction))) scale(.96)}
}
.cp-image{display:block;width:100%;height:auto;transition:opacity .45s ease}
.cp-image img{display:block;width:100%;height:auto}
.cp-image--dark{position:absolute;inset:0;opacity:0}
.cp-section.is-dark .cp-image--light{opacity:0}
.cp-section.is-dark .cp-image--dark{opacity:1}
.cp-picker{position:relative;z-index:6;display:flex;justify-content:center;gap:15px;margin-top:-32px}
.cp-choice{width:30px;height:30px;border-radius:50%;padding:0;border:1px solid #d3d5d8;cursor:pointer;box-shadow:inset 0 2px 3px #0001}
.cp-choice--light{background:#f5f5f7}
.cp-choice--dark{background:#34424f}
.cp-choice[aria-pressed=true]{outline:2px solid #3e444b;outline-offset:4px}
.cp-choice:focus-visible{outline-color:#0071e3}
.cp-caption{position:relative;z-index:6;text-align:center;font-size:13px;color:#666;margin:12px 0 0}
@media(max-width:700px){
 .cp-section{padding:55px 0 30px}
 .cp-intro{margin-bottom:30px;padding:0 25px}
 .cp-eyebrow{font-size:14px;margin-bottom:18px}
 .cp-intro h2{font-size:39px;letter-spacing:-1.7px;margin-bottom:22px}
 .cp-description{font-size:16px;line-height:1.55;letter-spacing:-.15px}
 .cp-scene{width:calc(100% - 24px);height:auto;min-height:0;perspective:none}
 .cp-panel--left,.cp-panel--right{display:none}
 .cp-section .cp-panel--center,.cp-section.has-arrived .cp-panel--center{position:relative;width:100%;left:auto;top:auto;transform:none;transition:none}
 .cp-choice{width:25px;height:25px}
 .cp-picker{margin-top:8px}
 .cp-caption{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .cp-panel,.cp-image{transition:none}
 .cp-section.has-arrived .cp-panel{animation:none}
}
.cr-section{background:#f5f5f7;padding:70px max(24px,calc((100% - 1160px)/2))}.cr-section>h2{font-size:34px;letter-spacing:-1px;margin:0 0 30px}.cr-card{background:white;border-radius:28px;min-height:580px;padding:45px;display:grid;grid-template-columns:265px 1fr;gap:40px;align-items:center}.cr-range-box{background:#eeeef2;border-radius:20px;padding:20px;margin-bottom:10px}.cr-range-box p{font-size:14px;line-height:1.5;margin:0 0 18px}.cr-range-box label{display:block;font-size:10px;color:#666;margin-bottom:10px}.cr-range-box input{width:100%;accent-color:#0071e3;cursor:ew-resize}.cr-range-box output{display:block;font-size:11px;margin-top:8px;color:#666}.cr-options>button{display:block;border:0;border-radius:24px;background:#eeeef2;padding:13px 20px;margin-top:9px;font-size:13px;cursor:pointer}.cr-options>button[aria-pressed=true]{background:#0071e3;color:white}.cr-stage{height:480px;position:relative;min-width:0}.cr-device{position:absolute;left:50%;top:50%;transform-origin:center;border:10px solid #202124;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 40px #0002}.cr-bar{height:25px;background:#e4e6e9;display:flex;align-items:center;gap:6px;padding-left:12px}.cr-bar i{width:7px;height:7px;background:#abb0b7;border-radius:50%}.cr-device iframe{border:0;width:100%;height:calc(100% - 25px);display:block}@media(max-width:700px){.cr-section{padding:45px 20px}.cr-section>h2{font-size:27px}.cr-card{padding:22px;grid-template-columns:1fr;gap:20px}.cr-options>button{display:inline-block;margin-right:5px;padding:11px 14px}.cr-range-box{padding:18px}.cr-stage{height:400px}}
.cr-card{position:relative;padding:44px 45px 44px 60px;grid-template-columns:282px 1fr;min-height:610px}.cr-options{align-self:center}.cr-item{margin:7px 0}.cr-toggle{border:0;border-radius:24px;background:#eeeef2;padding:12px 17px;font-size:12px;color:#1d1d1f;cursor:pointer;text-align:left}.cr-toggle span{margin-right:8px}.cr-item.is-open>.cr-toggle{display:none}.cr-detail{background:#eeeef2;border-radius:20px;padding:20px}.cr-detail[hidden],.cr-close[hidden]{display:none}.cr-detail p{font-size:12px;line-height:1.55;margin:0}.cr-detail label{display:block;font-size:10px;margin:14px 0 8px}.cr-detail input{width:100%;accent-color:#0071e3;cursor:ew-resize}.cr-detail output{display:block;font-size:10px;margin-top:6px;color:#666}.cr-close{position:absolute;right:15px;top:15px;border:0;border-radius:50%;width:27px;height:27px;background:#eeeef2;color:#222;font-size:22px;cursor:pointer;z-index:4}.cr-navigation{position:absolute;left:17px;top:50%;transform:translateY(-50%);display:grid;gap:12px}.cr-navigation button{width:26px;height:26px;border:0;border-radius:50%;background:#eeeef2;color:#333;font-size:21px;cursor:pointer}.cr-stage{height:510px;overflow:hidden;border-radius:20px}.cr-device{transition:transform .75s ease,width .6s ease,transform-origin .75s ease}.cr-options button:focus-visible,.cr-close:focus-visible,.cr-navigation button:focus-visible{outline:2px solid #0071e3;outline-offset:3px}@media(max-width:700px){.cr-card{padding:45px 22px 24px 46px;grid-template-columns:1fr;gap:24px}.cr-options{width:100%}.cr-navigation{left:11px;top:220px}.cr-stage{height:390px;margin-left:-24px}.cr-toggle{font-size:12px}.cr-detail p{font-size:13px}}@media(prefers-reduced-motion:reduce){.cr-device{transition:none}}
/* Mobile detail viewer: still image, horizontal choices, then one detail at a time. */
.cr-mobile-image{display:none}
@media(max-width:700px){
 .cr-section{padding:45px 0}
 .cr-section>h2{padding:0 24px;font-size:27px}
 .cr-card{display:flex;flex-direction:column;gap:0;min-height:650px;min-height:calc(100svh - 110px);padding:48px 0 18px;border-radius:0;overflow:hidden}
 .cr-stage{order:0;flex:1 0 380px;width:100%;height:clamp(380px,58svh,580px);margin:0;border-radius:0;display:flex;justify-content:center;align-items:center;padding:35px 25px;overflow:hidden}
 .cr-device{display:none}
 .cr-mobile-image{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:1px solid #e4e7ed;border-radius:18px;box-shadow:0 12px 32px #0b21491a;transition:transform .5s ease;pointer-events:none}
 .cr-options{order:1;display:flex;align-items:center;gap:10px;overflow-x:auto;width:100%;padding:16px 24px 0;scrollbar-width:none;min-height:80px}
 .cr-options::-webkit-scrollbar{display:none}
 .cr-item{flex:0 0 auto;margin:0}
 .cr-toggle{font-size:14px;padding:18px 22px;white-space:nowrap;border-radius:40px}
 .cr-toggle span{font-size:20px;vertical-align:middle;margin-right:12px}
 .cr-card:not(.has-detail) .cr-navigation{display:none}
 .cr-card.has-detail .cr-options{overflow:visible;padding:12px 36px 0;min-height:140px;align-items:stretch}
 .cr-card.has-detail .cr-item:not(.is-open){display:none}
 .cr-card.has-detail .cr-item.is-open{width:100%;flex:1}
 .cr-detail{height:100%;min-height:130px;padding:22px;border-radius:26px;display:flex;align-items:center}
 .cr-detail p{font-size:14px;line-height:1.5}
 .cr-detail label,.cr-detail input,.cr-detail output{display:none}
 .cr-navigation{inset:auto 0 39px;top:auto;transform:none;display:flex;justify-content:space-between;z-index:3;pointer-events:none}
 .cr-navigation button{width:33px;height:48px;font-size:0;pointer-events:auto}
 .cr-navigation button:first-child{border-radius:0 28px 28px 0}
 .cr-navigation button:last-child{border-radius:28px 0 0 28px}
 .cr-navigation button:first-child:after{content:'‹';font-size:32px}
 .cr-navigation button:last-child:after{content:'›';font-size:32px}
 .cr-close{top:18px;right:18px;width:34px;height:34px;font-size:28px}
}
@media(prefers-reduced-motion:reduce){.cr-mobile-image{transition:none}}
@media(min-width:701px){
 .cr-navigation{left:18px;gap:10px;width:28px;align-items:center}
 .cr-navigation button{display:grid;place-items:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;line-height:1;font-size:0;background:#f0f0f3;border:0;box-shadow:none}
 .cr-navigation button:after{content:'';display:block;width:8px;height:8px;border-top:2px solid #626267;border-right:2px solid #626267;transform:translateY(2px) rotate(-45deg)}
 .cr-navigation button:last-child:after{transform:translateY(-2px) rotate(135deg)}
 .cr-navigation button:hover{background:#e2e2e7}
}
/* Explicit SVG geometry avoids font baselines and pseudo-element grid offsets. */
.cr-navigation button{position:relative;display:flex;align-items:center;justify-content:center;padding:0;line-height:0;flex-shrink:0;appearance:none}
.cr-navigation button::before,.cr-navigation button::after{content:none!important;display:none!important}
.cr-navigation button svg{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.cr-navigation button svg{width:22px;height:22px;transform:rotate(-90deg)}}
.cr-controls-intro{--ic-size:48px;align-self:center;min-width:0;border-radius:24px}
.cr-controls-intro>.ic-reveal-body{width:100%}
@media(min-width:701px){.cr-controls-intro .cr-navigation{left:-42px}}
@media(max-width:700px){
 .cr-controls-intro{order:1;width:100%;--ic-size:48px}
 .cr-controls-intro .cr-navigation{bottom:21px}
}

/* A single dot separates into the option capsules, then reveals their labels. */
.cr-controls-intro.is-options-opening{pointer-events:none}
.cr-controls-intro.is-options-opening::before{inset:auto;left:var(--burst-x);top:var(--burst-y);width:48px;height:48px;transform:translate(-50%,-50%);animation:cr-origin-dot .75s both;z-index:3}
.cr-controls-intro.is-options-opening .cr-toggle{animation:cr-option-label 1.8s .8s both}
.cr-controls-intro.is-options-opening .cr-detail>*{animation:cr-option-content 1.8s .8s both}
.cr-controls-intro.is-options-opening .cr-navigation{animation:cr-option-content 1.8s .8s both}
@keyframes cr-origin-dot{0%{opacity:0;transform:translate(-50%,calc(-50% + 16px)) scale(.8)}25%{opacity:1;transform:translate(-50%,calc(-50% - 12px)) scale(1)}45%,65%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.6)}}
@keyframes cr-option-label{0%,72%{color:transparent}100%{color:#1d1d1f}}
@keyframes cr-option-content{0%,72%{opacity:0}100%{opacity:1}}

@media(max-width:700px){
 .cr-controls-intro{translate:0 calc(-1 * var(--cr-control-lift,0px));z-index:3}
}

@media(max-width:700px){
 .cr-controls-intro{transition:opacity .2s ease}
 .cr-controls-intro.is-scroll-hidden{opacity:0;pointer-events:none;visibility:hidden}
}

/* Ekran genişliği kaydırıcısı: gri ray, ok simgeli mavi tutamaç. */
@media(min-width:701px){
 .cr-detail label{font-size:12px;color:#6e6e73;margin:18px 0 12px}
 .cr-detail input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:34px;margin:0;background:transparent;cursor:ew-resize}
 .cr-detail input[type=range]:focus{outline:none}
 .cr-detail input[type=range]::-webkit-slider-runnable-track{height:13px;border-radius:999px;background:#d8d8dd}
 .cr-detail input[type=range]::-moz-range-track{height:13px;border-radius:999px;background:#d8d8dd}
 .cr-detail input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:48px;height:32px;margin-top:-9.5px;border:0;border-radius:999px;background:#0071e3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9.5 7-5 5 5 5M14.5 7l5 5-5 5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 2px 8px #0003;transition:transform .15s ease}
 .cr-detail input[type=range]::-moz-range-thumb{width:48px;height:32px;border:0;border-radius:999px;background:#0071e3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9.5 7-5 5 5 5M14.5 7l5 5-5 5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 2px 8px #0003}
 .cr-detail input[type=range]:active::-webkit-slider-thumb{transform:scale(1.06)}
 .cr-detail input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #0071e340,0 2px 8px #0003}
 .cr-detail input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #0071e340,0 2px 8px #0003}
 .cr-detail output{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}