/* ═══════════════════════════════════════════
   BARIŞANIL THEME — MAIN CSS
   Dark Luxury Editorial · Cormorant + DM Sans
═══════════════════════════════════════════ */
:root{
  --ink:#070c16;--n2:#0c1220;--n3:#101828;--n4:#151f30;--n5:#1c2640;
  --cu:#c8894e;--cl:#d9a270;--cb:#e8b882;--cd:rgba(200,137,78,.1);--cbr:rgba(200,137,78,.22);
  --w:#ece7de;--w70:rgba(236,231,222,.7);--w45:rgba(236,231,222,.45);--w20:rgba(236,231,222,.2);--w08:rgba(236,231,222,.08);
  --bd:rgba(255,255,255,.075);--bd2:rgba(255,255,255,.04);
  --green:#4ade80;--green-d:rgba(74,222,128,.08);--green-b:rgba(74,222,128,.16);
  --fs:'Cormorant Garamond',Georgia,serif;--fb:'DM Sans','Helvetica Neue',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--w);font-family:var(--fb);font-size:15px;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;background:none;color:inherit;font-family:var(--fb)}
img{display:block;max-width:100%}

/* ATOMS */
.ey{display:inline-flex;align-items:center;gap:11px;font-size:10px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--cl)}
.ey::before{content:'';width:26px;height:1px;background:var(--cu);flex-shrink:0}
.pill{display:inline-block;border:1px solid var(--cbr);background:var(--cd);color:var(--cl);font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:5px 12px;border-radius:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--fb);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:15px 34px;border:1px solid;border-radius:3px;transition:all .25s;white-space:nowrap;cursor:pointer}
.btn-fill{background:var(--cu);border-color:var(--cu);color:var(--ink)}.btn-fill:hover{background:var(--cb);border-color:var(--cb)}
.btn-out{background:transparent;border-color:var(--bd);color:var(--w)}.btn-out:hover{border-color:var(--cbr);color:var(--cl);background:var(--cd)}
.sec{padding:120px 0}
.wrap{max-width:1380px;margin:0 auto;padding:0 72px}
.ap{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.ap.in{opacity:1;transform:none}

/* FIXED */
#wa{position:fixed;bottom:28px;right:28px;z-index:700;width:54px;height:54px;border-radius:50%;background:var(--cu);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px rgba(200,137,78,.42);transition:transform .3s;animation:wap 3s ease infinite;text-decoration:none}
#wa:hover{transform:scale(1.1)}
@keyframes wap{0%,100%{box-shadow:0 6px 28px rgba(200,137,78,.42),0 0 0 0 rgba(200,137,78,.22)}60%{box-shadow:0 6px 28px rgba(200,137,78,.42),0 0 0 14px rgba(200,137,78,0)}}
#mob-sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:690;background:var(--n3);border-top:1px solid var(--bd);padding:12px 20px;gap:10px}
@media(max-width:800px){#mob-sticky{display:flex}}
#mob-sticky .btn{flex:1;padding:13px 10px;font-size:10px}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* MODALS */
.modal-overlay{position:fixed;inset:0;z-index:900;display:none;background:rgba(7,12,22,.88);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:24px}
.modal-overlay.open{display:flex}
.modal-box{background:var(--n3);border:1px solid var(--bd);border-radius:6px;position:relative;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}
.modal-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cu),var(--cb),transparent)}
.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;background:var(--w08);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--w45);transition:all .25s;z-index:2}
.modal-close:hover{background:var(--cd);color:var(--cu);border-color:var(--cbr)}
.cal-inner{padding:36px}
.cal-header h3{font-family:var(--fs);font-size:28px;font-weight:300;line-height:1.25;margin:12px 0 10px}
.cal-header h3 em{font-style:italic;color:var(--cl)}
.cal-header p{font-size:14px;color:var(--w45);line-height:1.75;margin-bottom:24px}
.cal-direct{margin-top:20px;padding-top:20px;border-top:1px solid var(--bd)}
.cal-direct-label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--w45);margin-bottom:12px}
.cal-channels{display:flex;gap:8px;flex-wrap:wrap}
.cal-ch{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--n2);border:1px solid var(--bd);border-radius:3px;font-size:13px;transition:all .25s;text-decoration:none;color:var(--w);flex:1;min-width:120px}
.cal-ch:hover{border-color:var(--cbr);background:var(--n4)}
.cal-ch-icon{width:28px;height:28px;border-radius:50%;background:var(--cd);border:1px solid var(--cbr);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--cl);flex-shrink:0}
.lm-inner{padding:36px}
.lm-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(200,137,78,.06);border:1px solid var(--cbr);border-radius:100px;padding:5px 14px;margin-bottom:18px}
.lm-badge span{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cl)}
.lm-inner h3{font-family:var(--fs);font-size:26px;font-weight:300;line-height:1.25;margin-bottom:10px}
.lm-inner h3 em{font-style:italic;color:var(--cl)}
.lm-inner p{font-size:14px;color:var(--w45);line-height:1.8;margin-bottom:22px}
.lm-doc-preview{background:var(--n2);border:1px solid var(--bd);border-radius:4px;padding:20px;display:flex;align-items:center;gap:16px;margin-bottom:22px}
.lm-doc-icon{width:52px;height:64px;background:var(--cd);border:1px solid var(--cbr);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--cu);flex-shrink:0;font-family:var(--fs)}
.lm-doc-info h4{font-size:14px;font-weight:600;margin-bottom:4px}
.lm-doc-info p{font-size:12px;color:var(--w45);margin:0}
.lm-form{display:flex;flex-direction:column;gap:12px}
.lm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lm-field{display:flex;flex-direction:column;gap:6px}
.lm-field label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--w45)}
.lm-field input{background:var(--n2);border:1px solid var(--bd);color:var(--w);font-family:var(--fb);font-size:14px;padding:12px 16px;border-radius:3px;outline:none;transition:border-color .25s;width:100%}
.lm-field input:focus{border-color:var(--cu)}
.lm-field input::placeholder{color:var(--w20)}
.lm-submit .btn{width:100%;margin-top:4px}
.lm-note{font-size:11px;color:var(--w20);text-align:center;margin-top:10px;line-height:1.6}
#thankyou-overlay{position:fixed;inset:0;z-index:950;display:none;background:rgba(7,12,22,.96);backdrop-filter:blur(12px);align-items:center;justify-content:center;text-align:center;padding:40px}
#thankyou-overlay.open{display:flex}
.ty-inner{max-width:520px}
.ty-icon{font-family:var(--fs);font-size:96px;font-weight:300;font-style:italic;color:var(--cu);line-height:1;margin-bottom:24px}
.ty-inner h2{font-family:var(--fs);font-size:clamp(32px,5vw,52px);font-weight:300;line-height:1.2;margin-bottom:16px}
.ty-inner h2 em{font-style:italic;color:var(--cl)}
.ty-inner p{font-size:15px;color:var(--w45);line-height:1.9;margin-bottom:32px}

/* MOB NAV */
#mob-nav{display:none;position:fixed;inset:0;z-index:490;background:var(--ink);flex-direction:column;align-items:center;justify-content:center;gap:44px}
#mob-nav.open{display:flex}
#mob-nav a{font-family:var(--fs);font-size:42px;font-weight:300;color:var(--w)}
#mob-nav a:hover{color:var(--cl)}

/* NAV */
#nav{position:fixed;top:0;left:0;right:0;z-index:500;background:rgba(7,12,22,.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--bd)}
.nav-in{max-width:1380px;margin:0 auto;padding:0 72px;height:68px;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:var(--fs);font-size:22px;font-weight:500;letter-spacing:.07em}
.logo b{color:var(--cu);font-weight:500}
.nav-links{display:flex;gap:38px}
.nav-links a{font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--w45);transition:color .25s}
.nav-links a:hover{color:var(--cl)}
.nav-r{display:flex;align-items:center;gap:16px}
.nav-li{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cl);border-bottom:1px solid var(--cbr);padding-bottom:1px}
.nav-cta{padding:10px 22px!important;font-size:10px!important}
.lang-btn{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--w45);border:1px solid var(--bd);padding:7px 14px;border-radius:3px;transition:all .25s}
.lang-btn:hover{color:var(--cl);border-color:var(--cbr)}
.lang-switcher a{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w45);margin:0 4px;transition:color .25s}
.lang-switcher a:hover,.lang-switcher a.current-lang{color:var(--cl)}
.ham{display:none;flex-direction:column;gap:5px;padding:3px}
.ham span{display:block;width:22px;height:1.5px;background:var(--w);transition:.3s}

