#ozellik{position:relative;isolation:isolate;overflow:hidden;background:#191a21;padding-top:110px;padding-bottom:110px;--scene-x:72%;--scene-y:50%;transition:background 1.2s ease}#ozellik:before,#ozellik:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:0;transition:opacity 1.5s ease}#ozellik:before{background:radial-gradient(ellipse at 78% 50%,#e1a15c69 0%,#90582c40 40%,transparent 75%)}#ozellik:after{background:radial-gradient(ellipse at 60% 100%,#ffaa502c,transparent 70%)}#ozellik[data-light=true]{background:#30251f}#ozellik[data-light=true]:before,#ozellik[data-light=true]:after{opacity:1}#ozellik .section-wrap{position:relative;z-index:1}#ozellik .section-title{transition:text-shadow 1.3s}#ozellik[data-light=true] .section-title{text-shadow:0 2px 40px #ffc67a35}#ozellik .feature-list .icon{transition:background 1s,box-shadow 1s,transform 1s}#ozellik[data-light=true] .feature-list .icon{box-shadow:0 0 24px #ffc57520;background:#cb9b5526;transform:translateY(-1px)}#ozellik .section-label{transition:color 1s}#ozellik[data-light=true] .section-label{color:#e9bd87}#ozellik .feature-visual{position:relative;width:100%;max-width:none}.light-switch-demo{min-height:535px;justify-content:flex-end;padding:28px;border-radius:180px 180px 28px 28px;background:#25252a!important;box-shadow:0 30px 80px #0004;overflow:visible;border-color:#ffffff18}.atmosphere-scene{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#1d1c20;z-index:-1}.atmosphere-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:52% 40%;transform:scale(1.035);pointer-events:none}.atmosphere-photo.off{filter:grayscale(.65) saturate(.4) brightness(.26);opacity:1}.atmosphere-photo.on{filter:brightness(.86) saturate(.9);clip-path:circle(0% at 52% 45%);opacity:0;transition:clip-path 1.4s cubic-bezier(.2,.7,.2,1),opacity .9s}.light-switch-demo[data-on=true] .atmosphere-photo.on{clip-path:circle(100% at 52% 45%);opacity:1}.atmosphere-shade{position:absolute;inset:0;background:linear-gradient(0deg,#1a1412f2,transparent 55%,#0b080c15)}.atmosphere-halo{position:absolute;inset:-50px;background:radial-gradient(ellipse at 50% 45%,#ffb94426,transparent 65%);opacity:0;z-index:-2;filter:blur(25px);transition:opacity 1.5s}.light-switch-demo[data-on=true] .atmosphere-halo{opacity:1}.light-switch-demo .switch-glow{display:none}.light-switch-demo .switch-kicker{position:absolute;top:38px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2.5px;text-shadow:0 1px 8px #000;margin:0;color:#fff9}.light-switch-demo .switch-plate{width:76px;padding:7px 11px;gap:8px;border-radius:13px;position:absolute;bottom:28px;right:25px;transform:rotate(-5deg);box-shadow:2px 5px 0 #877d6c,0 12px 22px #0007;transition:box-shadow 1.4s,filter 1.2s;filter:brightness(.7)}.light-switch-demo[data-on=true] .switch-plate{box-shadow:2px 5px 0 #877d6c,0 18px 30px #0006,0 0 60px #fabe6328;filter:brightness(1)}.light-switch-demo .light-rocker{width:50px;height:69px;padding:8px}.light-switch-demo .plate-screw{width:4px;height:4px}.light-switch-demo .rocker-led{width:10px;height:2px}.light-switch-demo .switch-caption{align-self:flex-start;max-width:calc(100% - 80px);margin:0 0 8px;font:400 27px/1.2 'Playfair Display',serif;color:#f5e2c9}.light-switch-demo .switch-help{align-self:flex-start;max-width:calc(100% - 80px);line-height:1.6;color:#c8bcae;font-size:11px}.scene-state{position:absolute;left:25px;top:80px;display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1px;color:#d3cbd0;text-transform:uppercase}.scene-state:before{content:'';width:5px;height:5px;border-radius:50%;background:#8b8792;transition:background 1s,box-shadow 1s}.light-switch-demo[data-on=true] .scene-state:before{background:#ffd495;box-shadow:0 0 10px #ffc36d}.atmosphere-ripple{position:absolute;inset:20%;border-radius:50%;border:1px solid #ffdda0;opacity:0;pointer-events:none}.light-switch-demo.is-changing .atmosphere-ripple{animation:light-arrives 1.2s ease-out}@keyframes light-arrives{0%{transform:scale(.15);opacity:.22}100%{transform:scale(2.4);opacity:0}}@media(max-width:700px){#ozellik{padding:65px 0}.light-switch-demo{min-height:500px;max-width:470px;margin:auto}.light-switch-demo .switch-caption{font-size:25px}}@media(prefers-reduced-motion:reduce){#ozellik,#ozellik:before,#ozellik:after,#ozellik *{transition:none!important;animation:none!important}}