:root{--ink:#101d40;--blue:#0877fa;--muted:#7286a9;--line:#d7e6f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,'Segoe UI',sans-serif;background:#f7fbff}.site{min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{height:91px;display:flex;align-items:center;justify-content:space-between;padding:8px 3.5%;gap:15px;position:relative;z-index:2;background:linear-gradient(90deg,#e8f5ff,#fff 48%,#edf7ff)}.brand img{width:218px;display:block}.nav{display:flex;align-items:center;gap:22px;padding:15px 20px;border-radius:30px;background:#ffffffeb;box-shadow:0 6px 24px #86b5e71a;white-space:nowrap}.nav a{font-size:12px;text-decoration:none;color:var(--ink);font-weight:700}.nav a.active{color:var(--blue)}.head-right{display:flex;align-items:center;gap:16px;white-space:nowrap}.head-right span{font-size:11px;color:var(--muted)}.nav-cta{background:#086ef2;color:#fff;text-decoration:none;padding:15px 19px;border-radius:13px;font-size:13px;font-weight:800;box-shadow:0 8px 18px #0877fa33}main{flex:1;background:linear-gradient(#dff0ff 0%,#f5faff 55%,#fff 100%)}.hero{height:255px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,#fff2cc 0,transparent 25%),radial-gradient(circle at 18% 15%,#acd8ff 0,transparent 36%),linear-gradient(180deg,#d8edff,#e8f5ff 80%,#f8fbff);border-bottom:1px solid #d3e9fb}.hero:before,.hero:after{content:'';position:absolute;border-radius:50%;background:#ffffff75;filter:blur(8px)}.hero:before{width:400px;height:150px;left:-40px;top:20px}.hero:after{width:360px;height:120px;right:0;top:24px}.hero-center{text-align:center;position:relative;z-index:1;margin-top:-6px}.hero-logo{width:355px;height:123px;object-fit:contain;display:block;margin:-16px auto -4px}.hero h1{font-size:31px;margin:0 0 7px;letter-spacing:-1px}.hero h1 span{color:var(--blue)}.hero p{font-size:15px;color:#526f9c;margin:0}.hero-orn{position:absolute;bottom:12px;z-index:1}.left-art{left:4%}.right-art{right:4%}.monitor,.tablet{background:#102b59;border:8px solid #8db7e8;box-shadow:0 10px 20px #3763a233;border-radius:15px;display:flex;align-items:center;justify-content:center}.monitor{width:215px;height:140px;transform:rotate(-3deg)}.gamepad{font-size:65px;filter:drop-shadow(0 0 8px #31a9ff)}.books{position:absolute;bottom:-8px;left:-30px}.books i{display:block;width:80px;height:11px;background:#ffba47;border:2px solid #527ec6;border-radius:4px;margin-top:2px}.books i:nth-child(2){background:#f1f8ff}.books i:nth-child(3){background:#ed7c8e}.mug{position:absolute;bottom:-10px;right:-20px;background:#fff;border-radius:4px 4px 13px 13px;padding:12px;color:var(--blue)}.tablet{width:175px;height:130px}.tablet span{font-size:50px;color:#a1e8ff}.controller{position:absolute;bottom:-10px;left:-55px;font-size:55px}.lightbulb{position:absolute;left:-60px;top:-42px;font-size:36px}.pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:0 3.4%;margin-top:-2px;position:relative;z-index:1}.plan{min-height:360px;background:#fff;border:1px solid var(--line);border-radius:21px;padding:22px 22px 17px;position:relative;display:flex;flex-direction:column;box-shadow:0 12px 25px #477eb00c}.plan.featured{border:2px solid var(--blue);padding:21px 21px 16px}.ribbon{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;border-radius:30px;padding:9px 20px;font-size:11px;font-weight:800;white-space:nowrap}.plan-top{display:flex;align-items:center;gap:15px}.calendar{display:grid;place-items:center;width:50px;height:50px;background:#edf5ff;border-radius:14px;color:var(--blue);font-size:29px}.pink .calendar{background:#fff0f7;color:#ff0080}.plan h2{font-size:23px;margin:0 0 3px}.plan-top p{margin:0;color:var(--muted);font-size:13px}.price{font-size:38px;font-weight:900;letter-spacing:-1.5px;margin-top:9px}.price small{font-size:16px;letter-spacing:0}.price-desc{color:var(--muted);font-size:12px;margin:2px 0 12px}.price-desc.green{color:#008c6a;font-weight:700}.choose{border:0;border-radius:10px;background:#10203f;color:#fff;font-weight:800;font-size:14px;padding:14px;cursor:pointer}.choose.primary{background:var(--blue)}.choose:hover{filter:brightness(1.13)}.plan ul{padding:0;margin:14px 0 13px;list-style:none;display:grid;gap:9px;font-size:12px}.plan li:before{content:'✓';color:#0877fa;font-size:17px;font-weight:800;margin-right:12px}.plan-notice{margin-top:auto;border-radius:9px;padding:11px 12px;font-size:11px;font-weight:800}.warning{background:#fff5ec;color:#e65b00;border:1px solid #ffd9b6}.positive{background:#e9f8f2;color:#007e60}.rose{background:#fff0f7;color:#e60072}.access{margin:17px 3.4% 0;padding:14px 20px;display:flex;align-items:center;gap:17px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 22px #3b80bb0b}.access-icon{width:65px;height:65px;border-radius:50%;background:#edf5ff;display:grid;place-items:center;font-size:37px;color:var(--blue);flex-shrink:0}.access-copy{flex:1;min-width:0}.access-copy h2{font-size:17px;margin:0 0 8px}.access-copy p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.access-form{width:42%;min-width:380px}.access-form label{display:block;font-size:10px;font-weight:900;letter-spacing:.5px;margin-bottom:8px}.code-controls{display:flex;gap:10px}.code-controls input{width:52%;min-width:0;border:2px solid #f0b1d8;border-radius:12px;padding:11px;font-size:22px;font-weight:800;text-align:center;letter-spacing:5px;color:var(--ink);outline:none}.code-controls input:focus{border-color:#ff0080}.code-controls input::placeholder{color:#90a1b7}.code-controls button{flex:1;border:0;background:#ff0080;color:#fff;border-radius:12px;font-size:12px;font-weight:900;cursor:pointer}.access-form small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:18px 4% 12px}.trust>div{display:flex;align-items:center;gap:12px}.trust-icon{display:grid;place-items:center;width:40px;height:40px;background:#edf5ff;color:var(--blue);border-radius:50%;font-size:25px}.trust strong,.trust small{display:block}.trust strong{font-size:12px}.trust small{font-size:11px;color:var(--muted);margin-top:5px}footer{font-size:10px;color:#8496b2;padding:9px 4%;display:flex;justify-content:space-between;background:#fff;border-top:1px solid #e6eef9}dialog{border:1px solid var(--line);border-radius:18px;max-width:420px;padding:25px;box-shadow:0 25px 90px #10203f44;color:var(--ink)}dialog::backdrop{background:#10203f88}dialog h2{margin-top:0}dialog p{line-height:1.5;color:#5d7091}dialog button{background:var(--blue);border:0;border-radius:10px;padding:12px 20px;color:#fff;font-weight:800;cursor:pointer}@media(min-width:1100px) and (min-height:780px){.hero{height:28vh;max-height:290px}.plan{min-height:40vh;max-height:410px}}@media(max-width:1180px){.header{padding:8px 2%}.brand img{width:175px}.nav{gap:12px;padding:12px}.head-right span{display:none}.hero-orn{opacity:.55}.plan{padding:17px}.plan.featured{padding:16px}}@media(max-width:860px){.header{height:auto;flex-wrap:wrap}.nav{order:3;width:100%;justify-content:space-around;overflow:auto}.hero{height:230px}.hero-logo{width:275px}.hero h1{font-size:25px}.hero p{font-size:12px}.hero-orn{opacity:.18}.pricing{grid-template-columns:1fr;gap:22px;margin-top:10px}.plan{min-height:0}.access{flex-wrap:wrap}.access-form{width:100%;min-width:0}.trust{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.brand img{width:160px}.nav-cta{font-size:11px;padding:11px}.nav{gap:12px;justify-content:flex-start}.nav a{font-size:11px}.hero-orn{display:none}.hero-logo{width:245px}.hero h1{font-size:23px}.hero p{padding:0 20px}.access-icon{display:none}.code-controls{flex-direction:column}.code-controls input{width:100%}.code-controls button{padding:15px}.trust{grid-template-columns:1fr 1fr;gap:18px 6px}.trust small{font-size:10px}footer span{display:none}}

/* Premium compact desktop layout */
@media(min-width:861px){
.site{min-height:100vh;height:100vh;overflow:hidden}
.header{height:76px;flex-shrink:0;background:linear-gradient(95deg,#e0f1ff,#fff 58%,#eaf5ff);padding:3px 3.2%}
.brand img{width:186px}.nav{padding:11px 15px;gap:17px}.nav-cta{padding:12px 16px}
main{display:flex;flex-direction:column;min-height:0;flex:1;background:linear-gradient(180deg,#e6f4ff 0%,#f6fbff 74%,#fff)}
.hero{height:clamp(178px,29vh,235px);flex-shrink:0;background:radial-gradient(circle at 85% 10%,#fff1d0,transparent 30%),linear-gradient(105deg,#c6e7ff,#e6f4ff 48%,#fff3dc);border:0}
.hero:before,.hero:after{display:none}
.hero-orn{bottom:0;height:100%;width:34%;background-repeat:no-repeat;background-size:contain;opacity:1;pointer-events:none}
.left-art{left:0;background-image:url('hero-left.png');background-position:left bottom}
.right-art{right:0;background-image:url('hero-right.png');background-position:right bottom}
.hero-orn>*{display:none}
.hero-center{margin:0;transform:translateY(-3px)}.hero-logo{height:100px;width:300px;margin:-13px auto -10px}.hero h1{font-size:clamp(22px,2.2vw,31px);margin:0 0 5px}.hero p{font-size:clamp(11px,1.15vw,15px)}
.pricing{flex:1;min-height:0;gap:15px;padding:0 3.3%;margin-top:0}
.plan,.plan.featured{min-height:0;height:100%;padding:13px 17px 11px;border-radius:19px}
.plan-top{gap:12px}.calendar{width:39px;height:39px;font-size:24px}.plan h2{font-size:21px}.plan-top p{font-size:11px}.price{font-size:34px;margin-top:3px}.price small{font-size:13px}.price-desc{font-size:10px;margin:0 0 8px}.choose{padding:10px;font-size:13px}.plan ul{margin:10px 0 8px;gap:5px;font-size:11px}.plan li:before{margin-right:8px;font-size:14px}.plan-notice{font-size:10px;padding:8px}.ribbon{padding:7px 15px;font-size:10px;top:-14px}
.access{flex-shrink:0;margin:10px 3.3% 0;padding:9px 16px;min-height:85px;gap:12px}.access-icon{width:52px;height:52px;font-size:29px}.access-copy h2{font-size:15px;margin-bottom:4px}.access-copy p{font-size:11px;line-height:1.35}.access-form{min-width:355px;width:43%}.access-form label{margin-bottom:4px}.code-controls input{padding:8px;font-size:19px}.code-controls button{font-size:11px}.access-form small{font-size:9px;margin-top:3px}
.trust{flex-shrink:0;padding:9px 4%;gap:8px}.trust-icon{height:32px;width:32px;font-size:20px}.trust strong{font-size:11px}.trust small{font-size:10px;margin-top:2px}
footer{flex-shrink:0;padding:5px 4%;font-size:9px}
}
@media(min-width:861px) and (max-height:690px){.hero{height:150px}.hero-logo{height:75px;width:240px}.hero h1{font-size:22px}.plan ul{gap:3px}.plan-notice{padding:5px}.trust{padding:5px 4%}}
@media(min-width:861px) and (max-width:1150px){.head-right span{display:none}.nav{gap:9px}.hero-orn{width:32%}.plan,.plan.featured{padding:12px}}

/* V2.1: Chrome 109 typography, spacing and icon corrections */
.hero-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transform:none!important;margin:0!important;max-width:60%;}
.hero-logo{display:block;flex:0 0 auto;width:clamp(210px,21vw,285px)!important;height:auto!important;max-height:100px;object-fit:contain;margin:0 auto 5px!important;}
.hero h1{line-height:1.15!important;margin:0!important;letter-spacing:-.5px;}
.hero p{line-height:1.35!important;margin:0!important;}
.calendar svg{width:23px;height:23px;display:block;}
.access-icon svg{width:30px;height:30px;display:block;}
.plan li{line-height:1.3;}
.nav a,.choose,.plan-notice,.access-copy p,.trust small{font-family:Arial,Helvetica,sans-serif;letter-spacing:normal;}
@media(min-width:861px){.hero{height:clamp(185px,27vh,225px)}.hero-logo{max-height:86px}.hero-center{gap:4px}.hero h1{font-size:clamp(21px,2.05vw,28px)}.hero p{font-size:clamp(11px,1vw,14px)}.plan ul{gap:6px}.plan-notice{line-height:1.25}.access-copy p{font-size:11px}}
@media(min-width:861px) and (max-height:760px){.hero{height:clamp(155px,24vh,185px)}.hero-logo{width:225px!important;max-height:75px}.hero-center{gap:2px}.hero h1{font-size:22px}.hero p{font-size:12px}.plan ul{gap:4px}}
@media(max-width:860px){.hero-center{max-width:90%}.hero-logo{width:235px!important}.hero{min-height:230px}.hero h1{font-size:23px}}

/* V3.1: içerik kesilmesin; sayfa gerektiğinde kaydırılabilsin */
html,body{min-height:100%;overflow-x:hidden;overflow-y:auto}
.site{height:auto!important;min-height:100vh!important;overflow:visible!important}
main{flex:0 0 auto!important;min-height:0!important}
.pricing{flex:0 0 auto!important;align-items:stretch!important}
.plan,.plan.featured{height:auto!important;min-height:0!important;display:flex;flex-direction:column;overflow:visible!important;padding-bottom:16px!important}
.plan ul{flex:1 0 auto!important}
.plan-notice{position:static!important;flex-shrink:0!important;margin-top:auto!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:break-word!important}
.access,.trust,footer{flex-shrink:0!important}
@media(max-width:860px){.pricing{display:grid!important;grid-template-columns:1fr!important}.plan{min-height:0!important}}