/* TICKER */
.ticker-bar{height:36px;background:var(--cu);overflow:hidden;display:flex;align-items:center}
.t-track{display:flex;white-space:nowrap;animation:tick 36s linear infinite}
.t-track:hover{animation-play-state:paused}
.t-item{padding:0 52px;font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:16px}
.t-item::after{content:'·';opacity:.4}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* HERO */
#hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:stretch}
#hcv{position:absolute;inset:0;opacity:.13;pointer-events:none}
.h-glow{position:absolute;top:-15%;right:-8%;width:860px;height:860px;border-radius:50%;background:radial-gradient(circle,rgba(200,137,78,.13) 0%,transparent 65%);pointer-events:none;contain:layout style;will-change:auto}
.hero-in{max-width:1380px;margin:0 auto;padding:100px 72px 72px;width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative;z-index:2}
.h-ey{animation:fu .65s .05s both}
.h1{font-family:var(--fs);font-size:clamp(42px,4.8vw,70px);font-weight:300;line-height:1.12;letter-spacing:-.01em;margin:28px 0 28px;animation:fu .8s .18s both}
.h1 em{font-style:italic;color:var(--cl)}
.h-p{font-size:16px;line-height:1.9;color:var(--w70);max-width:520px;margin-bottom:36px;animation:fu .8s .3s both}
.h-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px;animation:fu .8s .42s both}
.h-proofs{display:grid;grid-template-columns:1fr 1fr;gap:10px;animation:fu .8s .54s both}
.p-chip{background:var(--w08);border:1px solid var(--bd);border-radius:3px;padding:13px 16px;display:flex;align-items:flex-start;gap:10px}
.p-arr{color:var(--cu);flex-shrink:0;font-size:14px;margin-top:2px}
.p-t{font-size:12px;line-height:1.6;color:var(--w70)}
.h-photo-card{position:relative;animation:fu .8s .28s both}
.h-photo-wrap{position:relative;border-radius:4px;overflow:hidden;border:1px solid var(--bd);aspect-ratio:4/5;max-height:380px}
.h-photo-wrap img,.h-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:grayscale(12%)}
.h-photo-placeholder{background:var(--n4);display:flex;align-items:center;justify-content:center}
.h-photo-monogram{font-family:var(--fs);font-size:120px;font-weight:300;font-style:italic;color:rgba(200,137,78,.15);user-select:none}
.h-photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(7,12,22,.92) 0%,transparent 100%);padding:28px 24px 22px}
.h-photo-name{font-family:var(--fs);font-size:26px;font-weight:400;color:var(--w);line-height:1.1}
.h-photo-title{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cl);margin-top:5px}
.h-photo-cta-box{background:rgba(12,18,32,.82);backdrop-filter:blur(16px);border:1px solid var(--bd);border-radius:4px;padding:22px;border-top:none;position:relative}
.h-photo-cta-box::before{content:'';position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--cu),transparent)}
.h-photo-stat-row{display:flex;gap:0;margin-bottom:0}
.h-pstat{flex:1;text-align:center;border-right:1px solid var(--bd)}
.h-pstat:last-child{border-right:none}
.h-pstat-n{font-family:var(--fs);font-size:36px;font-weight:300;color:var(--w);line-height:1;display:block}
.h-pstat-l{font-size:9px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--w20);display:block;margin-top:4px}
.h-photo-cta-txt{font-family:var(--fs);font-size:17px;font-weight:300;color:var(--w);line-height:1.4;margin:16px 0 14px}
.cap{display:inline-flex;align-items:center;gap:9px;margin-top:12px;background:var(--green-d);border:1px solid var(--green-b);border-radius:100px;padding:6px 14px}
.cap-g{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0;animation:blink 2s infinite}
.cap span{font-size:10px;font-weight:600;letter-spacing:.1em;color:#86efac}
@keyframes fu{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* STATS */
#stats{background:var(--n2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:0}
.st-row{max-width:1380px;margin:0 auto;padding:0 72px;display:grid;grid-template-columns:repeat(4,1fr)}
.st-c{padding:44px 40px;border-right:1px solid var(--bd);text-align:center;transition:background .3s}
.st-c:last-child{border-right:none}
.st-c:hover{background:var(--n3)}
.st-n{font-family:var(--fs);font-size:62px;font-weight:300;color:var(--w);line-height:1;display:block}
.st-n em{font-style:italic;color:var(--cl)}
.st-l{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--w20);margin-top:10px;display:block}

/* TRUST */
#trust{background:var(--n3);border-bottom:1px solid var(--bd);padding:80px 0}
.tr-in{max-width:880px;margin:0 auto;padding:0 72px;text-align:center}
.tr-q{font-family:var(--fs);font-size:clamp(26px,3vw,44px);font-weight:300;line-height:1.28;margin-bottom:22px}
.tr-q em{font-style:italic;color:var(--cl)}
.tr-p{font-size:15px;line-height:1.95;color:var(--w70)}

/* SECTORS */
.two-h{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px}
.sh2{font-family:var(--fs);font-size:clamp(34px,3.6vw,58px);font-weight:300;line-height:1.15;margin-top:18px}
.sh2 em{font-style:italic;color:var(--cl)}
.s-sub{font-size:14px;color:var(--w70);line-height:1.9;align-self:end}
.sc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sc{background:var(--n3);border:1px solid var(--bd);border-radius:4px;padding:44px 32px;position:relative;overflow:hidden;transition:all .3s}
.sc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--cu);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.sc:hover{background:var(--n4);transform:translateY(-4px)}.sc:hover::after{transform:scaleX(1)}
.sc-n{font-family:var(--fs);font-size:60px;font-weight:300;color:rgba(200,137,78,.1);line-height:1;margin-bottom:20px;display:block;transition:color .3s}
.sc:hover .sc-n{color:rgba(200,137,78,.28)}
.sc h3{font-size:14px;font-weight:600;margin-bottom:12px;line-height:1.3}
.sc p{font-size:13px;color:var(--w70);line-height:1.82}

/* PROBLEMS */
#problems{background:var(--n3);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.pb-grid{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}
.pb-sticky{position:sticky;top:100px}
.pb-h{font-family:var(--fs);font-size:clamp(32px,3.4vw,52px);font-weight:300;line-height:1.2;margin-top:18px}
.pb-h em{font-style:italic;color:var(--cl)}
.pb-sub{font-size:14px;color:var(--w70);line-height:1.85;margin-top:18px;max-width:290px}
.p-list{display:flex;flex-direction:column}
.p-row{display:flex;align-items:flex-start;gap:16px;padding:21px 0;border-bottom:1px solid var(--bd)}
.p-gt{color:var(--cu);font-size:18px;font-family:var(--fs);flex-shrink:0;margin-top:2px;line-height:1.2}
.p-row p{font-size:14px;color:var(--w70);line-height:1.75}
.pb-close{margin-top:28px;padding:24px 26px;background:var(--cd);border:1px solid var(--cbr);border-left:3px solid var(--cu);border-radius:2px}
.pb-close p{font-size:14px;line-height:1.85;color:var(--w70)}
.pb-close strong{color:var(--w)}
.pb-close .btn{margin-top:20px;font-size:10px;padding:12px 24px}

/* PROOF */
#proof{background:var(--n2);border-bottom:1px solid var(--bd)}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.proof-left h2{font-family:var(--fs);font-size:clamp(32px,3.4vw,52px);font-weight:300;line-height:1.2;margin-top:18px;margin-bottom:22px}
.proof-left h2 em{font-style:italic;color:var(--cl)}
.proof-left p{font-size:14px;color:var(--w70);line-height:1.9;margin-bottom:32px}
.sector-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.s-tag{font-size:11px;font-weight:500;padding:7px 16px;border:1px solid var(--bd);border-radius:100px;color:var(--w70);transition:all .25s}
.s-tag:hover{border-color:var(--cbr);color:var(--cl);background:var(--cd)}
.conf-grid{display:flex;flex-direction:column;gap:8px}
.conf-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--n3);border:1px solid var(--bd);border-radius:3px;transition:all .3s}
.conf-item:hover{border-color:var(--cbr);background:var(--n4)}
.conf-badge{font-family:var(--fs);font-size:22px;font-weight:300;font-style:italic;color:var(--cu);min-width:48px;text-align:center}
.conf-text h4{font-size:13px;font-weight:600;margin-bottom:3px}
.conf-text p{font-size:11px;color:var(--w70)}
.proof-items{display:flex;flex-direction:column;gap:8px}
.proof-item{display:flex;align-items:flex-start;gap:16px;padding:18px 22px;background:var(--n3);border:1px solid var(--bd);border-radius:3px;transition:all .3s}
.proof-item:hover{border-color:var(--cbr);background:var(--n4)}
.pi-tag{flex-shrink:0;width:88px;text-align:center}
.pi-tag span{display:block;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cl);background:var(--cd);border:1px solid var(--cbr);padding:4px 6px;border-radius:2px}
.proof-item h4{font-size:13px;font-weight:600;margin-bottom:4px;line-height:1.3}
.proof-item p{font-size:12px;color:var(--w70);line-height:1.7;margin:0}

/* SERVICES */
.srv-hd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px}
.srv-link{font-size:12px;color:var(--cl);border-bottom:1px solid var(--cbr);padding-bottom:2px;transition:.25s}
.srv-link:hover{color:var(--cb);border-color:var(--cu)}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.srv{background:var(--n3);border:1px solid var(--bd);border-radius:4px;padding:50px 40px;position:relative;overflow:hidden;transition:all .3s}
.srv::before{content:'';position:absolute;top:0;left:0;height:100%;width:2px;background:var(--cu);transform:scaleY(0);transform-origin:bottom;transition:transform .5s}
.srv:hover{background:var(--n4);transform:translateY(-4px)}.srv:hover::before{transform:scaleY(1)}
.srv-n{font-family:var(--fs);font-size:52px;font-weight:300;font-style:italic;color:rgba(200,137,78,.2);line-height:1;margin-bottom:24px;display:block;transition:color .3s}
.srv:hover .srv-n{color:rgba(200,137,78,.48)}
.srv h3{font-size:15px;font-weight:600;margin-bottom:12px;line-height:1.35}
.srv p{font-size:13px;color:var(--w70);line-height:1.82}
.srv-a{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cu);margin-top:20px;opacity:0;transition:opacity .3s;text-decoration:none}
.srv:hover .srv-a{opacity:1}
.srv-foot{margin-top:44px;text-align:center}

/* WHY */
#why{background:var(--n3);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.why-hd{text-align:center;margin-bottom:64px}
.why-hd h2{font-family:var(--fs);font-size:clamp(32px,3.6vw,56px);font-weight:300;margin-top:18px}
.why-hd h2 em{font-style:italic;color:var(--cl)}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wc{background:var(--n2);border:1px solid var(--bd);border-radius:4px;padding:44px 34px;transition:all .3s}
.wc:hover{border-color:var(--cbr);background:var(--n4)}
.wc-n{font-family:var(--fs);font-size:80px;font-weight:300;font-style:italic;color:rgba(200,137,78,.07);line-height:1;display:block;margin-bottom:22px;transition:color .3s}
.wc:hover .wc-n{color:rgba(200,137,78,.2)}
.wc h3{font-size:14px;font-weight:600;margin-bottom:10px;line-height:1.35}
.wc p{font-size:13px;color:var(--w70);line-height:1.82}

/* PROCESS */
.pr-hd{text-align:center;margin-bottom:72px}
.pr-hd h2{font-family:var(--fs);font-size:clamp(32px,3.6vw,56px);font-weight:300;margin-top:18px}
.pr-hd h2 em{font-style:italic;color:var(--cl)}
.pr-steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.pr-line{position:absolute;top:38px;left:12.5%;right:12.5%;height:1px;background:linear-gradient(90deg,transparent,var(--cbr) 20%,var(--cbr) 80%,transparent);z-index:0}
.pr-s{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;position:relative;z-index:1}
.pr-ring{width:76px;height:76px;border-radius:50%;background:var(--n3);border:1px solid var(--cbr);display:flex;align-items:center;justify-content:center;font-family:var(--fs);font-size:17px;font-weight:300;font-style:italic;color:var(--cl);margin-bottom:26px;transition:all .3s}
.pr-s:hover .pr-ring{background:var(--cu);color:var(--ink);border-color:var(--cu)}
.pr-s h3{font-size:14px;font-weight:600;margin-bottom:10px}
.pr-s p{font-size:13px;color:var(--w70);line-height:1.8}

/* ABOUT */
.ab-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.ab-left{position:sticky;top:100px}
.ab-vis{width:100%;aspect-ratio:3/4;max-width:340px;background:var(--n4);border:1px solid var(--bd);border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ab-vis-bg{font-family:var(--fs);font-size:180px;font-weight:300;font-style:italic;color:rgba(200,137,78,.06);user-select:none;line-height:1}
.ab-badge{position:absolute;bottom:24px;left:24px;right:24px;background:rgba(7,12,22,.88);backdrop-filter:blur(12px);border:1px solid var(--bd);border-radius:4px;padding:18px}
.ab-badge::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--cu),transparent)}
.ab-name{font-family:var(--fs);font-size:22px;font-weight:400;margin-bottom:4px}
.ab-title{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--cl)}
.ab-r h2{font-family:var(--fs);font-size:clamp(32px,3.4vw,52px);font-weight:300;line-height:1.2;margin:18px 0 20px}
.ab-r h2 em{font-style:italic;color:var(--cl)}
.ab-bio{font-size:16px;color:var(--w70);line-height:1.95;margin-bottom:32px}
.ab-xp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:36px}
.xp-i{background:var(--n2);border:1px solid var(--bd);border-radius:3px;padding:18px;display:flex;align-items:flex-start;gap:10px}
.xp-d{width:5px;height:5px;border-radius:50%;background:var(--cu);flex-shrink:0;margin-top:5px}
.xp-i p{font-size:13px;color:var(--w70);line-height:1.6}
.ab-q{padding:26px 30px;background:var(--cd);border:1px solid var(--cbr);border-left:3px solid var(--cu);border-radius:2px;margin-bottom:28px}
.ab-q p{font-family:var(--fs);font-size:21px;font-weight:300;font-style:italic;line-height:1.5;color:var(--w)}

