
:root{--ink:#071319;--navy:#0b2330;--navy2:#103444;--paper:#f5f3ed;--white:#fff;--gold:#c59a50;--text:#102027;--muted:#64747a;--line:#dce1df;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--white)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.wrap{width:min(var(--max),92vw);margin:auto}
.utility{height:36px;background:#061116;color:#b7c1c4;font-size:10px;letter-spacing:.7px}.utility .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.lang button{border:0;background:none;color:#b7c1c4;cursor:pointer;padding:5px}.lang .on{color:#e1b86f}
header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e6e8e7}.nav{height:82px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;min-width:250px}.mark{width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:#9a702d;font:600 22px Georgia}.brand strong{font:600 20px Georgia;letter-spacing:3px}.brand small{display:block;font-size:8px;color:#a37b3c;letter-spacing:2px;margin-top:3px}.menu{display:flex;align-items:center;gap:25px;flex:1;justify-content:center;font-size:12px;font-weight:700}.menu a:hover{color:#9a702d}.navBtns{display:flex;gap:8px}.btn{border:1px solid #b18443;background:#cda45d;color:#0b1519;padding:12px 17px;font-weight:800;cursor:pointer;border-radius:2px}.btn.dark{background:#0a202a;color:#fff;border-color:#0a202a}.btn.ghost{background:#fff;border-color:#bfc8ca;color:#17282f}
.hero{min-height:690px;position:relative;background:linear-gradient(90deg,#07151bea 0%,#07151bc7 48%,#07151b3d 100%),url('https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?auto=format&fit=crop&w=2200&q=90') center/cover;display:flex;align-items:center;color:#fff}.hero .wrap{display:grid;grid-template-columns:1.15fr .55fr;gap:70px;align-items:center}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2.8px;color:#cda45d;margin-bottom:18px}.hero h1{font:500 clamp(48px,5.5vw,84px)/.98 Georgia;margin:0 0 24px;letter-spacing:-2px}.hero p{max-width:720px;font-size:17px;line-height:1.75;color:#ced6d8}.heroActions{display:flex;gap:10px;margin-top:30px}.heroPanel{background:#fff;color:#102027;padding:28px;box-shadow:0 25px 80px #0007}.heroPanel h3{font:500 26px Georgia;margin:0 0 8px}.heroPanel p{color:#66777c;font-size:12px}.search{display:flex;border:1px solid #cbd2d2;margin-top:20px}.search input{border:0;outline:0;flex:1;padding:14px}.search button{border:0;background:#0b2732;color:#fff;padding:0 18px;font-weight:800;cursor:pointer}.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.quick button{padding:12px;border:1px solid #d9dddd;background:#f8f8f5;text-align:left;cursor:pointer;font-size:11px}
.trustbar{background:#f4f2ec;border-bottom:1px solid #ddd9d0}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustgrid div{padding:23px;border-right:1px solid #ddd9d0;font-size:11px;font-weight:800}.trustgrid span{color:#a77a37;margin-right:7px}
.section{padding:95px 0}.soft{background:#f5f4ef}.darkSec{background:#07171e;color:#fff}.head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.head h2{font:500 clamp(34px,4vw,55px)/1.05 Georgia;margin:0;max-width:760px}.head p{max-width:510px;color:#6d7b7f;line-height:1.7}.darkSec .head p{color:#aab7ba}
.platform{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.featureBig{min-height:530px;background:linear-gradient(0deg,#07171ee8,#07171e21),url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1300&q=88') center/cover;color:#fff;padding:38px;display:flex;flex-direction:column;justify-content:flex-end}.featureBig h3{font:500 36px Georgia;margin:0 0 10px}.featureBig p{max-width:600px;color:#d1d8da;line-height:1.6}.featureGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature{border:1px solid #d8dddc;background:#fff;padding:27px;min-height:257px}.feature .ico{font-size:24px;color:#a57936}.feature h3{font:500 21px Georgia;margin:35px 0 9px}.feature p{font-size:12px;color:#68777b;line-height:1.6}
.ai{display:grid;grid-template-columns:.8fr 1.2fr;background:#0d2935;color:#fff;overflow:hidden}.aiVisual{min-height:480px;background:linear-gradient(#07171e2b,#07171eaa),url('https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1100&q=85') center/cover}.aiBody{padding:55px}.aiBody h2{font:500 43px Georgia;margin:0 0 16px}.aiBody p{color:#b8c5c8;line-height:1.7}.aiPrompt{margin-top:28px;background:#fff;padding:10px;display:flex}.aiPrompt input{flex:1;border:0;outline:0;padding:12px;color:#102027}.aiAnswer{margin-top:16px;padding:16px;border:1px solid #ffffff26;color:#cdd6d8;font-size:12px;line-height:1.6;display:none}
.steps{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #31434a}.step{padding:28px 18px;border-right:1px solid #31434a;min-height:190px}.step b{color:#d4aa58;font:500 13px Georgia}.step h3{margin-top:48px;font-size:13px}.step p{font-size:11px;color:#9eacb0;line-height:1.55}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cat{height:245px;position:relative;overflow:hidden;background:#17313c}.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061319d9,transparent 72%)}.cat b{position:absolute;z-index:2;left:22px;bottom:22px;color:#fff;font:500 20px Georgia}.cat:nth-child(1){background:url('https://images.unsplash.com/photo-1558002038-1055907df827?auto=format&fit=crop&w=900&q=80') center/cover}.cat:nth-child(2){background:url('https://images.unsplash.com/photo-1524484485831-a92ffc0de03f?auto=format&fit=crop&w=900&q=80') center/cover}.cat:nth-child(3){background:url('https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=900&q=80') center/cover}.cat:nth-child(4){background:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=900&q=80') center/cover}.cat:nth-child(5){background:url('https://images.unsplash.com/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=900&q=80') center/cover}.cat:nth-child(6){background:url('https://images.unsplash.com/photo-1565793298595-6a879b1d9492?auto=format&fit=crop&w=900&q=80') center/cover}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product{border:1px solid #dce1df;background:#fff}.product img{width:100%;height:205px;object-fit:cover;background:#e7eae8}.product .pad{padding:18px}.product h3{margin:0 0 8px;font-size:14px}.product p{font-size:11px;color:#738085}.product button{border:0;background:none;padding:7px 0;color:#9a702d;font-weight:800;cursor:pointer}
.global{min-height:610px;background:linear-gradient(90deg,#07171ef2,#07171e7c),url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=2200&q=88') center/cover;color:#fff;display:flex;align-items:center}.globalCopy{max-width:680px}.global h2{font:500 56px Georgia;margin:0 0 20px}.global p{color:#c3ced0;line-height:1.75}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.chip{border:1px solid #ffffff38;padding:10px 13px;font-size:10px;background:#07171e8c}
.cta{padding:75px 0;background:#d5ae67}.ctaGrid{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font:500 42px Georgia;margin:0;max-width:850px}
footer{background:#051116;color:#fff;padding:60px 0 25px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}footer p,footer a{font-size:11px;color:#91a0a4;line-height:1.9}.copy{border-top:1px solid #203137;margin-top:40px;padding-top:18px;color:#68777b;font-size:10px}
.modal{display:none;position:fixed;inset:0;background:#000c;z-index:100;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modalbox{width:min(720px,96vw);max-height:90vh;overflow:auto;background:#fff;color:#102027;padding:30px}.modal input,.modal textarea,.modal select{width:100%;padding:12px;border:1px solid #ccd4d4;margin:6px 0 10px}.close{float:right;border:0;background:none;font-size:26px;cursor:pointer}
.aiFloat{position:fixed;right:22px;bottom:22px;z-index:80;border:0;background:#0b2732;color:#fff;width:62px;height:62px;border-radius:50%;box-shadow:0 12px 35px #0005;font-weight:900}.aiFloat span{color:#d6ac61}
@media(max-width:1050px){.menu{display:none}.brand{min-width:0;flex:1}.hero .wrap,.platform,.ai{grid-template-columns:1fr}.heroPanel{display:none}.featureBig{min-height:400px}.steps{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.navBtns .ghost{display:none}.hero{min-height:650px}.hero h1{font-size:48px}.trustgrid,.featureGrid,.products,.cats,.foot{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.head{display:block}.ctaGrid{display:block}.cta .btn{margin-top:20px}.aiBody{padding:30px}}
[dir=rtl] body{text-align:right}[dir=rtl] .cat b{left:auto;right:22px}


/* ===== AÇEL V10.1 MOBILE RESPONSIVE ===== */
.mobileMenuBtn{display:none;border:0;background:transparent;font-size:27px;color:#102027;cursor:pointer;padding:8px}
@media (max-width: 900px){
  body{overflow-x:hidden}
  .wrap{width:min(94vw,760px)}
  .utility{height:auto;min-height:34px;padding:5px 0}
  .utility .wrap{gap:8px}
  .utility .wrap>span{font-size:8px}
  .lang{display:flex;overflow-x:auto;white-space:nowrap;max-width:58vw}
  .nav{height:68px;gap:10px}
  .brand{min-width:0;flex:1}
  .brand strong{font-size:17px;letter-spacing:2px}
  .mark{width:38px;height:38px}
  .menu{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-top:1px solid #e5e8e7;border-bottom:1px solid #d9dfde;padding:12px 4vw 18px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 35px #0002}
  .menu.open{display:flex}
  .menu a{padding:13px 3px;border-bottom:1px solid #edf0ef;font-size:13px}
  .mobileMenuBtn{display:block}
  .navBtns{gap:5px}
  .navBtns .ghost{display:none}
  .navBtns .btn{padding:10px 12px;font-size:11px}
  .hero{min-height:auto;padding:74px 0 62px;background-position:62% center}
  .hero .wrap{display:block}
  .hero h1{font-size:clamp(42px,12vw,62px);line-height:1;letter-spacing:-1.5px}
  .hero p{font-size:15px;line-height:1.65}
  .heroActions{display:grid;grid-template-columns:1fr;max-width:360px}
  .heroActions .btn{text-align:center}
  .heroPanel{display:block;margin-top:40px;padding:22px}
  .heroPanel h3{font-size:23px}
  .quick{grid-template-columns:1fr 1fr}
  .trustgrid{grid-template-columns:1fr 1fr}
  .trustgrid div{padding:16px 12px;font-size:10px}
  .section{padding:68px 0}
  .head{display:block;margin-bottom:30px}
  .head h2{font-size:clamp(32px,9vw,44px)}
  .head p{margin-top:15px}
  .platform{grid-template-columns:1fr}
  .featureBig{min-height:390px;padding:25px}
  .featureBig h3{font-size:30px}
  .featureGrid{grid-template-columns:1fr 1fr}
  .feature{min-height:220px;padding:22px}
  .feature h3{margin-top:28px}
  .ai{grid-template-columns:1fr}
  .aiVisual{min-height:280px}
  .aiBody{padding:30px 24px}
  .aiBody h2{font-size:36px}
  .aiPrompt{display:block}
  .aiPrompt input{width:100%;min-height:48px}
  .aiPrompt .btn{width:100%;margin-top:8px}
  .steps{grid-template-columns:1fr 1fr}
  .step{min-height:170px;padding:22px 15px}
  .step h3{margin-top:34px}
  .cats{grid-template-columns:1fr 1fr}
  .cat{height:210px}
  .products{grid-template-columns:1fr 1fr}
  .global{min-height:530px;padding:70px 0;background-position:62% center}
  .global h2{font-size:42px}
  .cta{padding:55px 0}
  .ctaGrid{display:block}
  .cta h2{font-size:36px}
  .cta .btn{margin-top:24px;width:100%}
  .foot{grid-template-columns:1fr 1fr}
  .modal{padding:10px}
  .modalbox{padding:22px;width:100%;max-height:94vh}
  .aiFloat{right:15px;bottom:15px;width:56px;height:56px}
}
@media (max-width: 560px){
  .utility .wrap>span{display:none}
  .utility .wrap{justify-content:flex-end}
  .lang{max-width:100%;width:100%;justify-content:center}
  .brand small{font-size:7px}
  .navBtns .btn{padding:9px 10px}
  .hero{padding-top:55px}
  .hero h1{font-size:42px}
  .heroPanel{margin-top:30px}
  .quick{grid-template-columns:1fr}
  .trustgrid{grid-template-columns:1fr}
  .trustgrid div{border-right:0;border-bottom:1px solid #ddd9d0}
  .featureGrid{grid-template-columns:1fr}
  .feature{min-height:190px}
  .steps{grid-template-columns:1fr}
  .step{min-height:135px;border-right:0;border-bottom:1px solid #31434a}
  .step h3{margin-top:24px}
  .cats{grid-template-columns:1fr}
  .cat{height:220px}
  .products{grid-template-columns:1fr}
  .product img{height:230px}
  .global h2{font-size:37px}
  .chips{gap:6px}
  .foot{grid-template-columns:1fr}
}
