/* =====================================================================================
   TEMALAR v5 — ANİME (samuray) · NOKTA (marka maskotu Tibo) · PİKSEL (8-bit macera)
   Maskotlar, sahneler ve sayfa geçişleri: assets/js/themefx.js
   ===================================================================================== */
html.tx-in::after{content:'';position:fixed;inset:0;z-index:100000;background:var(--tx-bg,#111)}
.tx-ov{position:fixed;inset:0;z-index:100001;pointer-events:none}
@media(prefers-reduced-motion:reduce){html.tx-in::after{display:none}}

/* ════════════════════════════ ANİME · SAMURAY ════════════════════════════ */
html[data-preset=anime]{--paper:#fff8f0;--paper2:#ffeef2;--card:#fffdf9;--ink:#15121c;--ink2:#2a2433;--mu:#6b6275;--line:#15121c;--line2:#15121c;--dot:rgba(21,18,28,.1);--ac:#e5322d;--ac2:#2b6cff;--gold:#f2b632;--f:'Zen Maru Gothic','Rubik',system-ui,sans-serif;--fh:'Dela Gothic One','Bungee',sans-serif;--r:8px;--tx-bg:#15121c}
html[data-preset=anime][data-theme=dark]{--paper:#120d1c;--paper2:#1a1228;--card:#1e1630;--ink:#fff5ef;--ink2:#eee;--mu:#b7a9cc;--line:#fff5ef;--line2:#fff5ef;--dot:rgba(255,255,255,.07)}
html[data-preset=anime] body{font-family:var(--f);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23e5322d' stroke-opacity='.07' stroke-width='2'%3E%3Cpath d='M0 40 Q40 0 80 40 T160 40'/%3E%3Cpath d='M0 120 Q40 80 80 120 T160 120'/%3E%3C/g%3E%3C/svg%3E")}
html[data-preset=anime] .section,html[data-preset=anime] .strip,html[data-preset=anime] .footer{background-color:transparent}
html[data-preset=anime] .section.alt{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--paper2) 80%,transparent) 12%,color-mix(in srgb,var(--paper2) 80%,transparent) 88%,transparent)}
html[data-preset=anime] :is(h1,h2,.hero2-title){font-family:var(--fh);font-weight:400;letter-spacing:.005em;line-height:1.02}
html[data-preset=anime] :is(h1,.hero2-title){text-shadow:4px 4px 0 var(--ac)}
html[data-preset=anime] h2{position:relative;display:inline-block}
html[data-preset=anime] h2::after{content:'';position:absolute;left:-2%;right:-4%;bottom:-.18em;height:.42em;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 30' preserveAspectRatio='none'%3E%3Cpath d='M4 18 C60 6 120 26 180 14 S270 10 296 16 L294 24 C240 20 200 30 150 24 S40 28 6 26Z' fill='%23e5322d' opacity='.85'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%}
html[data-preset=anime] h3{font-family:var(--fh);font-weight:400}
html[data-preset=anime] em{font-style:normal;color:var(--ac)}
html[data-preset=anime] .eyebrow{font:400 .95rem var(--fh);color:#fff;background:var(--ink);padding:5px 14px 5px 30px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%);position:relative;letter-spacing:.04em}
html[data-preset=anime] .eyebrow::before{content:'⛩';position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:.8rem}
html[data-preset=anime] .nav{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-preset=anime] .nav-in{background:var(--card)!important;border:3px solid var(--line)!important;border-radius:6px!important;box-shadow:5px 5px 0 var(--ac)!important;backdrop-filter:none!important}
html[data-preset=anime]:not(.hdr-floating) .nav-in{margin-top:8px}
html[data-preset=anime] .nav-links>a,html[data-preset=anime] .mm-t{font-weight:700}
html[data-preset=anime] .nav-links>a:hover,html[data-preset=anime] .mm-t:hover{background:var(--ac);color:#fff}
html[data-preset=anime] .hero2{position:relative;overflow:hidden}
html[data-preset=anime] .hero2::before{content:'';position:absolute;right:-8%;top:8%;width:min(58vw,720px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffd6c4 0 42%,transparent 43%),repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--ac) 20%,transparent) 0 6deg,transparent 6deg 15deg);pointer-events:none;opacity:.85}
html[data-preset=anime][data-theme=dark] .hero2::before{background:radial-gradient(circle,#3a1d33 0 42%,transparent 43%),repeating-conic-gradient(from 0deg,rgba(229,50,45,.28) 0 6deg,transparent 6deg 15deg)}
html[data-preset=anime] .dotfield,html[data-preset=anime] .hero2 .hv{display:none!important}
html[data-preset=anime] .an-hero-deco{grid-column:2;grid-row:1;position:relative;display:grid;place-items:center}
html[data-preset=anime] .an-chibi{width:min(100%,380px);filter:drop-shadow(10px 14px 0 rgba(21,18,28,.18));animation:an-bob 3.2s ease-in-out infinite;transform-origin:50% 90%}
html[data-preset=anime] .an-band{transform-origin:180px 100px;animation:an-flap 1.2s ease-in-out infinite}
@keyframes an-bob{50%{transform:translateY(-10px) rotate(-1.5deg)}}@keyframes an-flap{50%{transform:rotate(-14deg)}}
html[data-preset=anime] .an-bubble{position:absolute;left:0;top:6%;background:#fff;color:#15121c;border:3px solid #15121c;border-radius:20px;padding:10px 16px;font:700 1rem var(--f);box-shadow:4px 4px 0 #15121c;animation:an-pop 3.2s ease-in-out infinite}
html[data-preset=anime] .an-bubble::after{content:'';position:absolute;right:26px;bottom:-14px;width:18px;height:18px;background:#fff;border-right:3px solid #15121c;border-bottom:3px solid #15121c;transform:rotate(45deg) skew(10deg,10deg)}
@keyframes an-pop{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.05) rotate(-1deg)}}
html[data-preset=anime] .an-sfx{position:absolute;right:0;top:0;font:400 clamp(2.4rem,5vw,4rem) var(--fh);color:var(--gold);-webkit-text-stroke:3px #15121c;transform:rotate(12deg);animation:an-shake 1s steps(2) infinite}
@keyframes an-shake{50%{transform:rotate(16deg) translate(2px,-3px)}}
@media(max-width:900px){html[data-preset=anime] .an-hero-deco{grid-column:1;grid-row:auto}html[data-preset=anime] .an-chibi{width:220px}}
html[data-preset=anime] .hero2-bar{border:0;gap:14px}
html[data-preset=anime] .hero2-bar>div{position:relative;border:3px solid var(--line)!important;padding:18px 18px 18px 64px!important;background:var(--card);border-radius:6px;box-shadow:5px 5px 0 var(--line);align-items:center}
html[data-preset=anime] .an-kanji{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:6px;background:var(--ac);color:#fff;font:400 1.3rem var(--fh);font-style:normal;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
html[data-preset=anime] .hero2-bar b{font-family:var(--fh);font-size:1.7rem}
@media(max-width:800px){html[data-preset=anime] .hero2-bar{grid-template-columns:1fr 1fr}}
html[data-preset=anime] .sec-head{position:relative}
html[data-preset=anime] .an-hanko{position:absolute;right:0;top:-6px;width:64px;height:64px;display:grid;place-items:center;border:4px double var(--ac);color:var(--ac);border-radius:10px;font:400 2rem var(--fh);transform:rotate(-10deg);opacity:.85}
html[data-preset=anime] .blocks{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important;border:0!important;background:none!important}
html[data-preset=anime] .blk{position:relative;border:3px solid var(--line)!important;border-radius:4px!important;background:var(--card)!important;box-shadow:6px 6px 0 var(--line)!important;overflow:visible!important;transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}
html[data-preset=anime] .blk::before,html[data-preset=anime] .blk::after{content:'';position:absolute;left:-10px;right:-10px;height:14px;background:linear-gradient(180deg,#8b4a2b,#5a2d18);border:3px solid var(--line);border-radius:10px;z-index:2}
html[data-preset=anime] .blk::before{top:-10px}html[data-preset=anime] .blk::after{bottom:-10px}
html[data-preset=anime] .blk:hover{transform:translateY(-6px) rotate(-.8deg);box-shadow:10px 12px 0 var(--ac)!important}
html[data-preset=anime] .blk .mono{font-family:var(--fh);color:var(--ac)}
@media(max-width:900px){html[data-preset=anime] .blocks{grid-template-columns:1fr!important}}
html[data-preset=anime] .flow-step{background:var(--card);border:3px solid var(--line);border-radius:50% 50% 12px 12px/30px 30px 12px 12px;padding:22px;box-shadow:5px 5px 0 var(--ac2)}
html[data-preset=anime] .flow-dot{background:var(--ac)!important;border-color:var(--line)!important}
html[data-preset=anime] .plan{position:relative;border:3px solid var(--line)!important;border-radius:14px!important;background:linear-gradient(180deg,#f3d9b1,#e9c592)!important;color:#2a1a10!important;clip-path:polygon(50% 0,100% 10%,100% 100%,0 100%,0 10%);padding-top:56px!important;box-shadow:none!important;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
html[data-preset=anime] .plan *{color:#2a1a10!important}
html[data-preset=anime] .plan::before{content:'';position:absolute;left:50%;top:18px;width:18px;height:18px;transform:translateX(-50%);border-radius:50%;background:#2a1a10;box-shadow:0 0 0 4px #e5322d}
html[data-preset=anime] .plan:hover{transform:rotate(-2deg) translateY(-8px)}
html[data-preset=anime] .plan.hot{background:linear-gradient(180deg,#ffd1d1,#f7a8a8)!important}
html[data-preset=anime] :is(.prod,.post-card,.testi,.tool-card,.cs,.card,.faq details,.form,.cta3){border:3px solid var(--line)!important;border-radius:6px!important;background:var(--card)!important;box-shadow:6px 6px 0 var(--line)!important}
html[data-preset=anime] :is(.prod,.post-card){transition:transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .3s}
html[data-preset=anime] :is(.prod,.post-card):hover{transform:translateY(-6px) rotate(-1deg);box-shadow:10px 10px 0 var(--ac)!important}
html[data-preset=anime] :is(.prod-img,.pc-img){border-bottom:3px solid var(--line);filter:saturate(1.25)}
html[data-preset=anime] .testi::before{content:'「';font:400 3rem var(--fh);color:var(--ac);line-height:0}
html[data-preset=anime] .btn{font-family:var(--fh);font-weight:400;letter-spacing:.02em;border:3px solid var(--line)!important;border-radius:6px!important;box-shadow:4px 4px 0 var(--line);transition:transform .15s,box-shadow .15s}
html[data-preset=anime] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--line)}html[data-preset=anime] .btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--line)}
html[data-preset=anime] .btn-primary{background:var(--ac)!important;color:#fff!important}
html[data-preset=anime] .footer{position:relative;padding-top:0!important;border-top:0!important;background:linear-gradient(180deg,transparent,#231a33 260px,#15101f)!important;color:#f5ebe0}
html[data-preset=anime] .footer :is(a,small,p,span,h3,h4,b){color:#f5ebe0}
html[data-preset=anime] .an-scene{display:block;width:100%;height:clamp(180px,24vw,320px);margin-bottom:30px}
html[data-preset=anime] .an-branch{animation:an-sway 5s ease-in-out infinite;transform-origin:1440px 20px}@keyframes an-sway{50%{transform:rotate(-2deg)}}
html[data-preset=anime] .an-petals{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:40}
html[data-preset=anime] .an-spark{position:fixed;z-index:99999;pointer-events:none;font-style:normal;font-size:18px;color:var(--gold);animation:an-sp .7s ease-out forwards}
@keyframes an-sp{from{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(1.2) rotate(180deg);opacity:0}}
html[data-preset=anime] .an-tx .an-half{position:absolute;inset:0;background:#15121c;transition:transform .45s cubic-bezier(.8,0,.2,1) .18s}
html[data-preset=anime] .an-tx .an-half.a{clip-path:polygon(0 0,100% 0,0 100%);transform:translate(-100%,-100%)}
html[data-preset=anime] .an-tx .an-half.b{clip-path:polygon(100% 0,100% 100%,0 100%);transform:translate(100%,100%)}
html[data-preset=anime] .an-tx.go .an-half{transform:none}
html[data-preset=anime] .an-tx.open .an-half{transition-delay:.12s}html[data-preset=anime] .an-tx.open .an-half.a{transform:translate(-100%,-100%)}html[data-preset=anime] .an-tx.open .an-half.b{transform:translate(100%,100%)}
html[data-preset=anime] .an-slash{position:absolute;inset:0;width:100%;height:100%}
html[data-preset=anime] .an-slash line{stroke:#fff;stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:200;stroke-dashoffset:200;filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 14px #e5322d)}
html[data-preset=anime] .an-tx.go .an-slash line{animation:an-cut .22s ease-out forwards;stroke-width:6}
@keyframes an-cut{to{stroke-dashoffset:0}}
html[data-preset=anime] .an-zan{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.6);font:400 clamp(4rem,14vw,10rem) var(--fh);color:#e5322d;opacity:0;transition:opacity .2s .4s,transform .3s .4s}
html[data-preset=anime] .an-tx.go .an-zan{opacity:1;transform:translate(-50%,-50%) scale(1)}html[data-preset=anime] .an-tx.open .an-zan{opacity:0;transition-delay:0s}

/* ════════════════════════════ NOKTA · marka maskotu Tibo ════════════════════════════ */
html[data-preset=nokta]{--paper:#f7f6f2;--paper2:#efede6;--card:#ffffff;--ink:#0d0d10;--ink2:#26262c;--mu:#6c6b72;--line:rgba(13,13,16,.12);--line2:rgba(13,13,16,.22);--dot:rgba(13,13,16,.16);--ac:#e5322d;--f:'Geist',system-ui,sans-serif;--fh:'Geist',system-ui,sans-serif;--r:22px;--tx-bg:#0d0d10}
html[data-preset=nokta][data-theme=dark]{--paper:#0b0b0d;--paper2:#121216;--card:#151519;--ink:#f3f3f1;--ink2:#dcdcd8;--mu:#9a9aa2;--line:rgba(243,243,241,.1);--line2:rgba(243,243,241,.2);--dot:rgba(243,243,241,.14);--tx-bg:#f3f3f1}
html[data-preset=nokta] body{background:var(--paper) radial-gradient(var(--dot) 1.3px,transparent 1.5px) 0 0/18px 18px}
html[data-preset=nokta] .section,html[data-preset=nokta] .strip,html[data-preset=nokta] .footer{background-color:transparent}
html[data-preset=nokta] :is(h1,.hero2-title){font-weight:800;letter-spacing:-.045em}
html[data-preset=nokta] h2{font-weight:800;letter-spacing:-.035em}
html[data-preset=nokta] em{font-style:normal;color:var(--ac);background:radial-gradient(var(--ac) 1.6px,transparent 1.8px) 0 100%/8px 8px repeat-x;padding-bottom:8px}
html[data-preset=nokta] .eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 .78rem 'Geist Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
html[data-preset=nokta] .eyebrow::before{content:'';width:34px;height:10px;background:radial-gradient(var(--ac) 2.6px,transparent 3px) 0 50%/10px 10px repeat-x}
html[data-preset=nokta] .nav{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-preset=nokta] .nav-in{background:color-mix(in srgb,var(--card) 88%,transparent)!important;border:1.5px dashed var(--line2)!important;border-radius:999px!important;backdrop-filter:blur(14px)}
html[data-preset=nokta]:not(.hdr-floating) .nav-in{margin-top:10px;padding:0 10px 0 20px}
html[data-preset=nokta] .hero2 .hv,html[data-preset=nokta] .dotfield{display:none!important}
html[data-preset=nokta] .nk-hero{grid-column:2;grid-row:1;position:relative;display:grid;place-items:center;color:var(--ink)}
html[data-preset=nokta] .nk-hero::before{content:'';position:absolute;inset:6%;border-radius:50%;background:radial-gradient(color-mix(in srgb,var(--ac) 45%,transparent) 2px,transparent 2.4px) 0 0/16px 16px;-webkit-mask:radial-gradient(circle,#000 40%,transparent 70%);mask:radial-gradient(circle,#000 40%,transparent 70%)}
html[data-preset=nokta] .nk-bot{position:relative;width:min(100%,320px);height:auto;animation:nk-float 3.6s ease-in-out infinite}
html[data-preset=nokta] .nk-bot .nk-d{fill:var(--ink)}
html[data-preset=nokta] .nk-bot .nk-eye{fill:var(--ac);transition:transform .18s ease-out}
html[data-preset=nokta] .nk-bot .nk-mouth{fill:var(--ac);opacity:.75}
html[data-preset=nokta] .nk-bot .nk-ant{fill:var(--ac);animation:nk-blip 1.4s ease-in-out infinite}
html[data-preset=nokta] .nk-bot .nk-arm circle{fill:var(--ink)}html[data-preset=nokta] .nk-bot .nk-arm.r{transform-origin:170px 212px;animation:nk-wave 2.4s ease-in-out infinite}
html[data-preset=nokta] .nk-face.blink .nk-eye{transform:scaleY(.1)!important;transform-box:fill-box;transform-origin:center}
@keyframes nk-float{50%{transform:translateY(-12px)}}@keyframes nk-blip{50%{opacity:.25}}@keyframes nk-wave{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-24deg)}80%{transform:rotate(10deg)}90%{transform:rotate(-18deg)}}
html[data-preset=nokta] .nk-say{position:absolute;left:0;top:10%;display:grid;gap:2px;background:var(--card);border:1.5px dashed var(--line2);border-radius:18px 18px 18px 4px;padding:12px 16px;font-size:.95rem;box-shadow:0 18px 36px -24px rgba(0,0,0,.35)}
@media(max-width:900px){html[data-preset=nokta] .nk-hero{grid-column:1;grid-row:auto}html[data-preset=nokta] .nk-bot{width:200px}}
html[data-preset=nokta] .hero2-bar{border:0;gap:12px}
html[data-preset=nokta] .hero2-bar>div{border:0!important;padding:18px!important;border-radius:18px;background:#0d0d10;color:#f3f3f1;flex-direction:column;align-items:flex-start!important;gap:4px}
html[data-preset=nokta] .hero2-bar>div span{color:#9a9aa2!important}
html[data-preset=nokta] .hero2-bar b{font:700 2.2rem 'Geist Mono',monospace;color:var(--ac);text-shadow:0 0 12px color-mix(in srgb,var(--ac) 70%,transparent);background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.2px) 0 0/5px 5px;padding:0 6px;border-radius:6px}
@media(max-width:800px){html[data-preset=nokta] .hero2-bar{grid-template-columns:1fr 1fr}}
html[data-preset=nokta] .sec-head{position:relative}
html[data-preset=nokta] .nk-mini{position:absolute;right:0;top:-10px;color:var(--ink);opacity:.9}
html[data-preset=nokta] .nk-mini .nk-d,html[data-preset=nokta] .nk-mini .nk-arm circle{fill:var(--ink)}html[data-preset=nokta] .nk-mini :is(.nk-eye,.nk-mouth,.nk-ant){fill:var(--ac)}
html[data-preset=nokta] .blocks{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;border:0!important;background:none!important}
html[data-preset=nokta] :is(.blk,.prod,.post-card,.plan,.testi,.tool-card,.cs,.card,.faq details,.form,.cta3,.flow-step){position:relative;background:var(--card)!important;border:1.5px dashed var(--line2)!important;border-radius:var(--r)!important;box-shadow:none!important;transition:transform .35s cubic-bezier(.3,1.5,.5,1),border-color .25s}
html[data-preset=nokta] :is(.blk,.prod,.post-card,.plan)::after{content:'';position:absolute;right:16px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--ac);box-shadow:-14px 0 0 var(--line2),-28px 0 0 var(--line2);transition:box-shadow .3s}
html[data-preset=nokta] :is(.blk,.prod,.post-card,.plan):hover{transform:translateY(-6px);border-style:solid!important;border-color:var(--ac)!important}
html[data-preset=nokta] :is(.blk,.prod,.post-card,.plan):hover::after{box-shadow:-14px 0 0 var(--ac),-28px 0 0 var(--ac)}
html[data-preset=nokta] .plan.hot{background:#0d0d10!important;color:#f3f3f1!important;border-style:solid!important}html[data-preset=nokta] .plan.hot *{color:#f3f3f1}
@media(max-width:900px){html[data-preset=nokta] .blocks{grid-template-columns:1fr!important}}
html[data-preset=nokta] .flow-dot{background:var(--card)!important;border:1.5px dashed var(--ac)!important}
html[data-preset=nokta] .btn{border-radius:999px!important;font-weight:600}
html[data-preset=nokta] .btn-primary{background:var(--ink)!important;color:var(--paper)!important;border:0!important;box-shadow:inset 0 0 0 0 var(--ac);transition:box-shadow .35s,transform .2s}
html[data-preset=nokta] .btn-primary:hover{box-shadow:inset 0 -60px 0 0 var(--ac);transform:translateY(-2px)}
html[data-preset=nokta] .footer{border-top:0!important;padding-top:0!important}
html[data-preset=nokta] .nk-wave{display:block;width:100%;height:clamp(140px,18vw,240px);margin-bottom:24px}

/* ════════════════════════════ PİKSEL · 8-bit macera ════════════════════════════ */
html[data-preset=piksel]{--paper:#5c94fc;--paper2:#4f86ee;--card:#fff8e8;--ink:#1d1a36;--ink2:#2b2750;--mu:#3d3a6b;--line:#1d1a36;--line2:#1d1a36;--dot:rgba(255,255,255,.12);--ac:#e52521;--ac2:#00a800;--ac3:#fbd000;--f:'VT323',monospace;--fh:'Silkscreen','VT323',monospace;--r:0px;--tx-bg:#12102a}
html[data-preset=piksel][data-theme=dark]{--paper:#12102a;--paper2:#1b1840;--card:#221e4d;--ink:#f4f1de;--ink2:#e0dcc4;--mu:#9a95c8;--line:#000;--line2:#f4f1de}
html[data-preset=piksel] body{font-family:var(--f);font-size:1.35rem;background:var(--paper);image-rendering:pixelated}
html[data-preset=piksel] .section,html[data-preset=piksel] .strip,html[data-preset=piksel] .footer{background-color:transparent}
html[data-preset=piksel] :is(h1,h2,h3,.hero2-title){font-family:var(--fh);font-weight:700;line-height:1.08;letter-spacing:0;color:#fff;text-shadow:4px 4px 0 #000}
html[data-preset=piksel] em{font-style:normal;color:var(--ac3)}
html[data-preset=piksel] .hero2 :is(p,.hero2-sub,.hero2-tag){color:#fff;text-shadow:2px 2px 0 #000}
html[data-preset=piksel] .sec-head p{color:#fff;text-shadow:2px 2px 0 #000}
html[data-preset=piksel] .eyebrow{font-family:var(--fh)!important;background:var(--ac3);color:#000;padding:4px 10px;box-shadow:4px 4px 0 #000}
html[data-preset=piksel] .px-lv{display:inline-block;font:700 .8rem var(--fh);color:#fff;background:#000;padding:4px 8px;margin-bottom:10px}
html[data-preset=piksel] .nav{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-preset=piksel] .nav-in{background:#000!important;border:4px solid #fff!important;border-radius:0!important;box-shadow:6px 6px 0 rgba(0,0,0,.4)!important;color:#fff}
html[data-preset=piksel] .nav-in :is(a,button,span){color:#fff!important}
html[data-preset=piksel]:not(.hdr-floating) .nav-in{margin-top:8px;padding:0 8px 0 16px}
html[data-preset=piksel] .hero2 .hv,html[data-preset=piksel] .dotfield{display:none!important}
html[data-preset=piksel] .px-stage{grid-column:2;grid-row:1;position:relative;height:min(420px,52vw);border:6px solid #000;background:linear-gradient(#5c94fc 0 78%,transparent 78%);box-shadow:10px 10px 0 rgba(0,0,0,.35);overflow:hidden;image-rendering:pixelated}
html[data-preset=piksel] .px-hud{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;padding:8px 12px;font:700 .8rem var(--fh);color:#fff;text-shadow:2px 2px 0 #000;z-index:2}html[data-preset=piksel] .px-hud span:first-child{color:#e52521}
html[data-preset=piksel] .px-ground{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(#00a800 0 14px,#b86f22 14px)}
html[data-preset=piksel] .px-hero{position:absolute;left:18%;bottom:22%;width:120px;height:120px;image-rendering:pixelated;transition:transform .26s steps(4)}
html[data-preset=piksel] .px-hero.jump{transform:translateY(-110px)}
html[data-preset=piksel] .px-q{position:absolute;left:calc(18% + 30px);bottom:calc(22% + 240px);width:60px;height:60px;display:grid;place-items:center;background:var(--ac3);border:4px solid #000;box-shadow:inset -6px -6px 0 #c28a00;font:700 2rem var(--fh);color:#000;transition:transform .12s steps(2)}
html[data-preset=piksel] .px-q.hit{transform:translateY(-10px)}
html[data-preset=piksel] .px-cloud{position:absolute;width:120px;height:40px;background:#fff;box-shadow:20px -20px 0 -2px #fff,60px -10px 0 #fff;animation:px-drift 28s steps(60) infinite}html[data-preset=piksel] .px-cloud.c1{top:18%;left:-20%}html[data-preset=piksel] .px-cloud.c2{top:36%;left:-40%;animation-delay:-14s}
@keyframes px-drift{to{left:120%}}
@media(max-width:900px){html[data-preset=piksel] .px-stage{grid-column:1;grid-row:auto;height:320px}}
html[data-preset=piksel] .hero2-bar{border:0;gap:10px}
html[data-preset=piksel] .hero2-bar>div{border:4px solid #000!important;background:var(--card);padding:14px 14px 14px 58px!important;position:relative;box-shadow:inset -5px -5px 0 rgba(0,0,0,.2),6px 6px 0 rgba(0,0,0,.35)}
html[data-preset=piksel] .hero2-bar>div :is(b,span){color:var(--ink)!important;text-shadow:none}
html[data-preset=piksel] .px-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:grid;place-items:center;background:var(--ac);color:#fff;font-style:normal;border:3px solid #000}
@media(max-width:800px){html[data-preset=piksel] .hero2-bar{grid-template-columns:1fr 1fr}}
html[data-preset=piksel] :is(.blk,.prod,.post-card,.plan,.testi,.tool-card,.cs,.card,.faq details,.form,.cta3,.flow-step,input,select,textarea){border-radius:0!important;background:var(--card)!important;border:4px solid #000!important;box-shadow:inset -6px -6px 0 rgba(0,0,0,.18),6px 6px 0 rgba(0,0,0,.35)!important;color:var(--ink)}
html[data-preset=piksel] :is(.blk,.prod,.post-card,.plan,.testi,.flow-step) :is(h3,b,p,span,small,li){color:var(--ink)!important;text-shadow:none!important}
html[data-preset=piksel] .blocks{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important;border:0!important;background:none!important}
html[data-preset=piksel] :is(.blk,.prod,.post-card,.plan):hover{animation:px-jump .4s steps(4);outline:4px solid var(--ac3)}
html[data-preset=piksel] .blk .mono::before{content:'LV.'}
html[data-preset=piksel] .plan.hot{background:var(--ac3)!important}
@keyframes px-jump{50%{transform:translateY(-10px)}}
@media(max-width:900px){html[data-preset=piksel] .blocks{grid-template-columns:1fr!important}}
html[data-preset=piksel] :is(.prod-img,.pc-img,img){image-rendering:pixelated;border-radius:0!important}
html[data-preset=piksel] .btn{font-family:var(--fh);font-size:.9rem;border-radius:0!important;border:4px solid #000!important;box-shadow:inset -4px -4px 0 rgba(0,0,0,.3),4px 4px 0 #000;text-transform:uppercase;transition:transform .08s steps(2)}
html[data-preset=piksel] .btn:hover{transform:translate(-2px,-2px)}html[data-preset=piksel] .btn:active{transform:translate(2px,2px);box-shadow:none}
html[data-preset=piksel] .btn-primary{background:var(--ac)!important;color:#fff!important}
html[data-preset=piksel] .btn-ghost{background:#fff!important;color:#000!important}
html[data-preset=piksel] .footer{border-top:0!important;padding-top:0!important;background:linear-gradient(transparent 0 200px,#000 200px)!important;color:#fff}
html[data-preset=piksel] .footer :is(a,small,p,span,h3,h4,b){color:#fff}
html[data-preset=piksel] .px-land{position:relative;height:200px;background:linear-gradient(transparent 160px,#00a800 160px 172px,#b86f22 172px)}
html[data-preset=piksel] .px-castle{position:absolute;right:8%;bottom:40px;width:140px;height:120px;background:#9c4a00;box-shadow:inset 0 -40px 0 #7a3a00;clip-path:polygon(0 30%,10% 30%,10% 20%,20% 20%,20% 30%,40% 30%,40% 20%,60% 20%,60% 30%,80% 30%,80% 20%,90% 20%,90% 30%,100% 30%,100% 100%,60% 100%,60% 70%,40% 70%,40% 100%,0 100%)}
html[data-preset=piksel] .px-pipe{position:absolute;left:20%;bottom:40px;width:64px;height:70px;background:#00a800;border:4px solid #000;box-shadow:inset 10px 0 0 #6bd66b}
html[data-preset=piksel] .px-pipe::before{content:'';position:absolute;left:-10px;right:-10px;top:-18px;height:18px;background:#00a800;border:4px solid #000}
html[data-preset=piksel] .px-flag{position:absolute;left:52%;bottom:40px;width:6px;height:130px;background:#fff}
html[data-preset=piksel] .px-flag::after{content:'';position:absolute;left:6px;top:4px;width:40px;height:26px;background:var(--ac2);clip-path:polygon(0 0,100% 50%,0 100%)}
html[data-preset=piksel] .px-coin{position:fixed;z-index:99999;width:12px;height:16px;background:var(--ac3);border:2px solid #000;pointer-events:none;animation:px-coin .6s steps(6) forwards}
@keyframes px-coin{to{transform:translateY(-60px);opacity:0}}
html[data-preset=piksel] .px-tx canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
html[data-preset=piksel] .px-tx b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 clamp(1.4rem,4vw,2.6rem) var(--fh);color:var(--ac3);text-shadow:4px 4px 0 #000;animation:px-blink .4s steps(1) infinite}
@keyframes px-blink{50%{opacity:0}}

@media(prefers-reduced-motion:reduce){html:is([data-preset=anime],[data-preset=nokta],[data-preset=piksel]) *{animation:none!important}}
html[data-preset=piksel] .nav-in .logo-l{display:none!important}html[data-preset=piksel] .nav-in .logo-d{display:block!important}

/* ═════ Ortak: temalı hero'da eski görseller (dünya, küre, heykel, harita…) tamamen gizli ═════ */
html:is([data-preset=anime],[data-preset=nokta],[data-preset=piksel]) .th-hero .hero2-in>:not(.hero2-copy):not(.an-hero-deco):not(.nk-hero):not(.px-stage),
html:is([data-preset=anime],[data-preset=nokta],[data-preset=piksel]) .th-hero>canvas,
html:is([data-preset=anime],[data-preset=nokta],[data-preset=piksel]) .th-hero :is(.hv,.hvis,.globe,.dotfield,[class*="hv-"]){display:none!important}
html:is([data-preset=anime],[data-preset=nokta],[data-preset=piksel]) .th-hero .hero2-in{grid-template-columns:1.1fr 1fr}
.th-viz{position:relative;overflow:hidden;min-height:190px}
.thv{position:absolute;inset:0;display:grid;place-items:center}
.thv img{position:relative;z-index:1;height:78%;width:auto;max-width:70%;object-fit:contain}
.th-credit{font-size:11px;opacity:.55;text-align:center;margin:10px 0 0}

/* ── ANİME: hero manga paneli + kütüphane karakterleri ── */
html[data-preset=anime] .an-panel{position:relative;width:min(100%,460px);aspect-ratio:1/1.05;border:5px solid #15121c;background:#fff;box-shadow:12px 12px 0 #15121c;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);overflow:hidden}
html[data-preset=anime] .an-panel-lines{position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg at 50% 45%,#fff 0 4deg,#15121c14 4deg 6deg)}
html[data-preset=anime] .an-hero-img{position:absolute;left:50%;bottom:-2%;width:78%;transform:translateX(-50%);filter:drop-shadow(0 0 0 #15121c) drop-shadow(4px 0 0 #15121c) drop-shadow(-4px 0 0 #15121c) drop-shadow(0 4px 0 #15121c);animation:an-bob 3.2s ease-in-out infinite}
html[data-preset=anime] .an-side{position:absolute;width:30%;background:#fff;border:4px solid #15121c;border-radius:50%}
html[data-preset=anime] .an-side.a{left:4%;top:6%;transform:rotate(-8deg)}html[data-preset=anime] .an-side.b{right:4%;top:10%;transform:rotate(9deg)}
html[data-preset=anime] .an-bubble{z-index:3}
html[data-preset=anime] .an-v{background:#fff}
html[data-preset=anime] .an-v-lines{position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg at 50% 50%,#fff 0 5deg,#15121c10 5deg 7deg);transition:transform .6s}
html[data-preset=anime] .blk:hover .an-v-lines{transform:rotate(20deg) scale(1.1)}
html[data-preset=anime] .an-v img{height:86%;align-self:end;background:none;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
html[data-preset=anime] .blk:hover .an-v img{transform:translateY(-6px) scale(1.06)}
html[data-preset=anime] .an-v-sfx{position:absolute;right:8%;top:8%;z-index:2;font:400 1.9rem var(--fh);color:var(--gold);-webkit-text-stroke:2px #15121c;transform:rotate(10deg)}
html[data-preset=anime] .an-v-bub{position:absolute;left:6%;top:10%;z-index:2;max-width:52%;background:#fff;border:3px solid #15121c;border-radius:14px;padding:6px 10px;font:700 .85rem var(--f);color:#15121c}
html[data-preset=anime] .an-v-ic{position:absolute;left:8%;bottom:10%;z-index:2;width:46px;height:46px;display:grid;place-items:center;background:var(--ac);border:3px solid #15121c;border-radius:50%;color:#fff}
html[data-preset=anime] .an-v-ic svg{width:22px;height:22px;stroke:#fff}

/* ── NOKTA: noktalı maske ile marka robotu ── */
html[data-preset=nokta] .nk-hero-bot{position:relative;width:min(100%,360px);aspect-ratio:1;animation:nk-float 3.6s ease-in-out infinite}
html[data-preset=nokta] .nk-hero-bot img{position:absolute;inset:0;width:100%;height:100%}
html[data-preset=nokta] .nk-dotted{-webkit-mask:radial-gradient(circle,#000 58%,transparent 62%) 0 0/9px 9px;mask:radial-gradient(circle,#000 58%,transparent 62%) 0 0/9px 9px}
html[data-preset=nokta] .nk-hero-bot .nk-solid{opacity:0;transition:opacity .5s;clip-path:circle(0 at 50% 50%)}
html[data-preset=nokta] .nk-hero-bot:hover .nk-solid{opacity:1;clip-path:circle(75% at 50% 50%);transition:clip-path .6s,opacity .2s}
html[data-preset=nokta] .nk-mini img{display:block}
html[data-preset=nokta] .nk-v{background:radial-gradient(var(--dot) 1.4px,transparent 1.6px) 0 0/12px 12px}
html[data-preset=nokta] .nk-v img{height:74%;-webkit-mask:radial-gradient(circle,#000 58%,transparent 62%) 0 0/7px 7px;mask:radial-gradient(circle,#000 58%,transparent 62%) 0 0/7px 7px;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
html[data-preset=nokta] .blk:hover .nk-v img{transform:rotate(-6deg) scale(1.08);-webkit-mask:none;mask:none}
html[data-preset=nokta] .nk-v-say{position:absolute;left:8%;top:10%;z-index:2;background:var(--card);border:1.5px dashed var(--line2);border-radius:12px 12px 12px 3px;padding:5px 10px;font:600 .78rem 'Geist Mono',monospace}
html[data-preset=nokta] .nk-v-ic{position:absolute;right:8%;bottom:10%;z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--ac);color:#fff}
html[data-preset=nokta] .nk-v-ic svg{width:20px;height:20px;stroke:#fff}

/* ── PİKSEL: piksel karakterler + ? kutusu ── */
html[data-preset=piksel] .px-npc{position:absolute;right:10%;bottom:22%;width:96px;height:96px;image-rendering:pixelated}
html[data-preset=piksel] .px-npc-say{position:absolute;right:4%;bottom:calc(22% + 104px);background:#fff;border:3px solid #000;padding:4px 8px;font:700 .7rem var(--fh);color:#000}
html[data-preset=piksel] .px-v{background:linear-gradient(#5c94fc 0 74%,#00a800 74% 80%,#b86f22 80%)}
html[data-preset=piksel] .px-v img{height:62%;align-self:end;margin-bottom:20%;image-rendering:pixelated;transition:transform .3s steps(3)}
html[data-preset=piksel] .blk:hover .px-v img{transform:translateY(-40px)}
html[data-preset=piksel] .px-v-box{position:absolute;left:50%;top:6%;transform:translateX(-50%);width:40px;height:40px;display:grid;place-items:center;background:var(--ac3);border:3px solid #000;font:700 1.3rem var(--fh);color:#000!important;z-index:2}
html[data-preset=piksel] .px-v-pop{position:absolute;left:50%;top:6%;transform:translate(-50%,0);font:700 .8rem var(--fh);color:#fff!important;text-shadow:2px 2px 0 #000;opacity:0;z-index:3;white-space:nowrap}
html[data-preset=piksel] .blk:hover .px-v-pop{animation:px-popup .6s steps(4) forwards}
@keyframes px-popup{to{transform:translate(-50%,-30px);opacity:1}}
html[data-preset=piksel] .px-v-ic{position:absolute;left:8px;top:8px;width:34px;height:34px;display:grid;place-items:center;background:#000;z-index:2}
html[data-preset=piksel] .px-v-ic svg{width:18px;height:18px;stroke:#fbd000}
html[data-preset=piksel] .px-v-bar{position:absolute;left:10px;right:10px;bottom:8px;height:10px;background:#000;border:2px solid #fff;z-index:2}
html[data-preset=piksel] .px-v-bar i{display:block;height:100%;width:var(--w);background:#e52521}
/* ════════════════════════════ MONOKROM v2 · İSVİÇRE (grid, dev tipografi, yarı ton) ════════════════════════════ */
html[data-preset=mono2]{--paper:#f2f0eb;--paper2:#e9e6df;--card:#f2f0eb;--ink:#0a0a0a;--ink2:#1a1a1a;--mu:#595753;--line:#0a0a0a;--line2:#0a0a0a;--dot:rgba(10,10,10,.14);--ac:#e5322d;--r:0px;--tx-bg:#0a0a0a}
html[data-preset=mono2][data-theme=dark]{--paper:#0c0c0c;--paper2:#141414;--card:#0c0c0c;--ink:#f2f0eb;--ink2:#e2e0da;--mu:#8e8b85;--line:#f2f0eb;--line2:#f2f0eb;--dot:rgba(242,240,235,.14);--tx-bg:#f2f0eb}
html[data-preset=mono2] body{counter-reset:msec;background:var(--paper) linear-gradient(90deg,transparent calc(100% - 1px),color-mix(in srgb,var(--ink) 7%,transparent) calc(100% - 1px)) 0 0/calc(100%/12) 100%}
html[data-preset=mono2] :is(.section,.strip,.footer,.section.alt){background:transparent}
html[data-preset=mono2] :is(h1,.hero2-title){font-weight:800;letter-spacing:-.065em;line-height:.86;font-size:clamp(3.4rem,10.5vw,10rem)!important}
html[data-preset=mono2] h2{font-weight:800;letter-spacing:-.05em;line-height:.92;font-size:clamp(2.4rem,6vw,5.4rem)!important}
html[data-preset=mono2] em{font-style:normal;color:var(--ac)}
html[data-preset=mono2] .eyebrow{font:700 .72rem 'Geist Mono',monospace;letter-spacing:.2em;text-transform:uppercase;border-top:3px solid var(--ink);padding-top:8px;display:block;width:max-content}
html[data-preset=mono2] .sec-head{counter-increment:msec;border-top:3px solid var(--ink);padding-top:22px;display:grid;grid-template-columns:120px 1fr auto;gap:20px;text-align:left}
html[data-preset=mono2] .sec-head::before{content:counter(msec,decimal-leading-zero);font:800 clamp(3rem,6vw,5.4rem)/.8 'Geist',sans-serif;letter-spacing:-.06em;color:var(--ac)}
html[data-preset=mono2] .nav{background:var(--paper)!important;border-bottom:3px solid var(--ink)!important;backdrop-filter:none!important}
html[data-preset=mono2] .nav-in{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html[data-preset=mono2] .nav-links a{text-transform:uppercase;font:700 .74rem 'Geist Mono',monospace;letter-spacing:.1em}
html[data-preset=mono2] :is(img,.ba-img){filter:grayscale(1) contrast(1.35)}
html[data-preset=mono2] :is(.prod-img,.pc-img){position:relative}
html[data-preset=mono2] :is(.prod-img,.pc-img)::after{content:'';position:absolute;inset:0;background:radial-gradient(var(--paper) 30%,transparent 34%) 0 0/6px 6px;mix-blend-mode:screen;opacity:.55;pointer-events:none;transition:opacity .4s}
html[data-preset=mono2] :is(.prod,.post-card):hover :is(.prod-img,.pc-img)::after{opacity:0}
html[data-preset=mono2] :is(.blk,.prod,.post-card,.plan,.testi,.tool-card,.cs,.card,.faq details,.form,.cta3,.flow-step){background:transparent!important;border:0!important;border-top:3px solid var(--ink)!important;border-radius:0!important;box-shadow:none!important;transition:background .25s,color .25s}
html[data-preset=mono2] .blocks{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0 28px!important;border:0!important;background:none!important}
html[data-preset=mono2] :is(.blk,.prod,.post-card,.plan):hover{background:var(--ink)!important;color:var(--paper)!important}
html[data-preset=mono2] :is(.blk,.prod,.post-card,.plan):hover *{color:var(--paper)!important}
html[data-preset=mono2] .blk .mono{font:800 2.4rem 'Geist',sans-serif;letter-spacing:-.05em;color:var(--ac)!important}
html[data-preset=mono2] :is(.blk-viz,.hv){filter:grayscale(1) contrast(1.25)}
html[data-preset=mono2] .plan.hot{border-top:10px solid var(--ac)!important}
html[data-preset=mono2] .hero2-bar{border-top:3px solid var(--ink)}html[data-preset=mono2] .hero2-bar>div{border-left:1px solid var(--ink)!important}
html[data-preset=mono2] .hero2-bar b{font-size:3rem;letter-spacing:-.06em;font-weight:800}
html[data-preset=mono2] .btn{border-radius:0!important;text-transform:uppercase;font:700 .8rem 'Geist Mono',monospace;letter-spacing:.1em;border:2px solid var(--ink)!important;transition:background .2s,color .2s}
html[data-preset=mono2] .btn-primary{background:var(--ac)!important;border-color:var(--ac)!important;color:#fff!important}
html[data-preset=mono2] .btn-primary:hover{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--paper)!important}
html[data-preset=mono2] .footer{border-top:10px solid var(--ink)!important}
html[data-preset=mono2] .m2-tx i{position:absolute;left:0;right:0;height:calc(100% / 6 + 1px);background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .38s cubic-bezier(.7,0,.2,1)}
html[data-preset=mono2] .m2-tx.go i{transform:scaleX(1)}
html[data-preset=mono2] .m2-tx.open i{transform-origin:right;transform:scaleX(0)}

/* ════════════════════════════ MONOKROM v3 · NOİR (sinema, spot ışığı, film greni) ════════════════════════════ */
html[data-preset=mono3]{--paper:#050505;--paper2:#0b0b0b;--card:#0d0d0d;--ink:#f4f4f2;--ink2:#d6d6d2;--mu:#8a8a86;--line:rgba(244,244,242,.1);--line2:rgba(244,244,242,.22);--dot:rgba(244,244,242,.12);--ac:#f4f4f2;--r:2px;--tx-bg:#000}
html[data-preset=mono3] body{background:#050505;color:var(--ink)}
html[data-preset=mono3] body::after{content:'';position:fixed;inset:-50%;z-index:9997;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:m3-grain .8s steps(4) infinite}
@keyframes m3-grain{25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}
html[data-preset=mono3] .m3-spot{position:fixed;inset:0;z-index:9996;pointer-events:none;background:radial-gradient(460px circle at var(--mx,50%) var(--my,40%),transparent 0,rgba(0,0,0,.5) 72%)}
html[data-preset=mono3] :is(.section,.strip,.footer,.section.alt){background:transparent}
html[data-preset=mono3] :is(h1,.hero2-title){font-family:'Instrument Serif',Georgia,serif!important;font-weight:400;letter-spacing:-.02em;line-height:.95;font-size:clamp(3.4rem,9vw,8.6rem)!important}
html[data-preset=mono3] h2{font-family:'Instrument Serif',Georgia,serif!important;font-weight:400;letter-spacing:-.01em}
html[data-preset=mono3] em{font-style:italic;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.35)}
html[data-preset=mono3] .eyebrow{font:500 .7rem 'Geist Mono',monospace;letter-spacing:.35em;text-transform:uppercase;color:var(--mu)}
html[data-preset=mono3] .nav{background:transparent!important;border:0!important}
html[data-preset=mono3] .nav-in{background:rgba(5,5,5,.7)!important;border:1px solid var(--line2)!important;border-radius:2px!important;backdrop-filter:blur(10px)}
html[data-preset=mono3] .nav-in .logo-l{display:none!important}html[data-preset=mono3] .nav-in .logo-d{display:block!important}
html[data-preset=mono3] :is(img,.ba-img){filter:grayscale(1) contrast(1.25) brightness(.85)}
html[data-preset=mono3] :is(.blk,.prod,.post-card,.plan,.testi,.tool-card,.cs,.card,.faq details,.form,.cta3,.flow-step){position:relative;background:linear-gradient(180deg,#0f0f0f,#080808)!important;border:1px solid var(--line2)!important;border-radius:2px!important;box-shadow:none!important;transition:border-color .4s,transform .6s cubic-bezier(.2,.8,.2,1)}
html[data-preset=mono3] :is(.blk,.prod,.post-card,.plan):hover{border-color:#fff!important;transform:translateY(-4px)}
html[data-preset=mono3] :is(.blk,.prod,.post-card,.plan)::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(300px circle at var(--cx,50%) var(--cy,50%),rgba(255,255,255,.1),transparent 60%);opacity:0;transition:opacity .3s}
html[data-preset=mono3] :is(.blk,.prod,.post-card,.plan):hover::before{opacity:1}
html[data-preset=mono3] .blocks{border:0!important;background:none!important;gap:14px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}
html[data-preset=mono3] :is(.blk-viz,.hv){filter:grayscale(1) brightness(1.1)}
html[data-preset=mono3] .plan.hot{border-color:#fff!important;box-shadow:0 0 60px -20px rgba(255,255,255,.4)!important}
html[data-preset=mono3] .hero2-bar{border-top:1px solid var(--line2)}html[data-preset=mono3] .hero2-bar b{font-family:'Instrument Serif',serif;font-weight:400;font-size:3rem}
html[data-preset=mono3] .btn{border-radius:2px!important;letter-spacing:.14em;text-transform:uppercase;font:500 .76rem 'Geist Mono',monospace}
html[data-preset=mono3] .btn-primary{background:#f4f4f2!important;color:#050505!important;border:0!important}
html[data-preset=mono3] .btn-primary:hover{background:#fff!important;box-shadow:0 0 40px rgba(255,255,255,.35)}
html[data-preset=mono3] .footer{border-top:1px solid var(--line2)!important}
html[data-preset=mono3] .m3-tx{background:#000;clip-path:circle(0 at var(--x) var(--y));transition:clip-path .55s cubic-bezier(.7,0,.2,1)}
html[data-preset=mono3] .m3-tx.go{clip-path:circle(150% at var(--x) var(--y))}
html[data-preset=mono3] .m3-tx.open{clip-path:circle(0 at 50% 50%)}
html[data-preset=mono3] .m3-tx b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:italic 400 clamp(2rem,6vw,4rem) 'Instrument Serif',serif;color:#fff;opacity:0;transition:opacity .3s .25s}
html[data-preset=mono3] .m3-tx.go b{opacity:1}
@media(max-width:900px){html:is([data-preset=mono2],[data-preset=mono3]) .blocks{grid-template-columns:1fr!important}html[data-preset=mono2] .sec-head{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html[data-preset=mono3] body::after{animation:none}}