/* INSIGHTS */
.ins-top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px}
.ins-h{font-family:var(--fs);font-size:clamp(32px,3.6vw,56px);font-weight:300;line-height:1.18;margin-top:18px}
.ins-h em{font-style:italic;color:var(--cl)}
.ins-desc{font-size:14px;color:var(--w70);line-height:1.9;align-self:end}
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ins-c{background:var(--n3);border:1px solid var(--bd);border-radius:4px;padding:44px 38px;position:relative;overflow:hidden;transition:all .3s;cursor:pointer}
.ins-c::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cu),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.ins-c:hover{background:var(--n4);transform:translateY(-4px)}.ins-c:hover::before{transform:scaleX(1)}
.ins-c .pill{margin-bottom:22px}
.ins-c h3{font-family:var(--fs);font-size:22px;font-weight:400;line-height:1.3;margin-bottom:14px}
.ins-c p{font-size:13px;color:var(--w70);line-height:1.82}
.ins-lm-cta{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;background:var(--cd);border:1px solid var(--cbr);border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cl);opacity:.65;transform:translateY(0);transition:all .3s}
.ins-c:hover .ins-lm-cta{opacity:1;transform:none}
.ins-lm-cta:hover{opacity:1!important;background:rgba(200,137,78,.18)}
.ins-foot{margin-top:48px;text-align:center}

/* CTA BAND */
#ctab{background:var(--n4);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:120px 72px;text-align:center;position:relative;overflow:hidden}
#ctab::before{content:'';position:absolute;top:-25%;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(200,137,78,.07) 0%,transparent 65%);pointer-events:none}
.ctab-ey{justify-content:center;margin-bottom:22px}
.ctab-h{font-family:var(--fs);font-size:clamp(44px,6.5vw,92px);font-weight:300;line-height:1.05;margin-bottom:22px;position:relative;z-index:1}
.ctab-h em{font-style:italic;color:var(--cl)}
.ctab-p{font-size:15px;color:var(--w70);line-height:1.9;max-width:640px;margin:0 auto 44px;position:relative;z-index:1}
.ctab-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;z-index:1}

/* FAQ */
.faq-hd{text-align:center;margin-bottom:56px}
.faq-hd h2{font-family:var(--fs);font-size:clamp(30px,3.4vw,52px);font-weight:300;margin-top:18px}
.faq-hd h2 em{font-style:italic;color:var(--cl)}
.faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.faq-i{background:var(--n2);border:1px solid var(--bd);border-radius:4px;overflow:hidden}
.faq-btn{width:100%;background:none;border:none;color:var(--w);font-family:var(--fb);font-size:15px;font-weight:500;text-align:left;padding:22px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .25s}
.faq-btn:hover{color:var(--cl)}
.faq-ic{width:24px;height:24px;border-radius:50%;border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--cu);flex-shrink:0;transition:all .3s}
.faq-i.open .faq-ic{transform:rotate(180deg);background:var(--cd);border-color:var(--cbr)}
.faq-body{max-height:0;overflow:hidden;padding:0 28px;font-size:14px;color:var(--w70);line-height:1.85;transition:max-height .4s ease,padding .4s ease}
.faq-i.open .faq-body{max-height:400px;padding:0 28px 24px}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.cl h2{font-family:var(--fs);font-size:clamp(32px,3.4vw,52px);font-weight:300;line-height:1.2;margin:18px 0 16px}
.cl h2 em{font-style:italic;color:var(--cl)}
.cl-p{font-size:14px;color:var(--w70);line-height:1.9;margin-bottom:28px}
.cap-bar{display:flex;align-items:center;gap:10px;background:var(--green-d);border:1px solid var(--green-b);border-radius:100px;padding:9px 18px;margin-bottom:28px;width:fit-content}
.cb-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;animation:blink 2s infinite}
.cb-t{font-size:10px;font-weight:600;letter-spacing:.12em;color:#86efac}
.chs{display:flex;flex-direction:column;gap:8px}
.ch{display:flex;align-items:center;gap:16px;padding:15px 20px;background:var(--n3);border:1px solid var(--bd);border-radius:4px;transition:all .25s;text-decoration:none;color:var(--w)}
.ch:hover{background:var(--n4);border-color:var(--cbr)}
.ch-ic{width:38px;height:38px;border-radius:50%;background:var(--cd);border:1px solid var(--cbr);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--cl);flex-shrink:0}
.ch-t strong{display:block;font-size:13px;font-weight:600;margin-bottom:2px}
.ch-t span{font-size:11px;color:var(--w70)}
.msf{background:var(--n3);border:1px solid var(--bd);border-radius:4px;padding:40px;position:relative}
.msf::before{content:'';position:absolute;top:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,var(--cu) 50%,transparent)}
.msf-progress{display:flex;align-items:center;gap:0;margin-bottom:36px}
.msf-step{display:flex;align-items:center;flex:1;position:relative}
.msf-step:last-child{flex:0}
.msf-dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--bd);background:var(--n2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--w45);transition:all .35s;flex-shrink:0;z-index:1;position:relative}
.msf-dot.active{border-color:var(--cu);background:var(--cu);color:var(--ink)}
.msf-dot.done{border-color:var(--cu);background:var(--cd);color:var(--cu)}
.msf-line{flex:1;height:1px;background:var(--bd);transition:background .35s}
.msf-line.done{background:var(--cbr)}
.msf-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--w20);position:absolute;top:42px;left:50%;transform:translateX(-50%);white-space:nowrap;transition:color .35s}
.msf-dot.active~.msf-label,.msf-step.cur .msf-label{color:var(--cl)}
.msf-panel{display:none}
.msf-panel.active{display:block}
.msf-title{font-family:var(--fs);font-size:24px;font-weight:400;margin-bottom:6px}
.msf-sub{font-size:13px;color:var(--w70);margin-bottom:28px;line-height:1.7}
.s1-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
.s1-card{padding:18px 20px;background:var(--n2);border:2px solid var(--bd);border-radius:4px;cursor:pointer;transition:all .25s;text-align:left}
.s1-card:hover{border-color:var(--cbr);background:var(--n4)}
.s1-card.sel{border-color:var(--cu);background:var(--cd)}
.s1-card h4{font-size:13px;font-weight:600;margin-bottom:4px;line-height:1.3}
.s1-card p{font-size:11px;color:var(--w70)}
.s1-card.sel h4{color:var(--cl)}
.s2-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.s2-card{padding:16px 18px;background:var(--n2);border:2px solid var(--bd);border-radius:4px;cursor:pointer;transition:all .25s;text-align:center}
.s2-card:hover{border-color:var(--cbr);background:var(--n4)}
.s2-card.sel{border-color:var(--cu);background:var(--cd)}
.s2-card h4{font-size:13px;font-weight:600;line-height:1.3;margin-bottom:3px}
.s2-card p{font-size:11px;color:var(--w70)}
.s2-card.sel h4{color:var(--cl)}
.fd{display:flex;flex-direction:column;gap:7px}
.fd label{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--w45)}
.fd input,.fd select,.fd textarea{background:var(--n2);border:1px solid var(--bd);color:var(--w);font-family:var(--fb);font-size:14px;padding:12px 16px;border-radius:3px;outline:none;transition:border-color .25s;-webkit-appearance:none;appearance:none;resize:none;width:100%}
.fd input:focus,.fd select:focus,.fd textarea:focus{border-color:var(--cu)}
.fd input::placeholder,.fd textarea::placeholder{color:var(--w20)}
.fd select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23c8894e' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.fd select option{background:var(--n3)}
.fd textarea{min-height:90px}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.msf-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px}
.msf-back{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--w45);display:flex;align-items:center;gap:6px;transition:color .25s;background:none;border:none;cursor:pointer}
.msf-back:hover{color:var(--cl)}
.msf-back.hidden{visibility:hidden}
.msf-f-note{font-size:11px;color:var(--w20);margin-top:14px;text-align:center;line-height:1.6}

/* FOOTER */
footer{background:var(--n3);border-top:1px solid var(--bd);padding:64px 0 0}
.ft-in{max-width:1380px;margin:0 auto;padding:0 72px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:44px}
.ft-brand p{font-size:13px;color:rgba(236,231,222,.75);line-height:1.85;margin-top:16px;max-width:280px}
.ft-col h4{font-size:9px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--cl);margin-bottom:20px}
.ft-col a{display:block;font-size:13px;color:var(--w70);margin-bottom:10px;transition:color .25s}
.ft-col a:hover{color:var(--cl)}
.ft-bot{max-width:1380px;margin:0 auto;padding:22px 72px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bd);flex-wrap:wrap;gap:12px}
.ft-bot p{font-size:12px;color:rgba(236,231,222,.55)}
.ft-legal{display:flex;gap:20px;flex-wrap:wrap}
.ft-legal a{font-size:11px;color:rgba(236,231,222,.55);transition:color .25s}
.ft-legal a:hover{color:var(--cl)}

/* PROSE (rich text content) */
.prose{font-size:15px;line-height:1.9;color:var(--w70)}
.prose h2{font-family:var(--fs);font-size:clamp(26px,3vw,40px);font-weight:300;color:var(--w);margin:2em 0 .75em}
.prose h3{font-family:var(--fs);font-size:clamp(22px,2.5vw,32px);font-weight:300;color:var(--w);margin:1.5em 0 .5em}
.prose p{margin-bottom:1.4em}
.prose ul,.prose ol{margin:1em 0 1.4em 1.5em}
.prose li{margin-bottom:.6em}
.prose strong{color:var(--w)}
.prose em{color:var(--cl)}
.prose blockquote{border-left:3px solid var(--cu);padding:16px 24px;background:var(--cd);border-radius:0 4px 4px 0;margin:2em 0;font-family:var(--fs);font-size:20px;font-weight:300;font-style:italic}

