#deneyim .phone{animation:none!important;transform:rotate(-3deg);transform-origin:50% 55%;transition:transform .6s ease;will-change:transform}
#deneyim .experience-stage:hover .phone,#deneyim .experience-stage:focus-within .phone{transform:rotate(0deg)}
.technology{background:#f8f9f5;color:#1e3030}
.tech-intro{padding:70px 7% 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end}
.tech-intro .eyebrow{font-size:9px;letter-spacing:1.5px;color:#637c75}
.tech-intro h2{font-size:clamp(40px,4.7vw,70px);line-height:1.1;margin-top:23px;letter-spacing:-.055em}
.tech-intro h2 em{color:#7d9690}
.tech-intro p{font-size:14px;line-height:1.9;color:#617c75;max-width:380px}
#tech-motion{margin-top:20px;border:0;border-bottom:1px solid #bacdc6;padding:10px 0;background:none;color:#49675c;font-size:10px}
.tech-row{display:grid;grid-template-columns:1fr 1fr;min-height:420px}
.tech-copy{padding:55px clamp(30px,6.5vw,110px);display:flex;flex-direction:column;align-items:start;justify-content:center;background:#fafbf8}
.tech-row.reverse .tech-copy{order:2;background:#e1f0ef}
.tech-row.reverse .tech-visual{order:1}
.tech-kicker{font-size:8px;letter-spacing:1.6px;color:#66847d;display:block;margin-bottom:18px}
.tech-copy h3{font-size:clamp(28px,3vw,43px);line-height:1.2;letter-spacing:-1.4px;margin-bottom:23px;color:#173e3d}
.tech-copy p{font-size:13px;line-height:1.9;color:#4e6f69;max-width:440px}
.tech-copy .tech-secondary{font-size:12px;color:#6a867f;margin-top:15px}
.tech-control{display:flex;gap:25px;align-items:center;border:0;border-bottom:1px solid #b4cbc2;background:none;padding:10px 0;color:#254f44;margin-top:22px;font-size:11px}
.tech-control span{font-size:18px}
.tech-control:hover{color:#0a7b62;border-color:#0a7b62}
.tech-visual{min-height:420px;position:relative;background:#050c12;overflow:hidden}
.tech-visual canvas{width:100%;height:100%;position:absolute;inset:0;display:block}
.visual-label{position:absolute;bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;gap:12px;font-family:monospace;font-size:8px;letter-spacing:1.5px;color:#b4d5d3;pointer-events:none}
.visual-label span:first-child:before{content:'';display:inline-block;width:4px;height:4px;margin-right:8px;border-radius:50%;background:#9dd9b3}
.tech-disclaimer{font-size:10px;line-height:1.8;color:#637c71;padding:25px 7%;background:#edf2e9}
@media(max-width:900px){.tech-copy{padding:40px 35px}.tech-copy h3{font-size:32px}.tech-copy p{font-size:12px}.tech-visual{min-height:390px}.tech-row{min-height:390px}}
@media(max-width:650px){.tech-intro{grid-template-columns:1fr;gap:25px;padding:40px 7%}.tech-intro h2{font-size:43px}.tech-intro p{font-size:12px}.tech-intro .eyebrow{font-size:8px}.tech-row{grid-template-columns:1fr;min-height:0}.tech-copy,.tech-row.reverse .tech-copy{order:0;padding:35px 7%}.tech-visual,.tech-row.reverse .tech-visual{order:1;min-height:300px}.tech-copy h3{font-size:30px;margin-bottom:18px}.tech-kicker{margin-bottom:14px}.tech-copy p{max-width:none;font-size:12px}.tech-copy .tech-secondary{font-size:11px}.tech-control{font-size:10px;margin-top:16px}.visual-label{font-size:7px;left:20px;right:20px;bottom:20px}.tech-disclaimer{font-size:9px}#phone-play{right:16px;font-size:8px;top:20px}}
@media(prefers-reduced-motion:reduce){#deneyim .phone{animation:none!important;transform:none!important;transition:none!important}}