:root{
  --bg:#020915;
  --bg-soft:#061426;
  --card:#09182a;
  --card2:#0b1d32;
  --line:rgba(54,112,190,.24);
  --blue:#126dff;
  --blue2:#2b4cff;
  --cyan:#21c9ff;
  --green:#28dc72;
  --text:#f5f8ff;
  --muted:#9eadc3;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  font-family:Inter,Arial,sans-serif;
  background:var(--bg);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
button{font:inherit}
.wrap{width:min(1560px,calc(100% - 64px));margin:auto}
.bg-orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-1}
.orb-1{width:420px;height:420px;right:-120px;top:130px;background:rgba(29,82,255,.12)}
.orb-2{width:360px;height:360px;left:-100px;bottom:20%;background:rgba(18,159,255,.07)}

.topbar{height:44px;background:linear-gradient(90deg,#06132c,#071d48,#06132c);border-bottom:1px solid rgba(55,107,255,.17)}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;font-size:13px}
.announce{font-weight:700}.announce span{color:var(--cyan)}
.top-items{display:flex;gap:38px;color:#c5d0e2}

.header{
  position:sticky;top:0;z-index:50;
  background:rgba(3,11,24,.88);
  border-bottom:1px solid rgba(255,255,255,.05);
  backdrop-filter:blur(18px);
}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:16px}
.brand-logo{
  font-family:"Space Grotesk";font-style:italic;font-weight:900;font-size:32px;letter-spacing:-5px;
  color:#1c8dff;text-shadow:0 0 22px rgba(37,116,255,.5)
}
.brand-logo::after{content:"";display:block;width:77px;height:4px;border-radius:3px;background:linear-gradient(90deg,#1da7ff,#235cff);margin-top:-4px}
.brand strong{display:block;font-size:25px;line-height:1}.brand small{display:block;color:#8291a8;letter-spacing:.23em;font-size:10px;margin-top:7px}
.nav-links{display:flex;align-items:center;gap:32px;font-weight:600}
.nav-links>a:not(.outline-btn):not(.solid-btn){color:#d6dce8}
.outline-btn,.solid-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700}
.outline-btn{border:1px solid #1768e8;padding:14px 19px;background:rgba(8,28,62,.28)}
.solid-btn{padding:15px 23px;background:linear-gradient(135deg,#0d75ff,#2748f2);box-shadow:0 13px 30px rgba(29,86,255,.25)}
.solid-btn span{margin-left:14px}.large{min-width:245px;padding:17px 24px}
.mobile-menu{display:none;border:0;background:transparent}.mobile-menu span{display:block;width:27px;height:2px;background:#fff;margin:6px}

.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 72% 22%,rgba(18,65,143,.24),transparent 32%),
    linear-gradient(180deg,#031020,#020915);
  padding:44px 0 40px;
}
.hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:60px;align-items:center;position:relative;z-index:3}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(30,116,255,.55);border-radius:30px;
  padding:9px 14px;color:#2baeff;font-weight:800;font-size:12px;letter-spacing:.06em;background:rgba(7,36,78,.46)
}
.eyebrow i{width:9px;height:9px;border-radius:50%;background:#2ee37b;box-shadow:0 0 12px #2ee37b}
.hero h1{font:700 clamp(50px,5.2vw,84px)/.98 "Space Grotesk";letter-spacing:-.05em;margin:25px 0}
.hero h1 span{display:block;color:transparent;background:linear-gradient(90deg,#1479ff,#3152ff);background-clip:text}
.hero-copy>p{max-width:680px;color:#b1bdcf;font-size:17px;line-height:1.75}
.hero-actions{display:flex;gap:16px;margin:31px 0 23px}.checks{display:flex;flex-wrap:wrap;gap:24px;color:#c6cfdd;font-size:12px}.checks span::first-letter{color:#29e378}
.dashboard-wrap{position:relative}
.dashboard{
  border:1px solid #176dff;border-radius:20px;overflow:hidden;
  background:linear-gradient(145deg,#061325,#020914);
  box-shadow:0 28px 80px rgba(0,0,0,.48)
}
.dash-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}
.dash-brand{font-weight:900}.dash-brand b{color:#1b8fff;font-style:italic;margin-right:8px}.dash-online{font-size:11px}.dash-online i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#31e676;box-shadow:0 0 11px #31e676;margin-right:7px}
.dash-body{display:grid;grid-template-columns:160px 1fr}.dash-sidebar{border-right:1px solid var(--line);padding:14px 12px;display:flex;flex-direction:column;gap:5px}
.dash-sidebar a{padding:10px 12px;border-radius:8px;color:#b2bdcd;font-size:11px}.dash-sidebar a span{display:inline-block;width:25px;color:#e0e7f2}.dash-sidebar .active{background:linear-gradient(90deg,#0d61e7,#153ab8);color:#fff}
.dash-content{padding:23px}
.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading small{color:#1f9cff;font-size:9px;font-weight:800;letter-spacing:.12em}.dash-heading h2{font-size:18px;margin:5px 0 0}
.live-card{display:flex;gap:10px;align-items:center;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:#081426}.live-card>span{color:#228cff;font-size:23px}.live-card b,.live-card small{display:block}.live-card b{font-size:10px}.live-card small{font-size:8px;color:#8998ad}
.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.dash-cards article{position:relative;padding:16px;border-radius:11px;border:1px solid var(--line);background:linear-gradient(145deg,#0a1b30,#07101d)}
.dash-cards span,.dash-cards small{display:block;color:#a6b1c1;font-size:8px}.dash-cards b{display:block;font-size:23px;margin:8px 0}.dash-cards small{color:#3fdc7a}.dash-cards i{position:absolute;right:15px;top:20px;color:#1d7cff;font-size:26px;font-style:normal}
.traffic-card{margin-top:15px;padding:17px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#081829,#050e1a)}
.traffic-head{display:flex;justify-content:space-between;font-size:10px}.traffic-head span{color:#9aa7ba}.traffic-card svg{width:100%;height:210px;margin-top:10px}
.grid-lines line{stroke:rgba(116,145,187,.10);stroke-width:1}.chart-area{fill:url(#fillBlue)}.chart-line{fill:none;stroke:#2380ff;stroke-width:4;filter:url(#lineGlow)}.chart-points circle{fill:#2a89ff;stroke:#7bb1ff;stroke-width:1.5}
.x-labels{display:flex;justify-content:space-between;color:#7d8ca2;font-size:8px}
.wave{position:absolute;width:46%;height:240px;bottom:70px;opacity:.42;background:radial-gradient(circle at 8px 8px,#176dff 1.2px,transparent 1.4px);background-size:16px 16px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.wave-left{left:-6%;transform:skewY(-9deg)}.wave-right{right:-5%;transform:skewY(7deg)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;position:relative;z-index:5;margin-top:30px}
.metrics article{min-height:128px;border:1px solid var(--line);border-radius:15px;padding:25px;background:linear-gradient(145deg,rgba(10,28,49,.95),rgba(4,13,24,.96));display:flex;gap:22px;align-items:center}
.metric-icon{font-size:42px;color:#2874ff;text-shadow:0 0 18px rgba(29,103,255,.55)}.metrics small,.metrics p{display:block;color:#a9b4c5;margin:0}.metrics b{display:block;font-size:28px;margin:5px 0}

.section{padding:100px 0}.dark-section{background:linear-gradient(180deg,#030b16,#051426)}.section-heading{margin-bottom:45px}.section-heading.center{text-align:center;max-width:840px;margin-left:auto;margin-right:auto}.section-heading span,.about-box>div>span{color:#27a8ff;font-weight:800;font-size:12px;letter-spacing:.14em}.section-heading h2,.about-box h2{font:700 clamp(34px,4.5vw,56px)/1.07 "Space Grotesk";letter-spacing:-.04em;margin:13px 0}.section-heading p,.about-box p{color:var(--muted);font-size:16px;line-height:1.75}.split{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:60px}.split p{margin-bottom:10px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:30px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,#09182b,#061120);min-height:275px}.feature-card.featured{background:linear-gradient(145deg,#0f3a73,#0b2d5d);border-color:#1c76d9}.feature-symbol{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:rgba(31,137,255,.12);color:#29b9ff;font-size:25px}.feature-card h3{font-size:20px;margin:23px 0 13px}.feature-card p,.feature-card li{color:#a8b4c5;font-size:14px;line-height:1.7}.feature-card ul{padding-left:20px}
.solution-section{background:#071d3f}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.sector-grid article{padding:28px;border-radius:16px;border:1px solid rgba(84,139,204,.26);background:rgba(30,62,103,.58)}.sector-grid span{font-size:30px}.sector-grid h3{font-size:19px;margin:18px 0 10px}.sector-grid p{color:#bed0e6;font-size:13px}
.pricing-section{background:#f5f8fc;color:#0b264b}.pricing-section .section-heading p{color:#6f7e93}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{position:relative;padding:38px;border:1px solid #d6e0ed;border-radius:20px;background:#fff;min-height:520px;display:flex;flex-direction:column}.price-card small{color:#1484f8;font-weight:800;letter-spacing:.12em}.price-card h3{font-size:26px;margin:20px 0}.price-card>p{color:#6f7e93;line-height:1.65;min-height:72px}.price-card ul{list-style:none;padding:0;margin:25px 0}.price-card li{padding:13px 0;border-bottom:1px solid #e7edf4}.price-card li::before{content:"✓";color:#14b965;margin-right:12px}.price-card a{margin-top:auto;padding:16px;text-align:center;border-radius:11px;background:#eaf4ff;color:#0a72d8;font-weight:800}.price-card.recommended{border:2px solid #1485ff}.price-card.recommended a{background:linear-gradient(90deg,#1688ff,#3150f0);color:#fff}.recommended-label{position:absolute;left:50%;top:-15px;transform:translateX(-50%);padding:8px 15px;border-radius:20px;background:#1688ff;color:#fff;font-size:10px;font-weight:900;white-space:nowrap}
.about-section{background:#020915}.about-box{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:55px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#082354,#172879,#271974)}.about-box>div{max-width:800px}
.whatsapp{position:fixed;right:24px;bottom:25px;z-index:45;padding:14px 20px;border-radius:30px;background:#14c969;color:#fff;font-weight:800;box-shadow:0 15px 35px rgba(0,0,0,.28)}.to-top{position:fixed;right:25px;bottom:88px;z-index:45;width:44px;height:44px;border-radius:50%;border:0;background:#176dff;color:#fff;font-size:21px;cursor:pointer}
footer{background:#010610;border-top:1px solid var(--line);padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px;padding-bottom:40px}.footer-grid>div:not(.brand){display:flex;flex-direction:column;gap:10px}.footer-grid a,.footer-grid span{color:#8f9eb2;font-size:13px}.footer-bottom{border-top:1px solid var(--line);padding:22px 0;color:#5f6d81;font-size:11px}

@media(max-width:1200px){
  .hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.checks{justify-content:center}
  .dashboard-wrap{max-width:980px;margin:auto}.metrics{grid-template-columns:repeat(2,1fr)}.nav-links{gap:18px}.feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .top-items{display:none}.topbar-inner{justify-content:center}.mobile-menu{display:block}.nav-links{display:none;position:absolute;top:94px;left:20px;right:20px;background:#071325;border:1px solid var(--line);border-radius:15px;padding:18px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}
  .dash-body{grid-template-columns:110px 1fr}.dash-sidebar a{font-size:0}.dash-sidebar a span{font-size:16px}.dash-cards{grid-template-columns:1fr}.traffic-card svg{height:180px}
  .sector-grid,.pricing-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.about-box{flex-direction:column;text-align:center}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .wrap{width:min(100% - 28px,1560px)}.brand-logo{font-size:25px}.brand strong{font-size:20px}.hero h1{font-size:44px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.large{width:100%}.checks{gap:14px}.dashboard{overflow-x:auto}.dash-body{min-width:720px}
  .metrics,.feature-grid{grid-template-columns:1fr}.section{padding:75px 0}.about-box{padding:35px 23px}.footer-grid{grid-template-columns:1fr}.whatsapp{right:14px;bottom:14px}.to-top{right:15px;bottom:75px}
}


/* v3.1 etkileşimleri */
.dash-sidebar button{
  width:100%;border:0;text-align:left;cursor:pointer;
  padding:10px 12px;border-radius:8px;color:#b2bdcd;font-size:11px;
  background:transparent;font-family:inherit
}
.dash-sidebar button span{display:inline-block;width:25px;color:#e0e7f2}
.dash-sidebar button.active{background:linear-gradient(90deg,#0d61e7,#153ab8);color:#fff}
.dash-sidebar button:hover{background:rgba(24,105,230,.16);color:#fff}
.feature-card{cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}
.feature-card:hover,.feature-card:focus{transform:translateY(-6px);border-color:#1d79ed;box-shadow:0 22px 50px rgba(0,0,0,.24);outline:none}
.dash-empty{
  min-height:295px;display:grid;place-items:center;text-align:center;
  border:1px dashed var(--line);border-radius:14px;padding:35px;
  background:rgba(8,25,46,.45)
}
.dash-empty span{font-size:48px;color:#2781ff}
.dash-empty h3{margin:13px 0 7px;font-size:22px}
.dash-empty p{color:#91a1b8;max-width:430px;line-height:1.6}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,5,14,.78);backdrop-filter:blur(8px)}
.modal-dialog{
  width:min(560px,100%);max-height:90vh;overflow:auto;position:relative;z-index:2;
  padding:34px;border:1px solid rgba(35,121,255,.42);border-radius:22px;
  background:linear-gradient(145deg,#0b203a,#050e1b);box-shadow:0 35px 100px rgba(0,0,0,.55)
}
.modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer}
.modal-kicker{color:#28aaff;font-size:11px;font-weight:900;letter-spacing:.14em}
.modal-dialog h2{font:700 32px "Space Grotesk";margin:12px 0}
.modal-dialog>p{color:#9eadc3;line-height:1.6}
.modal form{display:grid;gap:14px;margin-top:22px}
.modal label{display:grid;gap:7px;color:#b9c5d7;font-size:12px;font-weight:700}
.modal input,.modal textarea{
  width:100%;border:1px solid rgba(83,126,184,.28);border-radius:10px;padding:13px 14px;
  background:#061326;color:#fff;font:inherit;outline:none
}
.modal input:focus,.modal textarea:focus{border-color:#2184ff;box-shadow:0 0 0 3px rgba(33,132,255,.12)}
.modal-submit{width:100%;border:0;cursor:pointer;margin-top:5px}
.feature-detail-list{display:grid;gap:10px;margin:20px 0}
.feature-detail-list div{padding:13px;border-radius:10px;background:rgba(30,111,255,.09);border:1px solid rgba(47,121,226,.18);color:#bfccdc}
body.modal-open{overflow:hidden}
@media(max-width:900px){
  .dash-sidebar button{font-size:0}
  .dash-sidebar button span{font-size:16px;width:auto}
}


/* v3.2 profesyonel demo formu */
.demo-dialog{width:min(800px,100%);padding:32px}
.demo-modal-head{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin-bottom:22px}
.demo-modal-icon{
  width:62px;height:62px;border-radius:17px;display:grid;place-items:center;
  background:linear-gradient(135deg,#0fa1ff,#2948ef);font:800 18px "Space Grotesk";
  box-shadow:0 15px 35px rgba(27,102,255,.28)
}
.demo-modal-head h2{margin:8px 0 6px;font-size:30px}
.demo-modal-head p{margin:0;color:#9eadc3;line-height:1.55}
.demo-form{display:grid;gap:17px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
.demo-form>label,.form-grid>label{display:grid;gap:8px;color:#c7d2e2;font-size:12px;font-weight:700}
.demo-form label>span,.form-grid label>span{color:#43a8ff}
.demo-form input,.demo-form select,.demo-form textarea{
  width:100%;border:1px solid rgba(83,126,184,.3);border-radius:11px;padding:13px 14px;
  background:#061326;color:#fff;font:inherit;outline:none
}
.demo-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#8fa4c0 50%),linear-gradient(135deg,#8fa4c0 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:#2588ff;box-shadow:0 0 0 3px rgba(37,136,255,.12)}
.check-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.check-options label{
  display:flex;align-items:center;gap:8px;padding:11px;border:1px solid rgba(83,126,184,.22);
  border-radius:10px;background:rgba(7,25,47,.7);font-size:11px;font-weight:600;cursor:pointer
}
.check-options input,.consent input{width:auto;accent-color:#1f80ff}
.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-weight:500!important;color:#9dacbf!important}
.consent span{color:#9dacbf!important}
.demo-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}
.secure-note{color:#8697ae;font-size:11px}
.demo-submit{border:0;cursor:pointer;min-width:230px}
.submit-loading{display:none}
.demo-form.sending .submit-text{display:none}
.demo-form.sending .submit-loading{display:inline}
.demo-form.sending button{opacity:.72;pointer-events:none}
.form-message{display:none;padding:12px 14px;border-radius:10px;font-size:12px}
.form-message.error{display:block;background:rgba(230,57,70,.12);border:1px solid rgba(230,57,70,.3);color:#ff9aa4}
.demo-success{display:none;text-align:center;padding:32px 10px 12px}
.demo-success.show{display:grid;justify-items:center}
.demo-success .success-icon{
  width:74px;height:74px;border-radius:50%;display:grid;place-items:center;
  background:rgba(38,220,113,.13);border:1px solid rgba(38,220,113,.35);
  color:#2ee27b;font-size:38px;margin-bottom:18px
}
.demo-success h3{font:700 30px "Space Grotesk";margin:0 0 9px}
.demo-success p,.demo-success small{color:#9eacc0}
.demo-success strong{font-size:22px;color:#36a8ff;margin:5px 0 12px;letter-spacing:.05em}
.demo-success .outline-btn{margin-top:22px;min-width:160px;cursor:pointer;color:#fff}
@media(max-width:700px){
  .demo-dialog{padding:25px 18px}
  .demo-modal-head{grid-template-columns:1fr;text-align:center}
  .demo-modal-icon{margin:auto}
  .form-grid{grid-template-columns:1fr}
  .check-options{grid-template-columns:1fr 1fr}
  .demo-form-footer{flex-direction:column;align-items:stretch}
  .secure-note{text-align:center}
}
@media(max-width:430px){.check-options{grid-template-columns:1fr}}