/* RESPONSIVE */
@media(max-width:1200px){
  .wrap,.nav-in,.hero-in,.st-row,.tr-in,.ft-in,.ft-bot{padding-left:44px;padding-right:44px}
  #ctab{padding:100px 44px}
  .hero-in{padding:80px 44px 60px}
  .h-proofs{grid-template-columns:1fr}
  .sc-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .ins-grid{grid-template-columns:repeat(2,1fr)}
  .ft-in{grid-template-columns:1fr 1fr}
  .two-h{grid-template-columns:1fr}
  .ins-top{grid-template-columns:1fr}
  .proof-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .wrap,.nav-in,.hero-in,.st-row,.tr-in,.ft-in,.ft-bot{padding-left:24px;padding-right:24px}
  #ctab{padding:80px 24px}
  .hero-in{grid-template-columns:1fr;padding:60px 24px 40px;gap:36px}
  .nav-links,.nav-li{display:none}
  .ham{display:flex}
  .nav-cta{display:none}
  .sc-grid,.srv-grid,.why-grid,.ins-grid{grid-template-columns:1fr}
  .st-row{grid-template-columns:repeat(2,1fr)}
  .pr-steps{grid-template-columns:repeat(2,1fr)}.pr-line{display:none}
  .pb-grid{grid-template-columns:1fr}.pb-sticky{position:static}
  .ab-grid{grid-template-columns:1fr}.ab-left{position:static}
  .ab-vis{max-width:100%;aspect-ratio:16/7}
  .ab-xp{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .fg2{grid-template-columns:1fr}
  .s1-grid,.s2-grid{grid-template-columns:1fr}
  .ft-in{grid-template-columns:1fr}
  .ft-bot{flex-direction:column;text-align:center}
  .lm-row{grid-template-columns:1fr}
  body{padding-bottom:70px}
  #wa{bottom:88px;right:18px}
  .sec{padding:80px 0}
  .service-hero .wrap>div{grid-template-columns:1fr!important}
}

/* Phone icon fix */
.ch-ic-tel{font-size:16px;font-weight:700;color:var(--cl)}

/* Font display swap — CLS önleme */
@font-face{font-display:swap}
/* Cormorant fallback dimensions */
.h1,.sh2,.ins-h,.ctab-h{font-size-adjust:0.5}

/* ═══════════════════════════════════════════
   SHOWCASE — ARAŞTIRMA · İCRA · VİZYON
═══════════════════════════════════════════ */
#showcase{background:var(--ink)}
.sc-sec-desc{font-size:14px;color:var(--w70);max-width:640px;margin-top:16px;line-height:1.9}
.tab-nav{display:flex;gap:0;border-bottom:1px solid var(--bd2);margin:48px 0 0}
.tab-btn{background:none;border:none;padding:16px 28px;font-family:var(--fb);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(236,231,222,.45);cursor:pointer;position:relative;transition:color .4s}
.tab-btn:hover{color:var(--w70)}
.tab-btn.active{color:var(--cl)}
.tab-btn.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--cu)}
.tab-panel{display:none;padding-top:56px}
.tab-panel.active{display:block;animation:fu .6s both}
.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:10px}
.case-card{background:var(--n3);border:1px solid var(--bd);border-radius:4px;overflow:hidden;transition:all .3s;cursor:pointer}
.case-card:hover{background:var(--n4);transform:translateY(-4px)}
.case-card:hover .case-bar{transform:scaleX(1)}
.case-bar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cu),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s}
.case-top{padding:32px 32px 0;display:flex;align-items:center;gap:14px}
.case-tag{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--cl);background:var(--cd);border:1px solid var(--cbr);padding:5px 12px;border-radius:2px;font-weight:700}
.case-phase{font-size:11px;color:rgba(236,231,222,.45)}
.case-body{padding:24px 32px 32px}
.case-body h3{font-family:var(--fs);font-size:22px;font-weight:400;color:var(--w);line-height:1.3;margin-bottom:16px}
.case-body h3 em{font-style:italic;color:var(--cl)}
.case-step{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--bd2)}
.case-step:first-child{border-top:none}
.step-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--cl);min-width:68px;padding-top:3px;font-weight:700}
.step-text{font-size:13px;color:var(--w70);line-height:1.7}
.case-metrics{display:flex;gap:24px;padding:20px 32px;background:var(--cd);border-top:1px solid var(--bd)}
.metric{text-align:center;flex:1}
.metric-val{font-size:18px;font-weight:700;color:var(--cu);font-family:var(--fb)}
.metric-lbl{font-size:9px;color:rgba(236,231,222,.45);margin-top:4px;letter-spacing:.1em;text-transform:uppercase}
.exec-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.exec-visual{position:relative;background:var(--n3);border:1px solid var(--bd);border-radius:4px;padding:20px;overflow:hidden}
.exec-browser{background:var(--n2);border-radius:3px;overflow:hidden}
.exec-browser-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--n4);border-bottom:1px solid var(--bd)}
.exec-dot{width:7px;height:7px;border-radius:50%}.exec-dot.r{background:#e55}.exec-dot.y{background:#eb5}.exec-dot.g{background:#5b5}
.exec-url{margin-left:10px;font-size:10px;color:rgba(236,231,222,.45);background:var(--ink);padding:4px 14px;border-radius:2px;flex:1}
.exec-screen{padding:18px;min-height:280px;display:flex;flex-direction:column;gap:10px}
.exec-screen-line{height:6px;border-radius:3px;background:var(--w08)}
.exec-screen-line.hero-l{width:65%;height:20px;background:linear-gradient(90deg,var(--cu),rgba(200,137,78,.15))}
.exec-screen-line.sub-l{width:45%;background:var(--w20)}
.exec-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.exec-screen-card{background:var(--w08);border-radius:3px;height:52px}
.exec-badge{position:absolute;bottom:14px;right:14px;background:var(--cd);border:1px solid var(--cbr);border-radius:2px;padding:6px 14px;font-size:9px;color:var(--cl);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.exec-content h3{font-family:var(--fs);font-size:clamp(26px,3vw,36px);font-weight:300;color:var(--w);line-height:1.2;margin-bottom:20px}
.exec-content h3 em{font-style:italic;color:var(--cl)}
.exec-content>p{font-size:14px;color:var(--w45);line-height:1.9;margin-bottom:24px}
.exec-stack{display:flex;flex-direction:column;gap:8px}
.exec-stack-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--n3);border:1px solid var(--bd);border-radius:3px;transition:border-color .3s}
.exec-stack-item:hover{border-color:var(--cbr)}
.exec-stack-icon{width:34px;height:34px;border-radius:3px;background:var(--cd);border:1px solid var(--cbr);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--cu);flex-shrink:0}
.exec-stack-text h4{font-size:12px;font-weight:600;margin-bottom:2px}
.exec-stack-text p{font-size:11px;color:rgba(236,231,222,.45);margin:0}
.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:48px}
.tech-card{background:var(--n3);border:1px solid var(--bd);border-radius:3px;padding:22px;text-align:center;transition:all .3s}
.tech-card:hover{border-color:var(--cbr);transform:translateY(-3px)}
.tech-card-icon{font-size:14px;font-weight:700;color:var(--cu);margin-bottom:10px;display:block;font-family:var(--fb)}
.tech-card h4{font-size:12px;font-weight:600;margin-bottom:4px}
.tech-card p{font-size:10px;color:rgba(236,231,222,.45);line-height:1.5}
.ct-demo{background:var(--n3);border:1px solid var(--bd);border-radius:4px;overflow:hidden}
.ct-header{padding:36px 36px 0;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}
.ct-header h3{font-family:var(--fs);font-size:clamp(24px,3vw,32px);font-weight:300}
.ct-header h3 em{font-style:italic;color:var(--cl)}
.ct-header>div>p{font-size:13px;color:var(--w45);max-width:460px;line-height:1.8;margin-top:8px}
.ct-mode-switch{display:flex;gap:0;background:var(--ink);border-radius:3px;overflow:hidden;border:1px solid var(--bd)}
.ct-mode{padding:10px 18px;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(236,231,222,.45);cursor:pointer;transition:all .3s;font-family:var(--fb);border:none;background:none}
.ct-mode.active{background:var(--cd);color:var(--cl)}
.ct-canvas{padding:36px;min-height:380px}
.ct-old{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ct-silo{background:var(--n2);border:1px solid var(--bd);border-radius:3px;padding:18px;text-align:center;position:relative;overflow:hidden}
.ct-silo::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:2px;background:var(--bd);border-radius:0 0 3px 3px}
.ct-silo h4{font-size:11px;font-weight:600;color:var(--w70);margin-bottom:10px}
.ct-silo-bars{display:flex;justify-content:center;gap:3px;height:50px;align-items:flex-end}
.ct-bar{width:10px;border-radius:2px 2px 0 0;background:var(--w08)}
.ct-silo-status{margin-top:10px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#e55;font-weight:700}
.ct-silo-warn{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e55;margin-right:3px;animation:blink 1.5s infinite}
.ct-old-label{grid-column:1/-1;text-align:center;padding:12px;font-size:11px;color:rgba(236,231,222,.45);border-top:1px dashed var(--bd);margin-top:8px}
.ct-new{display:none}
.ct-new.active{display:block}
.ct-old.active{display:grid}
.ct-feeds{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ct-feed{background:var(--n2);border:1px solid var(--bd);border-radius:3px;padding:14px;text-align:center;transition:all .3s}
.ct-feed:hover{border-color:var(--cbr)}
.ct-feed-val{font-size:18px;font-weight:700;color:var(--cu)}
.ct-feed-lbl{font-size:9px;color:rgba(236,231,222,.45);margin-top:4px;letter-spacing:.1em;text-transform:uppercase}
.ct-flow-arrow{text-align:center;padding:14px 0;color:var(--w08);font-size:16px;letter-spacing:8px}
.ct-tower-core{background:var(--cd);border:1px solid var(--cbr);border-radius:4px;padding:28px;position:relative}
.ct-tower-label{position:absolute;top:-11px;left:28px;background:var(--n3);padding:3px 14px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--cl);font-weight:700;border:1px solid var(--cbr);border-radius:2px}
.ct-layers{display:flex;flex-direction:column;gap:8px}
.ct-layer{display:grid;grid-template-columns:130px 1fr auto;gap:14px;align-items:center;padding:14px 18px;background:var(--n2);border:1px solid var(--bd);border-radius:3px;transition:all .3s}
.ct-layer:hover{border-color:var(--cbr);background:var(--n4)}
.ct-layer-name{font-size:10px;font-weight:700;color:var(--cl);letter-spacing:.15em;text-transform:uppercase}
.ct-layer-desc{font-size:12px;color:var(--w45)}
.ct-layer-status{display:flex;align-items:center;gap:5px}
.ct-pulse{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blink 2s infinite}
.ct-layer-stat{font-size:9px;color:rgba(236,231,222,.45);letter-spacing:.1em}
.showcase-cta{text-align:center;padding:60px 0 0}
.showcase-cta p{font-size:13px;color:rgba(236,231,222,.45);margin-bottom:20px}
@media(max-width:900px){.exec-hero{grid-template-columns:1fr;gap:32px}}
@media(max-width:768px){.case-grid{grid-template-columns:1fr}.ct-old,.ct-feeds{grid-template-columns:repeat(2,1fr)}.tab-btn{padding:12px 14px;font-size:9px;letter-spacing:.1em}.ct-layer{grid-template-columns:1fr;gap:6px}}


/* ═══════════════════════════════════════════
   WORKS LAB — SEKTÖREL ARAŞTIRMALAR · TASARIM · PORTFÖY
═══════════════════════════════════════════ */
#works-lab{background:var(--n2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.wl-top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:56px}
.wl-h{font-family:var(--fs);font-size:clamp(32px,3.6vw,56px);font-weight:300;line-height:1.18;margin-top:18px}
.wl-h em{font-style:italic;color:var(--cl)}
.wl-desc{font-size:14px;color:var(--w70);line-height:1.9;align-self:end}
.wl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wl-card{background:var(--n3);border:1px solid var(--bd);border-radius:4px;padding:34px 30px;transition:all .3s;position:relative;overflow:hidden}
.wl-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cu),transparent);transform:scaleX(0);transform-origin:left;transition:transform .45s}
.wl-card:hover{background:var(--n4);transform:translateY(-4px);border-color:var(--cbr)}
.wl-card:hover::before{transform:scaleX(1)}
.wl-tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cl);background:var(--cd);border:1px solid var(--cbr);padding:5px 11px;border-radius:2px;margin-bottom:18px}
.wl-card h3{font-family:var(--fs);font-size:24px;font-weight:400;line-height:1.25;margin-bottom:12px}
.wl-card p{font-size:13px;color:var(--w70);line-height:1.82}

/* ═══════════════════════════════════════════
   EXECUTIVE POLISH — Old Money palette
═══════════════════════════════════════════ */

:root{
  --ink:#050a14;--n2:#0a1020;--n3:#0e1626;--n4:#131e30;--n5:#182438;
  --cu:#b8793e;--cl:#cfa06a;--cb:#ddb580;
  --cd:rgba(184,121,62,.06);--cbr:rgba(184,121,62,.14);
  --w:#eee9e0;--w70:rgba(238,233,224,.6);--w45:rgba(238,233,224,.34);
  --w20:rgba(238,233,224,.14);--w08:rgba(238,233,224,.05);
  --bd:rgba(255,255,255,.045);--bd2:rgba(255,255,255,.02);
}

