/* Kanefa visual direction: precise spacing, restrained cyan light, readable product UI. */
.hero{padding-top:102px;padding-bottom:90px}
.hero-grid{grid-template-columns:1fr 1fr;gap:52px}
.hero h1{font-size:clamp(56px,6.4vw,82px);line-height:1.02;letter-spacing:-.072em}
.lead{max-width:500px;font-size:15px;line-height:1.8}
.visual{min-height:430px}
.console{width:min(100%,500px);padding:17px;border-radius:17px;border-color:rgba(164,211,240,.23);background:linear-gradient(145deg,rgba(19,31,44,.96),rgba(9,14,22,.97));box-shadow:0 34px 100px rgba(0,0,0,.48),0 0 85px rgba(46,147,193,.14),inset 0 1px rgba(255,255,255,.075)}
.dashboard{grid-template-columns:136px minmax(0,1fr);min-height:315px;border-color:rgba(184,205,231,.12);background:linear-gradient(145deg,#0d141d,#0a0f16)}
.dash-side{padding:15px 11px}
.dash-brand{font-size:9px;gap:7px;padding-bottom:16px}
.dash-brand b{width:20px;height:20px;font-size:10px}
.dash-caption{font-size:7px;padding:9px 5px 6px}
.dash-item{padding:7px;margin:3px 0;font-size:8px;gap:7px;border-radius:5px}
.dash-ico{width:12px}
.dash-main{padding:15px}
.dash-head{margin-bottom:15px}
.dash-title{font-size:12px}
.dash-sub{font-size:8px}
.dash-user{width:22px;height:22px;font-size:9px}
.dash-stats,.dash-status-list{gap:7px}
.dash-stat{padding:9px 7px;border-radius:7px}
.dash-stat span{min-height:17px;font-size:7px}
.dash-stat strong{font-size:14px;margin:5px 0 3px}
.dash-stat small{font-size:7px}
.dash-lower{margin-top:10px}
.dash-card{padding:10px;border-radius:7px}
.dash-card-head{font-size:8px;margin-bottom:9px}
.dash-card-head span{font-size:7px}
.dash-product{padding:8px 6px;border-radius:5px;font-size:7px}
.dash-product b{font-size:7px}
.product-grid{gap:15px}
.product-card{padding:23px 19px 19px;border-radius:14px;min-height:395px;background:linear-gradient(155deg,rgba(19,28,40,.97),rgba(10,14,21,.99));box-shadow:inset 0 1px rgba(255,255,255,.035);transition:transform .24s,border-color .24s,box-shadow .24s}
.product-card:hover{transform:translateY(-5px);border-color:rgba(131,194,235,.38);box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}
.product-card.featured{box-shadow:0 10px 42px rgba(42,154,190,.1),inset 0 1px rgba(185,236,255,.08)}
.product-card h3{font-size:14px;margin-top:16px}
.product-desc{font-size:11px;line-height:1.65}
.product-price{font-size:28px;margin-top:20px}
.product-features{font-size:10px;gap:10px}
.section{padding-top:96px;padding-bottom:96px}
.section-heading{margin-bottom:44px}
.section-heading h2{font-size:clamp(32px,4vw,46px);letter-spacing:-.05em}
.cta-box{border-radius:16px;padding:48px 52px;background:radial-gradient(ellipse at 84% 30%,rgba(56,174,205,.15),transparent 46%),linear-gradient(110deg,#101a25,#0d131c);box-shadow:inset 0 1px rgba(255,255,255,.04)}
@media(max-width:850px){.hero{padding-top:72px;padding-bottom:60px}.hero-grid{gap:25px}.hero h1{font-size:clamp(48px,7vw,64px)}.visual{min-height:380px}.dashboard{grid-template-columns:104px minmax(0,1fr);min-height:280px}.dash-side{padding:12px 8px}.dash-item{font-size:7px}.dash-main{padding:11px}.dash-stats,.dash-status-list{gap:5px}.dash-stat{padding:7px 5px}.dash-stat span{font-size:6px}.dash-stat strong{font-size:12px}.dash-stat small{font-size:6px}.dash-product{font-size:6px}.dash-product b{font-size:6px}.section{padding-top:74px;padding-bottom:74px}}
@media(max-width:650px){.hero{padding-top:52px;padding-bottom:42px}.hero h1{font-size:53px}.visual{min-height:315px}.console{padding:11px}.dashboard{grid-template-columns:76px minmax(0,1fr);min-height:274px}.dash-side{padding:10px 5px}.dash-item{padding:5px 3px;font-size:6px;gap:3px}.dash-brand{font-size:6px;gap:3px}.dash-brand b{width:17px;height:17px;font-size:8px}.dash-caption{font-size:6px}.dash-main{padding:9px}.dash-title{font-size:10px}.dash-sub{font-size:6px}.dash-user{width:17px;height:17px;font-size:7px}.dash-stats,.dash-status-list{gap:5px}.dash-stat{padding:6px 4px}.dash-stat span{font-size:5.5px}.dash-stat strong{font-size:10px}.dash-stat small{font-size:5.5px}.dash-card{padding:8px}.dash-card-head{font-size:7px}.dash-card-head span{font-size:6px}.dash-product{font-size:6px;padding:7px 5px}.dash-product b{font-size:6px}.product-card{min-height:0;padding:21px 19px}.section{padding-top:62px;padding-bottom:62px}.section-heading{margin-bottom:28px}.cta-box{padding:28px 24px 84px}}
@media(max-width:390px){.hero h1{font-size:clamp(34px,11vw,43px)}.dashboard{grid-template-columns:68px minmax(0,1fr)}.dash-main{padding:8px 7px}.dash-stats,.dash-status-list{gap:4px}}
.kanefa-logo{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.brand-mark,.mark,.server-icon,.dash-brand b,.dash-user,.product-symbol{overflow:hidden;padding:0}
.kanefa-logo{object-fit:contain!important}.logo-mark{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;padding:0!important}
.hero-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px;max-width:510px}.hero-price-item{min-width:0;padding:11px 12px;border:1px solid rgba(184,205,231,.12);border-radius:10px;background:linear-gradient(145deg,rgba(19,29,41,.78),rgba(11,16,24,.88));display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 8px}.hero-price-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aebbc9;font-size:9px;font-weight:600}.hero-price-name b{margin-left:4px;color:#9de3f3;font-size:7px;text-transform:uppercase;letter-spacing:.04em}.hero-price-item>strong{grid-column:1/-1;font:700 18px/1.25 Manrope,sans-serif;letter-spacing:-.035em;color:#eff8ff}.hero-price-item>strong small{font:500 9px 'DM Sans',sans-serif;letter-spacing:0;color:#93a2b2}.hero-price-item>strong del{font:500 10px 'DM Sans',sans-serif;color:#758293;letter-spacing:0}.hero-price-featured{border-color:rgba(105,197,230,.28);background:radial-gradient(ellipse at 85% 0,rgba(64,171,208,.12),transparent 65%),linear-gradient(145deg,rgba(16,31,41,.9),rgba(11,16,24,.9))}.hero-lifetime{grid-column:1/-1;color:#8090a1;font-size:8px}.hero-purchase-path{margin:7px 0 0;color:#7f8f9f;font-size:9px}.hero-cta{margin-top:22px}
@media(max-width:850px){.hero-prices{max-width:520px}}
@media(max-width:650px){.hero-prices{margin-top:18px}.hero-purchase-path{font-size:8px}.hero-cta{margin-top:19px}}
@media(max-width:390px){.hero-prices{gap:6px}.hero-price-item{padding:9px 8px}.hero-price-name{font-size:8px}.hero-price-item>strong{font-size:16px}.hero-price-name b{font-size:6px}}
/* Product cards: staggered entrance and restrained interactive motion. */
.js .product-card{transition:opacity .62s ease,transform .42s cubic-bezier(.2,.75,.25,1),border-color .28s ease,box-shadow .32s ease,background .32s ease}
.product-card.product-card>*:not(.product-badge){position:relative;z-index:1}.product-card .product-badge{z-index:2}
.product-card:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 50% -12%,rgba(96,190,231,.12),transparent 58%);opacity:0;transition:opacity .35s ease}
.product-icon{transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .28s ease,background .28s ease,box-shadow .28s ease}
.product-card .button{transition:transform .24s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease}
.product-card .button .arrow{display:inline-block;transition:transform .24s ease}
@media(hover:hover) and (pointer:fine){
  .product-card:hover{transform:translateY(-7px) scale(1.012);border-color:rgba(126,207,241,.43);box-shadow:0 22px 48px rgba(0,0,0,.3),0 0 30px rgba(62,163,205,.09),inset 0 1px rgba(218,244,255,.07)}
  .product-card:hover:before{opacity:1}
  .product-card:hover .product-icon{transform:translateY(-2px) rotate(-4deg) scale(1.08);border-color:rgba(139,214,246,.4);background:rgba(97,164,202,.14);box-shadow:0 5px 16px rgba(68,154,196,.15)}
  .product-card:hover .button{transform:translateY(-1px)}
  .product-card:hover .button .arrow{transform:translateX(4px)}
  .product-card.featured:hover{border-color:rgba(112,220,244,.64);box-shadow:0 24px 52px rgba(0,0,0,.32),0 0 42px rgba(56,187,219,.2),inset 0 1px rgba(218,248,255,.1)}
}
@media(prefers-reduced-motion:reduce){.js .product-card,.product-icon,.product-card .button,.product-card .button .arrow,.product-card:before{transition:none!important;animation:none!important}.product-card:hover{transform:none!important}}

/* Monthly and lifetime pricing are the two faces of each product card. */
.product-card{padding:0;perspective:1200px;transform-style:preserve-3d}
.product-card-inner{position:relative;display:grid;min-height:395px;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.72,.18,1)}
.product-card-face{grid-area:1/1;position:relative;display:flex;flex-direction:column;min-height:395px;padding:23px 19px 19px;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.product-card-face .product-features{flex:1}
.product-card-face .button{align-self:stretch}
@media(max-width:650px){.product-card-inner,.product-card-face{min-height:0}.product-card-face{padding:21px 19px}}
@media(prefers-reduced-motion:reduce){.product-card-inner{transition:none!important}}
/* Selecting a plan spins the card through a full turn and returns to its front. */
.product-card{padding:23px 19px 19px;perspective:1200px}
.product-card-inner{position:relative;min-height:100%;transform-style:preserve-3d}
.product-card-face-front{position:relative;display:flex;flex-direction:column;min-height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.product-card-face-front .product-features{flex:1}
.product-card.is-flipping{animation:product-card-full-turn .78s cubic-bezier(.2,.72,.18,1) both;transform-style:preserve-3d;backface-visibility:visible}
.product-card-inner:before{content:"";position:absolute;inset:0;z-index:2;border:1px solid rgba(137,209,244,.26);border-radius:inherit;background:radial-gradient(ellipse at 50% 35%,rgba(72,169,212,.2),transparent 48%),linear-gradient(145deg,#111d29,#0b1119);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);pointer-events:none}
@keyframes product-card-full-turn{0%{transform:perspective(1200px) rotateY(0) scale(1)}45%{transform:perspective(1200px) rotateY(162deg) scale(.96)}52%{transform:perspective(1200px) rotateY(198deg) scale(.96)}100%{transform:perspective(1200px) rotateY(360deg) scale(1)}}
@media(max-width:650px){.product-card{padding:21px 19px}.product-card-inner,.product-card-face-front{min-height:0}}
@media(prefers-reduced-motion:reduce){.product-card.is-flipping{animation:none!important}}



#urunler{position:relative;isolation:isolate;overflow:visible}
#urunler>.section-heading,#urunler>kanefa-product-grid{position:relative;z-index:1}
.products-planet{position:absolute;z-index:0;top:62px;right:-126px;width:390px;height:390px;pointer-events:none;opacity:.3;animation:planet-float 11.5s ease-in-out infinite}
.planet-body{position:absolute;inset:62px;border:1px solid rgba(104,186,235,.28);border-radius:50%;background:radial-gradient(circle at 33% 27%,rgba(133,210,247,.3),transparent 10%),radial-gradient(ellipse at 36% 32%,rgba(41,119,170,.33),rgba(15,43,69,.52) 44%,rgba(6,15,28,.88) 75%);box-shadow:inset -24px -12px 40px rgba(0,0,0,.55),inset 8px 4px 22px rgba(97,180,230,.12),0 0 70px rgba(30,112,170,.16)}
.planet-body:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(158deg,transparent 0 18px,rgba(126,196,233,.045) 19px 21px,transparent 22px 38px);mask-image:radial-gradient(circle at 38% 35%,#000,transparent 70%)}
.planet-ring{position:absolute;left:6px;right:6px;top:147px;height:88px;border:1px solid rgba(114,196,238,.34);border-left-color:rgba(114,196,238,.1);border-right-color:rgba(114,196,238,.13);border-radius:50%;transform:rotate(-19deg);box-shadow:0 0 16px rgba(73,163,213,.1),inset 0 0 14px rgba(73,163,213,.08);animation:planet-ring-drift 19s linear infinite}
.planet-glint{position:absolute;top:98px;left:121px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,rgba(173,232,255,.55),rgba(69,158,208,.15) 34%,transparent 74%);filter:blur(2px)}
@keyframes planet-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,-11px,0)}}
@keyframes planet-ring-drift{0%,100%{transform:rotate(-19deg) scaleX(1)}50%{transform:rotate(-16deg) scaleX(1.035)}}
@media(max-width:850px){.products-planet{right:-205px;top:80px;opacity:.2}}
@media(max-width:650px){.products-planet{width:290px;height:290px;right:-172px;top:88px;opacity:.13}.planet-body{inset:48px}.planet-ring{top:110px;height:68px}}
@media(prefers-reduced-motion:reduce){.products-planet,.planet-ring{animation:none!important}}

.product-card.is-flipping:after{content:"";position:absolute;inset:-15px -14px;z-index:4;pointer-events:none;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(145,218,255,.08) 38deg,rgba(145,218,255,.86) 52deg,rgba(115,198,242,.24) 72deg,transparent 94deg,transparent 170deg,rgba(145,218,255,.06) 204deg,rgba(145,218,255,.62) 220deg,transparent 244deg,transparent 360deg);mask:radial-gradient(ellipse at center,transparent 64%,#000 65.5%,#000 67%,transparent 68.5%);opacity:0;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(91,185,239,.42));animation:product-wind-orbit .78s ease-in-out both}
@keyframes product-wind-orbit{0%{opacity:0;transform:rotate(0deg) scale(.94)}16%{opacity:.3}48%{opacity:.72;transform:rotate(180deg) scale(1.04)}80%{opacity:.5}100%{opacity:0;transform:rotate(360deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.product-card.is-flipping:after{display:none;animation:none!important}}

/* Strafe product cards, placed before the Kanefa product grid. */
.strafe-section{padding:22px 0 0}
.strafe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.strafe-card{display:grid;grid-template-columns:1fr;gap:0;min-width:0;padding:13px;border:1px solid rgba(132,194,228,.19);border-radius:14px;background:radial-gradient(ellipse at 8% 0,rgba(50,143,186,.11),transparent 48%),linear-gradient(145deg,rgba(17,26,37,.96),rgba(9,14,21,.98));box-shadow:0 14px 40px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)}
.strafe-video-frame{position:relative;min-width:0;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(166,209,235,.16);border-radius:11px;background:#05080d;box-shadow:0 12px 34px rgba(0,0,0,.34)}
.strafe-video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 45px rgba(2,7,12,.2)}
.strafe-video-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#05080d}
.strafe-video-label{position:absolute;top:12px;left:13px;z-index:2;display:flex;align-items:center;gap:8px;padding:6px 9px;border:1px solid rgba(197,225,243,.17);border-radius:6px;background:rgba(8,13,20,.72);backdrop-filter:blur(10px);color:#e1edf5;font:700 8px Manrope,sans-serif;letter-spacing:.12em;pointer-events:none}
.strafe-video-label i{width:5px;height:5px;border-radius:50%;background:#84d8f2;box-shadow:0 0 9px rgba(106,204,236,.55)}
.strafe-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:13px 3px 2px}
.strafe-copy h2{margin:7px 0 4px;color:#edf5fb;font:750 clamp(24px,2.4vw,32px)/1.1 Manrope,sans-serif;letter-spacing:-.055em}
.strafe-copy p{margin:0;color:#8e9baa;font-size:12px;line-height:1.7}
.strafe-price{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;padding-top:0;border:0}
.strafe-price strong{font:700 24px/1 Manrope,sans-serif;letter-spacing:-.05em;color:#f0f6fb}
.strafe-copy .button{min-width:156px;padding:10px 12px;font-size:10px}
@media(max-width:900px){.strafe-grid{grid-template-columns:1fr;gap:14px}.strafe-card{grid-template-columns:minmax(0,1.05fr) minmax(250px,.95fr);align-items:center;gap:20px;padding:15px}.strafe-copy{grid-template-columns:1fr;align-items:start;padding:5px 0}.strafe-buy{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.strafe-price{margin:0}.strafe-copy h2{font-size:clamp(26px,4vw,34px)}}
@media(max-width:600px){.strafe-section{padding-top:16px}.strafe-card{grid-template-columns:1fr;gap:0;padding:12px;border-radius:12px}.strafe-video-frame{border-radius:8px}.strafe-video-label{top:8px;left:8px;font-size:7px}.strafe-copy{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;padding:12px 2px 2px}.strafe-copy h2{font-size:25px}.strafe-copy p{font-size:11px}.strafe-buy{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.strafe-price strong{font-size:22px}.strafe-copy .button{width:auto;min-width:0;padding:9px 10px;font-size:9px}}
.strafe-card{transform:perspective(850px) rotateX(var(--pointer-tilt-x,0deg)) rotateY(var(--pointer-tilt-y,0deg)) translateY(var(--pointer-lift,0px));transform-style:preserve-3d;transition:transform .14s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .2s;will-change:transform}
.strafe-card.is-pointer-tilting{border-color:rgba(132,194,228,.42);box-shadow:0 24px 54px rgba(0,0,0,.3),0 0 36px rgba(45,143,186,.13),inset 0 1px rgba(255,255,255,.055)}
.product-card{transform:perspective(850px) rotateX(var(--pointer-tilt-x,0deg)) rotateY(var(--pointer-tilt-y,0deg)) translateY(var(--pointer-lift,0px));transform-style:preserve-3d;transition:transform .14s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .2s;will-change:transform}
.js .product-card.is-pointer-tilting:not(.is-flipping){transform:perspective(850px) rotateX(var(--pointer-tilt-x,0deg)) rotateY(var(--pointer-tilt-y,0deg)) translateY(-5px) scale(1.008);transition:transform .14s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .2s,opacity .62s ease}
.product-card.is-pointer-tilting{border-color:rgba(132,194,228,.4);box-shadow:0 24px 54px rgba(0,0,0,.3),0 0 34px rgba(45,143,186,.12),inset 0 1px rgba(255,255,255,.05)}
@media(hover:none),(prefers-reduced-motion:reduce){.strafe-card{transform:none!important;transition:border-color .2s,box-shadow .2s;will-change:auto}}
@media(hover:none),(prefers-reduced-motion:reduce){.product-card{transform:none!important;transition:border-color .2s,box-shadow .2s;will-change:auto}.js .product-card.is-pointer-tilting:not(.is-flipping){transform:none!important}}