/* KOTOFF 2.0 v1.0 — new homepage layout, isolated from legacy inner pages */
.k2-body:has(.k10-landing){background:#f4f7ff!important}
.k2-body .k2-header{background:rgba(255,255,255,.97)}
.k2-body .k2-header-inner{max-width:1530px}
.k2-body .k2-nav a:first-child{color:#0868f9}
.k2-body .k2-main{max-width:1530px;padding:20px 24px 26px}
.k10-landing{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:24px;align-items:start}
.k10-landing-main{min-width:0}
.k10-hero{position:relative;overflow:hidden;min-height:315px;display:grid;grid-template-columns:51% 49%;align-items:center;padding:32px 32px 28px 38px;background:linear-gradient(117deg,#fff 0%,#f2f7ff 52%,#e2edff 100%);border:1px solid #e5edfb;border-radius:17px;isolation:isolate}
.k10-hero:before,.k10-hero:after{content:"";position:absolute;border:54px solid rgba(50,123,250,.09);width:470px;height:470px;border-radius:50%;right:-110px;top:-210px;z-index:-1}
.k10-hero:after{width:310px;height:310px;border-width:45px;right:-20px;top:60px;border-color:rgba(45,117,244,.12)}
.k10-hero-copy{z-index:2}
.k10-pill{display:inline-block;background:#2285f8;color:white;font-size:12px;font-weight:700;border-radius:99px;padding:4px 14px}
.k10-hero h1{font-size:clamp(35px,3.5vw,56px);line-height:1.03;letter-spacing:-.05em;color:#0d1932;font-weight:850;margin:14px 0 13px}
.k10-hero p{max-width:425px;color:#344665;font-size:16px;line-height:1.42;margin:0 0 17px}
.k10-search{display:flex;align-items:center;background:#fff;border:1px solid #e0e8f7;border-radius:12px;max-width:520px;min-height:44px;box-shadow:0 7px 20px rgba(25,65,132,.06);padding:4px 4px 4px 12px}
.k10-search>span{font-size:25px;color:#6d85ae;line-height:1}
.k10-search input{background:transparent;min-width:0;flex:1;border:0;outline:0;color:#142342;font-size:13px;padding:7px 10px}
.k10-search button{background:#0868f9;color:white;border:0;border-radius:9px;padding:10px 20px;font-weight:700;cursor:pointer}
.k10-hero-art{height:100%;position:relative;display:flex;align-items:center;justify-content:center;perspective:850px}
.k10-orbit{position:absolute;width:340px;height:200px;border-radius:50%;background:radial-gradient(ellipse,rgba(51,120,245,.22),transparent 65%);bottom:-30px;right:0}
.k10-laptop{position:relative;width:min(95%,430px);transform:rotate(-7deg) rotateY(-12deg) translateY(8px);filter:drop-shadow(8px 19px 16px rgba(28,51,99,.24))}
.k10-screen{height:214px;border:10px solid #141d2d;border-bottom-width:14px;border-radius:13px 13px 5px 5px;background:linear-gradient(135deg,#1e2c44,#060b15);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #3a4558}
.k10-screen img{width:105px;height:105px;object-fit:contain;filter:brightness(0) invert(1)}
.k10-keyboard{height:19px;margin:-1px -26px 0;background:linear-gradient(180deg,#d5e0f3,#7f92b2);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);border-radius:0 0 45% 45%}
.k10-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0 20px}
.k10-categories a{display:flex;min-width:0;min-height:85px;flex-direction:column;align-items:center;justify-content:center;text-decoration:none!important;background:#fff;border:1px solid #e6edf9;border-radius:12px;box-shadow:0 5px 18px rgba(32,69,132,.04);gap:2px;text-align:center;padding:9px 4px;color:#142342!important}
.k10-categories a:hover{border-color:#78a9ff;transform:translateY(-2px)}
.k10-cat-icon{font-size:25px;line-height:1.1;color:#0874ff}
.k10-categories strong{font-size:11px;white-space:normal;line-height:1.3}
.k10-categories small{font-size:10px;color:#687b9b;line-height:1.2}
.k10-heading{display:flex;align-items:center;justify-content:space-between;margin:17px 0 10px;gap:12px}
.k10-heading h2{margin:0;font-size:21px;font-weight:800;color:var(--k-text);border-left:4px solid #0874ff;padding-left:11px;line-height:1.15}
.k10-heading>a{font-size:12px;font-weight:650}
.k10-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.k10-feed>:not(.k10-story){grid-column:1/-1}
.k10-story{min-width:0}
.k10-story .k3-story-image{height:136px;background:#f1f5fb}
.k10-story .k3-story-image img{object-fit:cover}
.k10-story .k3-story-content{padding:13px 14px;min-height:190px}
.k10-story .k3-story-title{font-size:15px;line-height:1.3;margin-bottom:6px}
.k10-story .k3-story-summary{font-size:12px;line-height:1.45}
.k10-story .k3-story-top{font-size:10px;margin-bottom:7px}
.k10-story .k3-story-meta{font-size:11px;padding-top:10px;margin-top:10px}
.k10-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.k10-tools>a{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:14px;background:var(--k-card);border:1px solid var(--k-border);border-radius:12px;min-height:138px;text-decoration:none!important}
.k10-tools strong{color:var(--k-text);font-size:13px}
.k10-tools small{color:var(--k-muted);font-size:11px}
.k10-tools em{font-style:normal;color:var(--k-blue);font-size:11px;margin-top:auto}
.k10-tool-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#e3efff;color:#0868f9;font-size:22px;font-weight:800}
.k10-landing-aside{display:flex;flex-direction:column;gap:18px}
.k10-aside-box{padding:18px 17px;background:var(--k-card);border:1px solid var(--k-border);border-radius:14px;box-shadow:var(--k-shadow)}
.k10-aside-box h2{font-size:17px;font-weight:800;margin:0 0 13px;color:var(--k-text)}
.k10-popular-item{display:flex;gap:11px;padding:9px 0;border-bottom:1px solid var(--k-border);text-decoration:none!important}
.k10-popular-item:last-child{border-bottom:0}
.k10-popular-thumb{width:65px;height:59px;flex:0 0 65px;overflow:hidden;border-radius:9px;background:var(--k-soft)}
.k10-popular-thumb img{width:100%;height:100%;object-fit:cover}
.k10-popular-body{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.k10-popular-body strong{font-size:12px;line-height:1.35;color:var(--k-text);font-weight:700}
.k10-popular-body small{font-size:11px;color:var(--k-muted)}
.k10-aside-brand{background:linear-gradient(125deg,#14253f,#0b172b);color:#fff;border-radius:14px;padding:23px 20px;overflow:hidden;position:relative}
.k10-aside-brand:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #2165bb;border-radius:50%;right:-90px;bottom:-100px}
.k10-brand-row{display:flex;align-items:center;gap:12px;font-size:17px}
.k10-brand-row img{width:45px;height:45px;filter:brightness(0) invert(1)}
.k10-aside-brand p{font-size:13px;line-height:1.55;margin:13px 0 16px}
.k10-aside-brand a,.k10-aside-subscribe a{display:inline-block;padding:10px 14px;border-radius:9px;background:#0868f9;color:#fff!important;font-size:12px;font-weight:700;text-decoration:none}
.k10-aside-subscribe p{font-size:13px;color:var(--k-muted)}
.k2-body:has(.k10-landing) .k2-footer{margin-top:0}
[data-k2-theme="dark"] .k2-body:has(.k10-landing){background:#0d1729!important}
[data-k2-theme="dark"] .k10-hero{background:linear-gradient(110deg,#1b2a43,#1b335b);border-color:#314461}
[data-k2-theme="dark"] .k10-hero h1,[data-k2-theme="dark"] .k10-hero p{color:#f0f5ff}
[data-k2-theme="dark"] .k10-search{background:#182640;border-color:#314461}
[data-k2-theme="dark"] .k10-search input{color:#f0f5ff}
[data-k2-theme="dark"] .k10-categories a{background:#17243a;color:#f0f5ff!important;border-color:#2b3a54}
[data-k2-theme="dark"] .k10-categories small{color:#a2b1ca}
@media(max-width:1350px){.k10-landing{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.k10-hero{padding:28px}.k10-screen{height:175px}.k10-categories strong{font-size:10px}}
@media(max-width:1050px){.k10-landing{grid-template-columns:1fr}.k10-landing-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.k10-aside-subscribe{grid-column:1/-1}.k10-hero{min-height:290px}}
@media(max-width:740px){.k10-hero{grid-template-columns:1fr;min-height:0}.k10-hero-art{display:none}.k10-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.k10-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.k10-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.k10-hero{padding:23px 19px}.k10-hero h1{font-size:35px}.k10-hero p{font-size:14px}.k10-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.k10-feed{grid-template-columns:1fr}.k10-story .k3-story-image{height:175px}.k10-landing-aside{display:flex}.k10-tools{grid-template-columns:1fr 1fr}}