body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  background:var(--ink);
}

body::after{
  content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;
  background:
    radial-gradient(ellipse 40% 30% at 50% 6%,rgba(184,121,62,.03),transparent),
    radial-gradient(ellipse 75% 65% at 50% 50%,transparent 35%,rgba(0,0,0,.4) 100%);
}

body::before{
  content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='5' stitchTiles='stitch' seed='3'/%3E%3CfeColorMatrix type='matrix' values='0.09 0 0 0 0.06 0 0.06 0 0 0.03 0 0 0.02 0 0.01 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}

#hero{
  background:
    radial-gradient(ellipse 45% 35% at 35% 55%,rgba(184,121,62,.035),transparent),
    var(--ink);
}
.h-glow{
  background:radial-gradient(circle,rgba(184,121,62,.08) 0%,transparent 65%) !important;
  filter:blur(40px);
  animation:none !important;
  opacity:.5;
  transition:opacity 2s ease,left 1.2s ease-out,top 1.2s ease-out;
}

.btn-fill{
  background:var(--cu) !important;
  border-color:var(--cu) !important;
  box-shadow:0 1px 8px rgba(184,121,62,.15);
  animation:none !important;
  transition:all .5s cubic-bezier(.25,.46,.45,.94);
}
.btn-fill:hover{
  background:var(--cb) !important;
  border-color:var(--cb) !important;
  box-shadow:0 2px 20px rgba(184,121,62,.25);
  transform:translateY(-1px);
}
.btn-out{
  transition:all .5s cubic-bezier(.25,.46,.45,.94) !important;
}

.ey::before{
  background:linear-gradient(90deg,var(--cu),rgba(184,121,62,.3)) !important;
  height:1px !important;
  animation:none !important;
}

.ticker-bar{
  background:var(--cu) !important;
  box-shadow:none !important;
  animation:none !important;
}

.sc,.srv,.ins-c,.wc,.case-card,.conf-item,.proof-item,.tech-card,.xp-i,.s1-card,.s2-card{
  transition:all .5s cubic-bezier(.25,.46,.45,.94) !important;
}
.sc:hover,.srv:hover,.ins-c:hover,.wc:hover,.case-card:hover,
.conf-item:hover,.proof-item:hover,.tech-card:hover{
  box-shadow:0 2px 12px rgba(0,0,0,.3),0 0 0 1px rgba(184,121,62,.1) !important;
  transform:translateY(-2px) !important;
}

.sc::before,.wc::before{display:none !important}
.srv:hover::before{box-shadow:none !important}

.sh2 em,.ins-h em,.ctab-h em,.pb-h em,.tr-q em,
.ab-r h2 em,.why-hd h2 em,.pr-hd h2 em,.proof-left h2 em{text-shadow:none}

.h1{
  background:none !important;
  -webkit-text-fill-color:var(--w) !important;
  animation:fu .8s .18s both !important;
}
.h1 em{-webkit-text-fill-color:var(--cl) !important}

#nav{
  background:rgba(5,10,20,.88) !important;
  backdrop-filter:blur(20px) saturate(1.1) !important;
  -webkit-backdrop-filter:blur(20px) saturate(1.1) !important;
  border-bottom:1px solid var(--bd) !important;
  box-shadow:none;
}
.logo b{text-shadow:none}

.h-photo-wrap{box-shadow:0 8px 40px rgba(0,0,0,.5) !important}
.h-photo-wrap img,.h-photo{
  filter:grayscale(10%) contrast(1.02) !important;
  transition:filter .8s ease,transform .8s ease;
}
.h-photo-overlay{background:linear-gradient(to top,rgba(5,10,20,.9) 0%,transparent 100%) !important}
.h-photo-cta-box{
  background:rgba(10,16,32,.85) !important;
  backdrop-filter:blur(16px) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.4);
}
.h-photo-cta-box::before{
  background:linear-gradient(90deg,transparent,rgba(184,121,62,.3),transparent) !important;
  height:1px !important;
  animation:none !important;
}

.st-c{transition:background .5s}
.st-c:hover{background:rgba(184,121,62,.02) !important}
.st-n{transition:none}
.cap{animation:none !important}

.pr-ring{transition:all .5s !important;box-shadow:none !important}
.pr-s:hover .pr-ring{box-shadow:0 0 0 1px var(--cbr) !important}
.pr-line{
  background:linear-gradient(90deg,transparent,rgba(184,121,62,.15) 20%,rgba(184,121,62,.15) 80%,transparent) !important;
  height:1px !important;
  animation:none !important;
}

#ctab{background:var(--n4) !important}
#ctab::before{
  background:radial-gradient(circle,rgba(184,121,62,.04) 0%,transparent 60%) !important;
  animation:none !important;
}

#wa{
  background:var(--cu) !important;
  box-shadow:0 4px 16px rgba(184,121,62,.25) !important;
  animation:none !important;
}
#wa:hover{box-shadow:0 4px 24px rgba(184,121,62,.35) !important;transform:scale(1.05)}

.modal-overlay{
  background:rgba(0,0,0,.9) !important;
  backdrop-filter:blur(8px) !important;
}
.modal-box{box-shadow:0 16px 64px rgba(0,0,0,.6)}
.modal-box::before{
  background:linear-gradient(90deg,transparent 15%,rgba(184,121,62,.4) 50%,transparent 85%) !important;
  height:1px !important;
  animation:none !important;
}

.ab-q{
  border-left-color:rgba(184,121,62,.4) !important;
  background:rgba(184,121,62,.03) !important;
  transition:border-color .5s;
}
.ab-q:hover{border-left-color:rgba(184,121,62,.6) !important}

.fd input:focus,.fd select:focus,.fd textarea:focus,.lm-field input:focus{
  border-color:rgba(184,121,62,.4) !important;
  box-shadow:0 0 0 1px rgba(184,121,62,.08);
}

.pill{
  background:rgba(184,121,62,.05) !important;
  border-color:rgba(184,121,62,.12) !important;
}

footer{background:linear-gradient(180deg,var(--n3) 0%,var(--ink) 100%) !important}

.tab-btn.active::after{box-shadow:none !important}
.ct-tower-core{
  background:rgba(184,121,62,.04) !important;
  border-color:rgba(184,121,62,.12) !important;
  box-shadow:none;
}

#stats,#trust,#problems,#proof,#why,#ctab{position:relative}
#stats::after,#trust::after,#problems::after,#proof::after,#why::after{
  content:'';position:absolute;bottom:-1px;left:15%;right:15%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(184,121,62,.08),transparent);
  pointer-events:none;
}

::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--ink)}
::-webkit-scrollbar-thumb{background:rgba(184,121,62,.25);border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:rgba(184,121,62,.4)}

::selection{background:rgba(184,121,62,.2);color:var(--w)}

#thankyou-overlay{background:rgba(0,0,0,.95) !important}
.ty-icon{text-shadow:none;animation:none !important}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    transition-duration:.01ms !important;
  }
}


/* ═══════════════════════════════════════════
   ACCESSIBILITY HELPERS + LEGAL MODALS
═══════════════════════════════════════════ */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--cl)}
.eyebrow::before{content:'';width:28px;height:1px;background:var(--cu);flex-shrink:0}
.gold{color:var(--cl);font-style:italic}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.legal-btn{background:none;border:0;padding:0;font:inherit;font-size:11px;color:rgba(236,231,222,.55);cursor:pointer;transition:color .25s}
.legal-btn:hover{color:var(--cl)}

/* Home teaser block */
#portfolio-teaser{background:var(--n2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
.pf-teaser{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:start}
.pf-copy{padding-right:14px}
.pf-kicker{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cl);margin-bottom:16px}
.pf-teaser h2{font-family:var(--fs);font-size:clamp(34px,3.8vw,58px);font-weight:300;line-height:1.12;margin-bottom:18px}
.pf-teaser h2 em{font-style:italic;color:var(--cl)}
.pf-teaser-left p,.pf-copy p{font-size:14px;color:var(--w70);line-height:1.9;margin-bottom:14px;max-width:780px}
.pf-teaser-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.pf-teaser-right{display:grid;gap:10px}
.pf-proof-card{background:var(--n3);border:1px solid var(--bd);border-radius:4px;padding:24px 24px 22px;transition:all .35s}
.pf-proof-card:hover{background:var(--n4);border-color:var(--cbr);transform:translateY(-2px)}
.pf-proof-tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cl);background:var(--cd);border:1px solid var(--cbr);padding:5px 10px;border-radius:2px;margin-bottom:14px}
.pf-proof-card h3{font-family:var(--fs);font-size:24px;font-weight:400;line-height:1.25;margin-bottom:10px}
.pf-proof-card p{font-size:13px;color:var(--w70);line-height:1.8}
@media(max-width:980px){.pf-teaser{grid-template-columns:1fr}.pf-copy{padding-right:0}}

/* Portfolio page styles */
.portfolio-page .hero{padding:88px 0 70px}
.portfolio-page .hero-grid{display:grid;grid-template-columns:1.2fr .95fr;gap:36px;align-items:start}
.portfolio-page .hero-copy h1{font-family:var(--fs);font-size:clamp(56px,7.1vw,88px);line-height:.95;font-weight:500;letter-spacing:-.03em;margin:18px 0 24px}
.portfolio-page .hero-copy p{font-size:18px;color:var(--w70);max-width:760px}
.portfolio-page .hero-stack{display:grid;gap:18px}
.portfolio-page .hero-card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid var(--bd);padding:28px;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.portfolio-page .hero-card .mini{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cl)}
.portfolio-page .hero-card h3{font-family:var(--fs);font-size:24px;font-weight:500;line-height:1.16;margin-top:10px}
.portfolio-page .hero-card p{font-size:15px;color:var(--w70);margin-top:12px}
.portfolio-page .section{padding:96px 0;border-top:1px solid var(--bd2)}
.portfolio-page .section-head{max-width:860px;margin-bottom:38px}
.portfolio-page .section-head h2{font-family:var(--fs);font-size:clamp(36px,5vw,60px);line-height:1.03;font-weight:500;margin-top:18px;letter-spacing:-.02em}
.portfolio-page .section-head p{margin-top:16px;font-size:17px;color:var(--w70);max-width:800px}
.portfolio-page .cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.portfolio-page .cap-card{background:var(--n2);border:1px solid var(--bd);padding:28px;border-radius:8px}
.portfolio-page .cap-card h3{font-family:var(--fs);font-size:28px;font-weight:500;margin-top:10px}
.portfolio-page .cap-card p{margin-top:10px;color:var(--w70);font-size:15px}
.portfolio-page .case-list{display:grid;gap:22px}
.portfolio-page .case-card{padding:28px;border-radius:10px}
.portfolio-page .case-card h3{font-family:var(--fs);font-size:36px;font-weight:500;line-height:1.05;margin-bottom:18px}
.portfolio-page .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.portfolio-page .case-grid h4{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cl);margin-bottom:8px}
.portfolio-page .case-grid p{font-size:15px;color:var(--w70)}
.portfolio-page .case-metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.portfolio-page .case-metrics span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--bd);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--w)}
.portfolio-page .brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.portfolio-page .brand-card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid var(--bd);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-height:100%}
.portfolio-page .brand-browser{padding:14px 16px;border-bottom:1px solid rgba(236,231,222,.05);background:rgba(255,255,255,.015)}
.portfolio-page .browser-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.portfolio-page .dot{width:8px;height:8px;border-radius:50%;background:rgba(236,231,222,.18)}
.portfolio-page .dot:nth-child(1){background:#ff6b6b}.portfolio-page .dot:nth-child(2){background:#f7b955}.portfolio-page .dot:nth-child(3){background:#38d98a}
.portfolio-page .browser-url{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--w45);margin-left:2px}
.portfolio-page .browser-shot{border:1px solid rgba(236,231,222,.06);border-radius:6px;overflow:hidden;background:linear-gradient(180deg,#0f1521,#0c1320)}
.portfolio-page .shot-head{height:34px;background:linear-gradient(90deg, rgba(200,137,78,.24), rgba(200,137,78,.08));border-bottom:1px solid rgba(236,231,222,.05)}
.portfolio-page .shot-body{padding:18px}
.portfolio-page .shot-title{font-family:var(--fs);font-size:26px;line-height:1.02;min-height:80px}
.portfolio-page .shot-title em{color:var(--cl);font-style:italic}
.portfolio-page .shot-lines{margin-top:16px;display:grid;gap:8px}
.portfolio-page .shot-lines span{display:block;height:9px;border-radius:999px;background:rgba(236,231,222,.08)}
.portfolio-page .shot-lines span:nth-child(1){width:92%}.portfolio-page .shot-lines span:nth-child(2){width:74%}.portfolio-page .shot-lines span:nth-child(3){width:60%}
.portfolio-page .brand-shot-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top center;background:#111}
.portfolio-page .brand-browser.live .browser-shot{background:#10151f}.portfolio-page .brand-browser.live .browser-shot img{display:block}
.portfolio-page .brand-body{padding:24px 22px 26px;display:flex;flex-direction:column;gap:14px;flex:1}
.portfolio-page .brand-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.portfolio-page .brand-top h3{font-family:var(--fs);font-size:29px;line-height:1.02;font-weight:500}
.portfolio-page .role-pill{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:var(--cd);border:1px solid var(--cbr);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cl)}
.portfolio-page .domain{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--w45)}
.portfolio-page .brand-copy h4{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cl);margin-bottom:6px}
.portfolio-page .brand-copy p{font-size:15px;color:var(--w70)}
.portfolio-page .brand-tags{display:flex;flex-wrap:wrap;gap:8px}
.portfolio-page .brand-tags span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--bd);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--w)}
.portfolio-page .brand-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.portfolio-page .brand-actions a{flex:1}
.portfolio-page .small-btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 14px;border-radius:4px;border:1px solid var(--bd);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--w);transition:.25s}
.portfolio-page .small-btn:hover{border-color:var(--cu);color:var(--cl)}
.portfolio-page .signature{background:linear-gradient(180deg,rgba(200,137,78,.10),rgba(255,255,255,.01));border:1px solid var(--cbr);border-radius:10px;padding:34px}
.portfolio-page .signature h2{font-family:var(--fs);font-size:clamp(36px,5vw,56px);line-height:1.02;font-weight:500;margin-top:16px;max-width:920px}
.portfolio-page .signature p{margin-top:16px;max-width:920px;font-size:17px;color:var(--w70)}
.portfolio-page .cta-panel{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));border:1px solid var(--bd);border-radius:10px;padding:36px}
.portfolio-page .cta-panel h2{font-family:var(--fs);font-size:clamp(34px,4.8vw,54px);line-height:1.04;font-weight:500;margin-top:16px;max-width:900px}
.portfolio-page .cta-panel p{margin-top:16px;max-width:880px;font-size:17px;color:var(--w70)}
.portfolio-page .cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.portfolio-page .home-btn{background:rgba(200,137,78,.10);border-color:rgba(200,137,78,.22);box-shadow:0 10px 28px rgba(200,137,78,.14), inset 0 1px 0 rgba(255,255,255,.08)}
@media (max-width:1180px){.portfolio-page .hero-grid,.portfolio-page .brand-grid,.portfolio-page .cap-grid,.portfolio-page .case-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .portfolio-page .hero{padding:70px 0 50px}
  .portfolio-page .hero-grid,.portfolio-page .brand-grid,.portfolio-page .cap-grid,.portfolio-page .case-grid{grid-template-columns:1fr}
  .portfolio-page .hero-copy h1{font-size:52px}
  .portfolio-page .brand-actions{flex-direction:column}
  .portfolio-page .brand-actions a{flex:auto}
}

/* performance throttles */
@media(max-width:900px){
  body::before,body::after{opacity:.55}
  .h-glow{display:none}
  #hcv{display:none}
  .t-track{animation-duration:44s}
}

/* Ticker speed */
.t-track{animation-duration:84s !important}
@media(max-width:900px){.t-track{animation-duration:110s !important}}

/* Legal modals */
.ft-legal{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.ft-legal button,
.ft-legal .legal-btn{
  background:none;border:0;padding:0;font:inherit;font-size:11px;
  color:rgba(236,231,222,.55);cursor:pointer;transition:color .25s ease;
}
.ft-legal button:hover,
.ft-legal .legal-btn:hover{color:var(--cl)}

.legal-modal{
  position:fixed;inset:0;z-index:950;display:none;
  align-items:center;justify-content:center;padding:24px;
  background:rgba(5,10,20,.78);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.legal-modal.open{display:flex}
.legal-sheet{
  width:min(920px,100%);max-height:88vh;overflow:hidden;
  display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--n3) 0%,var(--n2) 100%);
  border:1px solid var(--bd);border-radius:6px;
  box-shadow:0 24px 80px rgba(0,0,0,.45);
}
.legal-header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:24px;
  padding:24px 28px 20px;border-bottom:1px solid var(--bd);
}
.legal-header h2{font-family:var(--fs);font-size:34px;font-weight:300;line-height:1.1}
.legal-header h2 em,.legal-header h2 .gold{font-style:italic;color:var(--cl)}
.legal-badge{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;
  padding:6px 12px;border:1px solid var(--cbr);background:var(--cd);
  color:var(--cl);border-radius:100px;
  font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
}
.legal-close{
  width:40px;height:40px;border-radius:50%;
  border:1px solid var(--bd);background:var(--w08);
  color:var(--w70);display:inline-flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
}
.legal-close:hover{color:var(--cl);border-color:var(--cbr);background:var(--cd)}
.legal-body{padding:24px 28px;overflow:auto;font-size:14px;line-height:1.9;color:var(--w70)}
.legal-body h3{font-size:18px;font-weight:700;color:var(--w);margin:0 0 10px}
.legal-body p,.legal-body ul{margin:0 0 16px}
.legal-body ul{padding-left:18px}
.legal-body li{margin-bottom:6px}
.legal-body a{color:var(--cl);text-decoration:none}
.legal-hl{
  margin:16px 0 18px;padding:16px 18px;
  border:1px solid var(--cbr);background:var(--cd);
  border-left:3px solid var(--cu);border-radius:4px;color:var(--w);
}
.legal-footer{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 28px 24px;border-top:1px solid var(--bd);
}
.legal-footer p{font-size:12px;color:var(--w45)}
@media(max-width:900px){
  .legal-modal{padding:12px}
  .legal-sheet{max-height:92vh}
  .legal-header{padding:18px 18px 14px}
  .legal-header h2{font-size:28px}
  .legal-body{padding:18px}
  .legal-footer{padding:16px 18px 18px;flex-direction:column;align-items:flex-start}
}


/* ═══════════════════════════════════════════
   LUX ALIVE — Brighter palette + interactions
═══════════════════════════════════════════ */
:root{
  --w:#f5f0e8;
  --w70:rgba(245,240,232,.80);
  --w45:rgba(245,240,232,.64);
  --w20:rgba(245,240,232,.24);
  --bd:rgba(255,255,255,.075);
  --bd2:rgba(255,255,255,.04);
  --cu:#c8894e;
  --cl:#ddb07a;
  --cb:#f0c58e;
  --cd:rgba(200,137,78,.12);
  --cbr:rgba(200,137,78,.24);
  --fx-shadow:0 18px 48px rgba(2,8,20,.44);
  --fx-shadow-hot:0 24px 68px rgba(2,8,20,.56),0 0 0 1px rgba(200,137,78,.14);
}
body{
  background:
    radial-gradient(70rem 44rem at 86% 10%, rgba(200,137,78,.08), transparent 0 46%),
    radial-gradient(52rem 34rem at 10% 86%, rgba(66,109,180,.10), transparent 0 42%),
    radial-gradient(26rem 16rem at 54% 0%, rgba(255,255,255,.04), transparent 0 45%),
    linear-gradient(180deg,#050a14 0%,#08111f 45%,#050a14 100%);
  color:var(--w);
}
body::before{opacity:.11 !important;mix-blend-mode:soft-light}
body::after{
  background:
    radial-gradient(ellipse 42% 30% at 50% 7%, rgba(200,137,78,.05), transparent),
    radial-gradient(ellipse 76% 66% at 50% 50%, transparent 34%, rgba(0,0,0,.44) 100%) !important;
}
.ba-spotlight-runtime{mix-blend-mode:screen}

.h1,.sh2,.pb-h,.proof-left h2,.ab-r h2,.ins-h,.ctab-h,.why-hd h2,.pr-hd h2,
.portfolio-page .hero-copy h1,.portfolio-page .section-head h2,.portfolio-page .signature h2,.portfolio-page .cta-panel h2{
  color:var(--w) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.02), 0 12px 34px rgba(0,0,0,.30);
}
.h1 em,.sh2 em,.pb-h em,.proof-left h2 em,.ab-r h2 em,.ins-h em,.ctab-h em,.why-hd h2 em,.pr-hd h2 em,
.portfolio-page .hero-copy h1 em,.portfolio-page .section-head h2 em,.portfolio-page .signature h2 em,.portfolio-page .cta-panel h2 em{
  color:var(--cl) !important;
  -webkit-text-fill-color:var(--cl) !important;
  text-shadow:0 0 24px rgba(200,137,78,.20);
}
.h-p,.s-sub,.pb-sub,.proof-left p,.ab-bio,.ins-desc,.ctab-p,.tr-p,
.sc p,.srv p,.wc p,.proof-item p,.conf-text p,.ins-c p,.case-step .step-text,
.portfolio-page .hero-copy p,.portfolio-page .hero-card p,.portfolio-page .brand-copy p,.portfolio-page .signature p,.portfolio-page .cta-panel p{
  color:var(--w70) !important;
}
.nav-links a,.lang-switcher a,.lang-btn,.ft-bot p,.ft-legal button,.ft-legal .legal-btn,.ft-col a,
.portfolio-page .ft-col a,.portfolio-page .ft-legal button,.portfolio-page .domain{
  color:var(--w45) !important;
}
.nav-links a:hover,.ft-col a:hover,.ft-legal button:hover,.ft-legal .legal-btn:hover,.lang-switcher a:hover,.lang-switcher a.current-lang{color:var(--cl) !important}

.ticker-bar{background:linear-gradient(90deg,#b8793e 0%,#d59b63 40%,#c8894e 70%,#b8793e 100%) !important}
.t-track{animation-duration:96s !important}
@media(max-width:900px){.t-track{animation-duration:130s !important}}

.gold-line-reveal{position:relative}
.gold-line-reveal::after{
  content:'';position:absolute;left:14%;right:14%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(216,161,101,.26),transparent);
  opacity:.12;transform:scaleX(.86);transition:all .8s cubic-bezier(.16,1,.3,1);
}
.gold-line-reveal.in::after{opacity:.95;transform:scaleX(1)}

@keyframes breatheGlow{0%,100%{filter:blur(38px) saturate(112%);opacity:.48}50%{filter:blur(44px) saturate(124%);opacity:.68}}
.h-glow{
  background:radial-gradient(circle,rgba(200,137,78,.16) 0%,rgba(200,137,78,.08) 28%,transparent 68%) !important;
  animation:breatheGlow 8.5s ease-in-out infinite !important;
}

@keyframes ctaPulse{0%,100%{box-shadow:0 2px 14px rgba(200,137,78,.22),0 0 0 0 rgba(200,137,78,.18)}55%{box-shadow:0 6px 28px rgba(200,137,78,.34),0 0 0 14px rgba(200,137,78,0)}}
.btn-fill,.nav-cta,.portfolio-page .home-btn{animation:ctaPulse 3.8s ease-in-out infinite}

.sc,.srv,.ins-c,.wc,.case-card,.conf-item,.proof-item,.tech-card,.xp-i,.s1-card,.s2-card,
.portfolio-page .hero-card,.portfolio-page .brand-card,.portfolio-page .signature,.portfolio-page .cta-panel,.portfolio-page .case-card{
  position:relative;overflow:hidden;isolation:isolate;
  box-shadow:var(--fx-shadow);
}
.sc::before,.srv::after,.ins-c::after,.wc::after,.case-card::after,.proof-item::after,.conf-item::after,.tech-card::after,
.portfolio-page .hero-card::after,.portfolio-page .brand-card::after,.portfolio-page .case-card::after,.portfolio-page .signature::before,.portfolio-page .cta-panel::before{
  content:'';position:absolute;inset:-160% -44%;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.015) 34%,rgba(255,255,255,.075) 46%,rgba(217,162,112,.18) 50%,rgba(255,255,255,.07) 54%,rgba(255,255,255,.015) 66%,transparent 78%);
  transform:translateX(-68%) rotate(10deg);opacity:0;pointer-events:none;
}
.sc:hover,.srv:hover,.ins-c:hover,.wc:hover,.case-card:hover,.conf-item:hover,.proof-item:hover,.tech-card:hover,
.portfolio-page .hero-card:hover,.portfolio-page .brand-card:hover,.portfolio-page .case-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:var(--fx-shadow-hot) !important;
}
.sc:hover::before,.srv:hover::after,.ins-c:hover::after,.wc:hover::after,.case-card:hover::after,.proof-item:hover::after,.conf-item:hover::after,.tech-card:hover::after,
.portfolio-page .hero-card:hover::after,.portfolio-page .brand-card:hover::after,.portfolio-page .case-card:hover::after,.portfolio-page .signature:hover::before,.portfolio-page .cta-panel:hover::before{
  animation:shimmerSweep 1.2s cubic-bezier(.16,1,.3,1) 1;
}
@keyframes shimmerSweep{0%{transform:translateX(-88%) rotate(10deg);opacity:0}18%{opacity:.25}55%{opacity:.85}100%{transform:translateX(88%) rotate(10deg);opacity:0}}

.spark-target::before{
  content:'';position:absolute;
  width:320px;height:320px;left:calc(var(--mx,50%) - 160px);top:calc(var(--my,50%) - 160px);
  background:radial-gradient(circle, rgba(216,161,101,.18) 0%, rgba(216,161,101,.08) 22%, rgba(255,255,255,.05) 34%, transparent 70%);
  opacity:0;pointer-events:none;filter:blur(20px);transition:opacity .35s ease;
}
.spark-target.is-spark::before{opacity:.85}

.logo,.h-photo-name,.h-photo-title,.st-n,.case-body h3,.exec-content h3,.portfolio-page .brand-top h3,.portfolio-page .hero-card h3{color:var(--w) !important}
.case-phase,.metric-lbl,.p-t,.st-l,.portfolio-page .hero-card .mini-kicker{color:var(--w45) !important}

.legal-modal{background:rgba(5,10,20,.86) !important;backdrop-filter:blur(14px) saturate(110%) !important}
.legal-sheet{background:linear-gradient(180deg,rgba(11,17,31,.98) 0%,rgba(7,12,22,.98) 100%) !important;box-shadow:0 24px 96px rgba(0,0,0,.58),0 0 0 1px rgba(216,161,101,.08) !important}
.legal-header h2{font-size:34px !important}
.legal-body{color:var(--w70) !important}
.legal-body h3{color:var(--w) !important}

@media(max-width:900px){
  body::before{opacity:.06 !important}
  .btn-fill,.nav-cta,.portfolio-page .home-btn{animation:none !important}
  .spark-target::before{display:none}
}


/* ═══════════════════════════════════════════
   LUX ALIVE FINAL — Atmosphere + cards
═══════════════════════════════════════════ */
:root{
  --fx-text-soft: rgba(238,233,224,.78);
  --fx-text-strong: rgba(248,245,239,.96);
}

body.lux-alive-final{
  background:
    radial-gradient(72rem 46rem at 84% 8%, rgba(216,161,101,.11), transparent 0 44%),
    radial-gradient(52rem 34rem at 8% 90%, rgba(44,91,170,.12), transparent 0 40%),
    radial-gradient(24rem 16rem at 50% 0%, rgba(255,255,255,.04), transparent 0 42%),
    linear-gradient(180deg,#040913 0%,#07101d 46%,#040913 100%) !important;
}

body.lux-alive-final::before{opacity:.145 !important;mix-blend-mode:soft-light !important}
body.lux-alive-final::after{
  background:
    radial-gradient(ellipse 40% 28% at 50% 8%, rgba(216,161,101,.075), transparent 58%),
    radial-gradient(ellipse 76% 66% at 50% 50%, transparent 32%, rgba(0,0,0,.50) 100%) !important;
}

body.lux-alive-final .ba-spotlight-runtime{mix-blend-mode:screen;opacity:1}

body.lux-alive-final .h1,
body.lux-alive-final .sh2,
body.lux-alive-final .pb-h,
body.lux-alive-final .proof-left h2,
body.lux-alive-final .ab-r h2,
body.lux-alive-final .ins-h,
body.lux-alive-final .ctab-h,
body.lux-alive-final .why-hd h2,
body.lux-alive-final .pr-hd h2,
body.lux-alive-final .portfolio-page .hero-copy h1,
body.lux-alive-final .portfolio-page .section-head h2,
body.lux-alive-final .portfolio-page .signature h2,
body.lux-alive-final .portfolio-page .cta-panel h2{
  color:var(--fx-text-strong) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.03), 0 0 24px rgba(216,161,101,.08), 0 16px 42px rgba(0,0,0,.42) !important;
}
body.lux-alive-final .h1 em,
body.lux-alive-final .sh2 em,
body.lux-alive-final .pb-h em,
body.lux-alive-final .proof-left h2 em,
body.lux-alive-final .ab-r h2 em,
body.lux-alive-final .ins-h em,
body.lux-alive-final .ctab-h em,
body.lux-alive-final .why-hd h2 em,
body.lux-alive-final .pr-hd h2 em,
body.lux-alive-final .portfolio-page .hero-copy h1 em,
body.lux-alive-final .portfolio-page .section-head h2 em,
body.lux-alive-final .portfolio-page .signature h2 em,
body.lux-alive-final .portfolio-page .cta-panel h2 em{
  color:var(--cl) !important;
  -webkit-text-fill-color:var(--cl) !important;
  text-shadow:0 0 30px rgba(216,161,101,.24), 0 8px 24px rgba(0,0,0,.28) !important;
}

body.lux-alive-final .h-p,
body.lux-alive-final .s-sub,
body.lux-alive-final .pb-sub,
body.lux-alive-final .proof-left p,
body.lux-alive-final .ab-bio,
body.lux-alive-final .ins-desc,
body.lux-alive-final .ctab-p,
body.lux-alive-final .tr-p,
body.lux-alive-final .sc p,
body.lux-alive-final .srv p,
body.lux-alive-final .wc p,
body.lux-alive-final .proof-item p,
body.lux-alive-final .conf-text p,
body.lux-alive-final .ins-c p,
body.lux-alive-final .case-step .step-text,
body.lux-alive-final .portfolio-page .hero-copy p,
body.lux-alive-final .portfolio-page .hero-card p,
body.lux-alive-final .portfolio-page .brand-copy p,
body.lux-alive-final .portfolio-page .signature p,
body.lux-alive-final .portfolio-page .cta-panel p{
  color:var(--fx-text-soft) !important;
}

body.lux-alive-final .ticker-bar{
  background:linear-gradient(90deg,#ab6f36 0%,#d7a26e 24%,#b8793e 52%,#d9aa78 74%,#ab6f36 100%) !important;
  box-shadow:0 10px 26px rgba(216,161,101,.18), inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.24) !important;
}
body.lux-alive-final .t-track{animation-duration:124s !important}
@media (max-width:900px){body.lux-alive-final .t-track{animation-duration:148s !important}}

@keyframes luxeBreatheGlow{
  0%,100%{filter:blur(38px) saturate(112%);opacity:.52;transform:scale(1)}
  50%{filter:blur(46px) saturate(132%);opacity:.78;transform:scale(1.035)}
}
body.lux-alive-final .h-glow{
  background:radial-gradient(circle, rgba(216,161,101,.20) 0%, rgba(216,161,101,.10) 26%, rgba(255,255,255,.03) 42%, transparent 70%) !important;
  animation:luxeBreatheGlow 8.8s ease-in-out infinite !important;
  opacity:.72 !important;
}

@keyframes luxePulse{
  0%,100%{box-shadow:0 4px 16px rgba(216,161,101,.18),0 0 0 0 rgba(216,161,101,.20);transform:translateY(0)}
  52%{box-shadow:0 10px 30px rgba(216,161,101,.30),0 0 0 12px rgba(216,161,101,0);transform:translateY(-1px)}
}
body.lux-alive-final .btn-fill,
body.lux-alive-final .nav-cta,
body.lux-alive-final .portfolio-page .home-btn{animation:luxePulse 3.9s ease-in-out infinite !important}

body.lux-alive-final .sc,
body.lux-alive-final .srv,
body.lux-alive-final .ins-c,
body.lux-alive-final .wc,
body.lux-alive-final .case-card,
body.lux-alive-final .conf-item,
body.lux-alive-final .proof-item,
body.lux-alive-final .tech-card,
body.lux-alive-final .xp-i,
body.lux-alive-final .wl-card,
body.lux-alive-final .portfolio-page .hero-card,
body.lux-alive-final .portfolio-page .brand-card,
body.lux-alive-final .portfolio-page .case-card,
body.lux-alive-final .portfolio-page .signature,
body.lux-alive-final .portfolio-page .cta-panel{
  position:relative;overflow:hidden;isolation:isolate;
  box-shadow: 0 16px 42px rgba(2,8,20,.42), 0 0 0 1px rgba(216,161,101,.05) !important;
}
body.lux-alive-final .sc:hover,
body.lux-alive-final .srv:hover,
body.lux-alive-final .ins-c:hover,
body.lux-alive-final .wc:hover,
body.lux-alive-final .case-card:hover,
body.lux-alive-final .conf-item:hover,
body.lux-alive-final .proof-item:hover,
body.lux-alive-final .tech-card:hover,
body.lux-alive-final .wl-card:hover,
body.lux-alive-final .portfolio-page .hero-card:hover,
body.lux-alive-final .portfolio-page .brand-card:hover,
body.lux-alive-final .portfolio-page .case-card:hover{
  transform:translateY(-6px) !important;
  box-shadow: 0 24px 60px rgba(2,8,20,.58), 0 0 0 1px rgba(216,161,101,.12), 0 0 22px rgba(216,161,101,.10) !important;
}
body.lux-alive-final .sc::before,
body.lux-alive-final .srv::after,
body.lux-alive-final .ins-c::after,
body.lux-alive-final .wc::after,
body.lux-alive-final .case-card::after,
body.lux-alive-final .proof-item::after,
body.lux-alive-final .conf-item::after,
body.lux-alive-final .tech-card::after,
body.lux-alive-final .wl-card::after,
body.lux-alive-final .portfolio-page .hero-card::after,
body.lux-alive-final .portfolio-page .brand-card::after,
body.lux-alive-final .portfolio-page .case-card::after,
body.lux-alive-final .portfolio-page .signature::before,
body.lux-alive-final .portfolio-page .cta-panel::before{
  content:'';position:absolute;inset:-160% -42%;
  background: linear-gradient(116deg, transparent 22%, rgba(255,255,255,.015) 33%, rgba(255,255,255,.08) 43%, rgba(216,161,101,.22) 49%, rgba(255,255,255,.08) 55%, rgba(255,255,255,.015) 66%, transparent 78%);
  transform:translateX(-88%) rotate(10deg);opacity:0;pointer-events:none;
}
body.lux-alive-final .sc:hover::before,
body.lux-alive-final .srv:hover::after,
body.lux-alive-final .ins-c:hover::after,
body.lux-alive-final .wc:hover::after,
body.lux-alive-final .case-card:hover::after,
body.lux-alive-final .proof-item:hover::after,
body.lux-alive-final .conf-item:hover::after,
body.lux-alive-final .tech-card:hover::after,
body.lux-alive-final .wl-card:hover::after,
body.lux-alive-final .portfolio-page .hero-card:hover::after,
body.lux-alive-final .portfolio-page .brand-card:hover::after,
body.lux-alive-final .portfolio-page .case-card:hover::after,
body.lux-alive-final .portfolio-page .signature:hover::before,
body.lux-alive-final .portfolio-page .cta-panel:hover::before{
  animation:luxeShimmer 1.26s cubic-bezier(.16,1,.3,1) 1;
}
@keyframes luxeShimmer{0%{transform:translateX(-92%) rotate(10deg);opacity:0}18%{opacity:.24}58%{opacity:.95}100%{transform:translateX(92%) rotate(10deg);opacity:0}}

body.lux-alive-final .spark-target::before{
  width:340px;height:340px;
  left:calc(var(--mx,50%) - 170px);top:calc(var(--my,50%) - 170px);
  background: radial-gradient(circle, rgba(216,161,101,.24) 0%, rgba(216,161,101,.12) 18%, rgba(255,255,255,.06) 30%, transparent 68%);
  filter:blur(24px);opacity:0;
}
body.lux-alive-final .spark-target.is-spark::before{opacity:.98}

.sparkle-ping{
  position:absolute;width:10px;height:10px;border-radius:999px;
  background:radial-gradient(circle, rgba(255,231,187,.95) 0%, rgba(216,161,101,.9) 42%, rgba(216,161,101,0) 72%);
  pointer-events:none;mix-blend-mode:screen;filter:blur(.4px);
  animation:sparklePing .9s cubic-bezier(.16,1,.3,1) forwards;
}
@keyframes sparklePing{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}

body.lux-alive-final .gold-line-reveal::after{
  background:linear-gradient(90deg,transparent,rgba(216,161,101,.34),transparent) !important;
  opacity:.16;
}
body.lux-alive-final .gold-line-reveal.in::after{opacity:.96}

body.lux-alive-final .legal-modal{background:rgba(5,10,20,.88) !important;backdrop-filter:blur(16px) saturate(120%) !important}
body.lux-alive-final .legal-sheet{box-shadow:0 28px 98px rgba(0,0,0,.62),0 0 0 1px rgba(216,161,101,.10) !important}

@media(max-width:900px){
  body.lux-alive-final::before{opacity:.07 !important}
  body.lux-alive-final .btn-fill,
  body.lux-alive-final .nav-cta,
  body.lux-alive-final .portfolio-page .home-btn{animation:none !important}
  body.lux-alive-final .spark-target::before,
  body.lux-alive-final .sparkle-ping{display:none !important}
}

/* Local spark target system */
body.lux-alive-final .spark-target{position:relative;overflow:hidden;isolation:isolate;transform-style:preserve-3d}
body.lux-alive-final .spark-target > *{position:relative;z-index:1}
body.lux-alive-final .spark-target::after{
  content:'';position:absolute;inset:-1px;pointer-events:none;
  opacity:0;z-index:0;
  transition:opacity .28s ease, transform .35s ease;
  background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),
    rgba(216,161,101,.28) 0%, rgba(255,255,255,.08) 10%, rgba(216,161,101,.06) 20%, transparent 60%);
  mix-blend-mode:screen;
}
body.lux-alive-final .spark-target.is-hot::after,
body.lux-alive-final .spark-target:hover::after{opacity:1}
body.lux-alive-final .spark-target::before{
  background:linear-gradient(108deg, transparent 0%, rgba(255,255,255,.02) 24%, rgba(216,161,101,.22) 48%, rgba(255,255,255,.06) 58%, transparent 82%) !important;
}
body.lux-alive-final .spark-target:hover{
  box-shadow:0 14px 40px rgba(0,0,0,.38), 0 0 0 1px rgba(216,161,101,.16) !important;
}
body.lux-alive-final .btn.spark-target{overflow:hidden}
body.lux-alive-final .btn.spark-target:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 28px rgba(184,121,62,.26), 0 0 0 1px rgba(216,161,101,.22) !important;
}
@media (max-width:900px){
  body.lux-alive-final .spark-target::after{display:none !important}
}


/* ═══════════════════════════════════════════
   CUSTOM LOGO — Final
═══════════════════════════════════════════ */
.nav-in .logo,
header .logo,
#nav .logo{
  display:flex !important;
  align-items:center !important;
  height:68px !important;
  flex-shrink:0 !important;
  overflow:hidden !important;
}
.nav-in .logo .custom-logo-link,
header .logo .custom-logo-link,
#nav .logo .custom-logo-link{
  display:flex !important;
  align-items:center !important;
  height:100% !important;
  line-height:0 !important;
}
.nav-in .logo img,
.nav-in .logo .custom-logo,
header .logo img,
#nav .logo img{
  height:36px !important;
  width:auto !important;
  max-width:200px !important;
  max-height:36px !important;
  object-fit:contain !important;
  display:block !important;
}
@media(max-width:900px){
  .nav-in .logo img,
  .nav-in .logo .custom-logo{
    height:28px !important;
    max-height:28px !important;
    max-width:150px !important;
  }
}


/* ═══════════════════════════════════════════
   LAYOUT FIX — Header / Ticker / Hero / Sections
   Single authoritative layer.
   Replaces all previous FINAL POLISH variants.
═══════════════════════════════════════════ */

/* NAV: fixed at top */
#nav{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:500 !important;
}

/* TICKER: directly below nav, in normal flow */
.ticker-bar{
  position:relative !important;
  margin-top:68px !important;
  z-index:1 !important;
}
/* If JS adds .has-fixed-ticker, ticker becomes fixed below nav */
.has-fixed-ticker .ticker-bar{
  position:fixed !important;
  top:68px !important;
  margin-top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:499 !important;
}

/* HERO: starts right after ticker, no extra spacing */
#hero{
  margin-top:0 !important;
  padding-top:0 !important;
}
.has-fixed-ticker #hero{
  margin-top:36px !important;
}
.hero-in{
  padding-top:60px !important;
}
@media(max-width:900px){
  .hero-in{padding-top:44px !important}
}

/* SECTION rhythm — consistent across breakpoints */
.sec,
body.lux-alive-final .sec{
  padding:64px 0 !important;
}
#trust,
body.lux-alive-final #trust{
  padding:64px 0 !important;
}
#ctab,
body.lux-alive-final #ctab{
  padding:80px 72px !important;
}
@media(max-width:1200px){
  .sec, body.lux-alive-final .sec{padding:56px 0 !important}
  #trust, body.lux-alive-final #trust{padding:56px 0 !important}
  #ctab, body.lux-alive-final #ctab{padding:72px 44px !important}
}
@media(max-width:900px){
  .sec, body.lux-alive-final .sec{padding:44px 0 !important}
  #trust, body.lux-alive-final #trust{padding:44px 0 !important}
  #ctab, body.lux-alive-final #ctab{padding:56px 24px !important}
}

/* REVEAL safety net — content always visible even if JS fails */
.ap{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1) !important;
}
/* ═══════════════════════════════════════════
   LAYOUT FIX v2 — Nav height enforce
═══════════════════════════════════════════ */

/* Nav'ın iç yüksekliği tam 68px, ekstra padding yok */
#nav{
  height:68px !important;
  padding:0 !important;
  border-bottom:none !important;
}
.nav-in{
  height:68px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Body'nin alfa-marjlarını sıfırla */
body{
  margin-top:0 !important;
}

/* Ticker'ı fixed yap, top:68 ile tam nav'ın altına yapıştır */
.ticker-bar{
  position:fixed !important;
  top:68px !important;
  left:0 !important;
  right:0 !important;
  margin-top:0 !important;
  z-index:499 !important;
}

/* Hero ticker yüksekliğini kompansat */
#hero{
  margin-top:104px !important;
  padding-top:0 !important;
}
@media(max-width:900px){
  #hero{margin-top:104px !important}
}

/* ═══════════════════════════════════════════
   PORTFOLIO HERO — Fixed Nav + Ticker Clearance
   2026-05-05 — Single authoritative override.
   Final layer; mevcut .portfolio-page .hero padding'lerini ezer.
   Sebep: portfolio'da #nav fixed (68px), .ticker-bar fixed (36px) = 104px overlay.
   Hero, eyebrow + h1 başlıkları bu overlay altında kalmaması için padding-top
   yeterince yüksek tutulmalı: desktop 128px, tablet 116px, mobile 100px.
═══════════════════════════════════════════ */
.portfolio-page .hero{
  padding-top:128px !important;
  padding-bottom:70px !important;
}
@media (max-width:1180px){
  .portfolio-page .hero{
    padding-top:116px !important;
  }
}
@media (max-width:900px){
  .portfolio-page .hero{
    padding-top:100px !important;
    padding-bottom:50px !important;
  }
}

/* ═══════════════════════════════════════════
   ANCHOR SCROLL CLEARANCE — Universal
   2026-05-05
   Sebep: nav (68px) + ticker (36px) = 104px sabit overlay.
   Anchor link'e tıklayınca tarayıcı section[id] üst kenarına
   konumlanır; scroll-margin-top olmadan eyebrow + h2 başlık
   (ör. "HEDEF KİTLE", "HAKKIMDA", "METODOLOJİ"...) ticker altında
   kalır. Bu kural homepage + portfolio + tüm sayfalar için geçerli.
═══════════════════════════════════════════ */
:where(section, main, header, .sec, .section, [role="region"])[id]{
  scroll-margin-top:108px;
}
@media (max-width:900px){
  :where(section, main, header, .sec, .section, [role="region"])[id]{
    scroll-margin-top:104px;
  }
}