*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070d18;color:#f5fbff;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.container{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:fixed;top:0;left:0;width:100%;z-index:50;background:rgba(7,13,24,.7);backdrop-filter:blur(18px);border-bottom:1px solid rgba(93,240,220,.09)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700}.brand-mark{font:700 27px "Space Grotesk";letter-spacing:-2px;color:#62f3de}.brand-text{font:700 13px "Space Grotesk";letter-spacing:2px}.brand-text b{color:#62f3de}.nav{display:flex;align-items:center;gap:30px}.nav a{color:#aeb9c7;text-decoration:none;font-size:13px;font-weight:600;transition:.25s}.nav a:hover,.nav a.active{color:#fff}.nav-cta,.btn{border:1px solid #62f3de!important;color:#07131e!important;border-radius:7px;padding:13px 18px;background:#62f3de;box-shadow:0 0 30px rgba(98,243,222,.16);font-weight:800!important}.nav-cta span{margin-left:8px}.menu-btn{display:none;background:none;border:0}.menu-btn span{display:block;width:25px;height:2px;background:#62f3de;margin:5px}.hero{min-height:760px;padding-top:82px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 48%,rgba(46,197,186,.13),transparent 30%),linear-gradient(180deg,#081221,#070d18)}.hero-grid,.hero:after{position:absolute;inset:0;content:"";pointer-events:none}.hero-grid{background-image:linear-gradient(rgba(98,243,222,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(98,243,222,.045) 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-inner{min-height:678px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;position:relative;z-index:2}.eyebrow,.section-kicker{color:#62f3de;font-size:11px;font-weight:800;letter-spacing:2.5px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:25px;height:1px;background:#62f3de}.hero h1{font:700 clamp(45px,6vw,79px)/.92 "Space Grotesk";letter-spacing:-4px;margin:22px 0}.hero h1 span,.section-heading h2 span,.about-copy h2 span,.contact h2 span{color:#62f3de}.hero-copy p{max-width:520px;color:#9caabb;line-height:1.8;font-size:16px}.hero-actions{display:flex;gap:13px;margin:30px 0}.btn{display:inline-flex;align-items:center;gap:18px;text-decoration:none;font-size:13px;cursor:pointer}.btn.ghost{background:transparent!important;color:#eaf4f7!important;border-color:rgba(255,255,255,.18)!important;box-shadow:none}.hero-trust{display:flex;align-items:center;gap:13px;margin-top:35px}.hero-trust strong{display:block;font-size:15px}.hero-trust small{display:block;color:#718094;font-size:10px;margin-top:3px}.avatars{display:flex}.avatars span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#152537;border:1px solid #263b4e;margin-right:-7px;font-size:10px;color:#62f3de}.trust-line{height:25px;width:1px;background:#263445;margin:0 10px}.device-scene{height:590px;position:relative}.device{position:absolute}.desktop{width:420px;height:300px;right:20px;top:100px;transform:perspective(900px) rotateY(-12deg) rotateX(5deg);filter:drop-shadow(0 35px 45px rgba(0,0,0,.55))}.screen{height:265px;border:8px solid #111b27;border-radius:12px;background:#0d1723;box-shadow:0 0 0 1px #314050,0 0 50px rgba(98,243,222,.13);overflow:hidden}.screen-top{height:28px;background:#101d2b;display:flex;align-items:center;gap:5px;padding:0 10px;font-size:9px;color:#62f3de}.screen-top span{width:5px;height:5px;border-radius:50%;background:#506071}.screen-content{height:100%;padding:40px 35px;background:radial-gradient(circle at 75% 35%,rgba(98,243,222,.2),transparent 30%),linear-gradient(135deg,#0d1d2a,#08111c)}.screen-content small{color:#62f3de;font-size:8px;letter-spacing:2px}.screen-content strong{display:block;font:700 38px/1 "Space Grotesk";margin-top:15px}.screen-content em{font-style:normal;color:#62f3de}.screen-bar{width:110px;height:4px;background:#62f3de;margin-top:20px}.screen-cards{display:flex;gap:8px;margin-top:30px}.screen-cards i{height:35px;width:75px;border:1px solid #273a49;background:#112131;border-radius:4px}.stand{height:38px;width:110px;background:#192634;margin:auto;border-radius:0 0 10px 10px}.stand:after{content:"";display:block;width:190px;height:7px;background:#1b2a3a;margin:37px -40px;border-radius:8px}.laptop{width:310px;left:30px;top:270px;transform:perspective(700px) rotateY(12deg) rotateX(7deg);z-index:3;filter:drop-shadow(0 25px 35px rgba(0,0,0,.5))}.laptop-screen{height:195px;border:7px solid #111b27;border-radius:10px;background:#09121e;box-shadow:0 0 0 1px #354351;overflow:hidden}.mini-site{height:100%;padding:28px;background:linear-gradient(135deg,#0d1c29,#102b32);display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:15px}.mini-site b{color:#62f3de;font-size:10px}.mini-site span{display:block}.mini-site strong{font:700 28px/1 "Space Grotesk"}.keyboard{height:15px;width:330px;margin:-1px -10px;background:#1a2937;border-radius:0 0 8px 8px}.phone{width:100px;height:205px;right:15px;bottom:60px;background:#111b27;border:5px solid #243342;border-radius:18px;z-index:5;transform:rotate(5deg);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 25px rgba(98,243,222,.13)}.phone-screen{height:100%;border-radius:13px;background:linear-gradient(160deg,#10252b,#08121e);padding:22px 12px;display:flex;flex-direction:column}.phone-screen b{font-size:8px;color:#62f3de}.phone-screen strong{font:700 20px/1 "Space Grotesk";margin-top:35px}.phone-screen i{height:15px;border-radius:4px;background:#19313a;margin-top:12px}.floating-badge{position:absolute;background:rgba(12,24,36,.9);border:1px solid rgba(98,243,222,.25);backdrop-filter:blur(10px);padding:11px 14px;border-radius:10px;z-index:8;box-shadow:0 15px 35px rgba(0,0,0,.25)}.floating-badge span{color:#62f3de;margin-right:8px}.floating-badge b{font-size:11px}.floating-badge small{display:block;color:#7e8fa0;margin-left:25px;font-size:8px;margin-top:2px}.badge-one{left:10px;top:110px}.badge-two{right:0;bottom:175px}.orbit{position:absolute;border:1px solid rgba(98,243,222,.1);border-radius:50%;width:500px;height:500px;right:-70px;top:40px}.orbit-2{width:370px;height:370px;right:0;top:105px}.stats{border-block:1px solid rgba(98,243,222,.1);background:#0a1320}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{padding:28px 25px;border-right:1px solid rgba(98,243,222,.1)}.stats-grid>div:last-child{border:0}.stats strong{font:700 35px "Space Grotesk"}.stats strong span{color:#62f3de}.stats small{display:block;color:#758496;font-size:10px;letter-spacing:1px;margin-top:5px}.section{padding:120px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.section-heading h2,.about-copy h2,.contact h2{font:700 clamp(34px,4vw,55px)/1 "Space Grotesk";letter-spacing:-2px;margin:14px 0 0}.section-heading>p{max-width:390px;color:#8492a2;line-height:1.7;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.service-card{grid-column:span 2;min-height:275px;padding:28px;border:1px solid rgba(98,243,222,.1);background:linear-gradient(145deg,#0c1724,#09121d);border-radius:12px;position:relative;transition:.35s}.service-card:nth-child(4){grid-column:2/span 2}.service-card:nth-child(5){grid-column:4/span 2}.service-card:hover,.service-card.featured{transform:translateY(-6px);border-color:rgba(98,243,222,.4);box-shadow:0 25px 60px rgba(0,0,0,.3),0 0 35px rgba(98,243,222,.07)}.service-card>span{position:absolute;right:25px;top:25px;color:#445467;font-size:10px}.icon{width:45px;height:45px;display:grid;place-items:center;color:#62f3de;border:1px solid rgba(98,243,222,.25);border-radius:9px;font-size:22px;margin-bottom:35px}.service-card h3{font:600 21px "Space Grotesk";margin:0 0 10px}.service-card p{font-size:12px;color:#7f8e9f;line-height:1.65}.service-card a{position:absolute;bottom:25px;color:#dbe9ed;text-decoration:none;font-size:11px}.service-card a b{color:#62f3de;margin-left:8px}.projects{background:#08111d}.text-link{color:#62f3de;text-decoration:none;font-size:12px}.project-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.project-card{border:1px solid rgba(98,243,222,.1);border-radius:12px;overflow:hidden;background:#0b1723}.project-art{height:300px;padding:30px;display:grid;place-items:center}.project-art>div{font:700 34px "Space Grotesk";text-align:center}.project-art span{color:#62f3de}.art-one{background:radial-gradient(circle at 70% 40%,rgba(98,243,222,.2),transparent 30%),linear-gradient(135deg,#132634,#09131e)}.art-two{background:linear-gradient(145deg,#15223a,#092622)}.art-three{background:linear-gradient(145deg,#101d2b,#17251f)}.project-meta{padding:18px 20px}.project-meta span{color:#62f3de;font-size:9px;letter-spacing:2px}.project-meta h3{font:600 18px "Space Grotesk";margin:7px 0}.about{background:radial-gradient(circle at 20% 50%,rgba(98,243,222,.08),transparent 28%)}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.about-visual{height:420px;display:grid;place-items:center;position:relative}.about-ring{width:300px;height:300px;border:1px solid rgba(98,243,222,.25);border-radius:50%;box-shadow:0 0 90px rgba(98,243,222,.08),inset 0 0 80px rgba(98,243,222,.05)}.about-ring:before,.about-ring:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(98,243,222,.15);width:390px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%)}.about-ring:after{width:210px;height:210px}.about-logo{position:absolute;font:700 55px "Space Grotesk";letter-spacing:-5px;color:#62f3de}.about-logo small{display:block;font:700 10px Inter;letter-spacing:3px;color:#fff;text-align:center}.about-copy p{color:#8997a8;font-size:14px;line-height:1.8}.contact{padding-top:60px}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:55px;border:1px solid rgba(98,243,222,.18);border-radius:15px;background:radial-gradient(circle at 0 0,rgba(98,243,222,.1),transparent 30%),#0b1723}.contact h2{max-width:450px}.contact-box>div>p{color:#8796a7;max-width:420px;line-height:1.7}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact label{font-size:10px;color:#8d9bab;display:grid;gap:7px}.contact label:nth-child(4){grid-column:1/-1}.contact input,.contact textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:#07111c;color:#fff;border-radius:7px;padding:13px;outline:none;font:13px Inter}.contact textarea{min-height:100px;resize:vertical}.contact input:focus,.contact textarea:focus{border-color:#62f3de}.contact button{border:0;justify-self:start}.form-note{grid-column:1/-1;color:#62f3de;font-size:11px}.footer{border-top:1px solid rgba(98,243,222,.1);padding:55px 0 20px;background:#060c15}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p{color:#667586;font-size:12px}.footer-grid>div>span{display:block;color:#62f3de;font-size:9px;letter-spacing:2px;margin-bottom:15px}.footer-grid a:not(.brand){display:block;color:#758395;text-decoration:none;font-size:11px;margin:9px 0}.copyright{border-top:1px solid rgba(255,255,255,.06);margin-top:35px;padding-top:20px;color:#4d5b6b;font-size:9px}.page-glow{position:fixed;width:300px;height:300px;border-radius:50%;filter:blur(100px);opacity:.08;pointer-events:none;z-index:-1;background:#62f3de}.glow-a{top:10%;left:-100px}.glow-b{bottom:0;right:-100px}.reveal{opacity:0;transform:translateY(28px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}.scroll-note{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#566678;font-size:8px;letter-spacing:2px;display:flex;gap:10px;align-items:center}.scroll-note span{height:25px;width:1px;background:#62f3de}
@media(max-width:900px){.nav{gap:15px}.nav a{font-size:11px}.hero-inner{grid-template-columns:1fr}.hero{min-height:1100px}.device-scene{height:450px}.desktop{right:5%;top:10px;transform:scale(.78) perspective(900px) rotateY(-12deg)}.laptop{left:0;top:180px;transform:scale(.72)}.phone{right:0;bottom:20px}.service-grid{grid-template-columns:1fr 1fr}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:auto}.project-grid{grid-template-columns:1fr 1fr}.project-card.large{grid-column:1/-1}.about-grid,.contact-box{grid-template-columns:1fr}.about-visual{height:330px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.container{width:min(100% - 28px,1180px)}.nav{display:none;position:absolute;top:82px;left:0;width:100%;padding:18px 20px 25px;background:#07101c;border-bottom:1px solid rgba(98,243,222,.1);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px}.nav-cta{text-align:center}.menu-btn{display:block}.hero{padding-top:70px;min-height:1040px}.hero h1{font-size:48px;letter-spacing:-3px}.hero-actions{flex-direction:column;align-items:stretch}.hero-trust{flex-wrap:wrap}.device-scene{height:420px;transform:scale(.85);transform-origin:center top}.desktop{right:-35px}.laptop{left:-35px}.phone{right:-20px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid>div{padding:20px 12px}.stats strong{font-size:27px}.section{padding:80px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid,.project-grid{grid-template-columns:1fr}.project-card.large{grid-column:auto}.project-art{height:220px}.about-grid{gap:20px}.contact-box{padding:28px 20px;gap:35px}.contact form{grid-template-columns:1fr}.contact label:nth-child(4){grid-column:auto}.contact button,.form-note{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3){display:none}}
/* Premium / business / inner-page styles */
:root{--myk:#62f3de;--myk2:#2bd4c0;--ink:#050b14;--panel:#0a1522}
::selection{background:var(--myk);color:#041018}.brand-logo{display:block;width:190px;height:auto;max-height:76px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 14px rgba(98,243,222,.13))}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.25s ease}.btn.primary{background:linear-gradient(135deg,#72f7e4,#45dfca);border-color:#72f7e4!important}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(98,243,222,.22)}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid rgba(98,243,222,.35);border-radius:999px;background:linear-gradient(135deg,#62f3de,#3edbc7)!important;color:#031018!important;text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 35px rgba(98,243,222,.12);transition:.25s}.wa-icon{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#06130b;color:#25D366;font-size:20px;font-weight:900}.wa-label{color:#031018}
.process{background:linear-gradient(180deg,#050b14,#08121e)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-item{position:relative;min-height:235px;padding:27px;border:1px solid rgba(98,243,222,.1);border-radius:12px;background:rgba(10,21,34,.65);overflow:hidden}.process-item>span{font:700 42px "Space Grotesk";color:rgba(98,243,222,.18)}.process-item h3{font:600 21px "Space Grotesk";margin:28px 0 10px}.process-item p{color:#7f8e9f;font-size:12px;line-height:1.7;margin:0}.process-line{height:1px;width:45px;background:var(--myk);margin-top:8px;box-shadow:0 0 12px rgba(98,243,222,.4)}
.inner-hero{padding:190px 0 90px;min-height:390px;background:radial-gradient(circle at 75% 45%,rgba(98,243,222,.12),transparent 28%),linear-gradient(180deg,#07111e,#050b14);border-bottom:1px solid rgba(98,243,222,.08)}.inner-hero h1{font:800 clamp(42px,6vw,72px)/.95 "Space Grotesk";letter-spacing:-3px;max-width:900px;margin:20px 0}.inner-hero h1 span{color:var(--myk)}.inner-hero p{max-width:650px;color:#8a99aa;line-height:1.8}.inner-content{padding-top:75px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-card{min-height:350px;padding:30px;border:1px solid rgba(98,243,222,.1);border-radius:13px;background:linear-gradient(145deg,#0b1724,#08111b);transition:.3s}.detail-card:hover,.detail-card.featured{transform:translateY(-5px);border-color:rgba(98,243,222,.35)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portfolio-card{min-height:360px;border:1px solid rgba(98,243,222,.1);border-radius:13px;padding:32px;display:flex;align-items:flex-end;overflow:hidden;position:relative}.contact-page-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:30px;border:1px solid rgba(98,243,222,.12);border-radius:13px;background:#0a1522}.contact-form input,.contact-form textarea{background:#06101a;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#fff;padding:13px;outline:none}.domain-sales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.domain-sales-card{background:linear-gradient(180deg,rgba(12,29,43,.9),rgba(7,17,28,.96));border:1px solid rgba(98,243,222,.13);border-radius:14px;padding:25px;transition:.25s;position:relative}.domain-sales-card:hover{transform:translateY(-5px);border-color:rgba(98,243,222,.4);box-shadow:0 20px 45px rgba(0,0,0,.3)}.domain-sales-card .price{font-size:28px;font-weight:800;color:#62f3de}.hosting-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hosting-preview-grid article{padding:24px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#08141f}.hosting-preview-grid article.featured{border-color:rgba(98,243,222,.45);box-shadow:0 20px 60px rgba(98,243,222,.06)}.project-card .project-art.dynamic-art{background-size:cover;background-position:center;min-height:280px;background-color:#07131e}.project-card .project-meta p{color:#7f8e9f;line-height:1.6;margin:8px 0 12px}.project-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.project-action{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:10px;background:#62f3de;color:#061018;text-decoration:none;font-size:11px;font-weight:900}.project-action.secondary{background:transparent;color:#62f3de;border:1px solid rgba(98,243,222,.28)}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--myk);z-index:100;box-shadow:0 0 12px rgba(98,243,222,.65)}
/* ===== DESKTOP YERLEŞİM DÜZELTMESİ ===== */
html, body {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
.container {
width: min(1180px, calc(100% - 40px));
max-width: 1180px;
}
@media (min-width: 1201px) {
.nav-wrap,
.hero-inner,
.service-grid,
.project-grid,
.about-grid,
.contact-box,
.process-grid,
.domain-sales-grid,
.hosting-preview-grid,
.footer-grid {
min-width: 0;
}
.nav-wrap {
gap: 28px;
}
.nav {
min-width: 0;
flex: 1;
justify-content: flex-end;
gap: 24px;
flex-wrap: nowrap;
}
.nav a {
white-space: nowrap;
}
.hero-inner {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 36px;
}
.hero-copy,
.device-scene,
.service-card,
.project-card,
.process-item,
.domain-sales-card,
.hosting-preview-grid article {
min-width: 0;
}
.device-scene {
width: 100%;
overflow: visible;
}
.desktop {
right: 2%;
max-width: 420px;
}
.laptop {
left: 0;
}
.phone {
right: 0;
}
.service-grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.project-grid {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
}
.about-grid,
.contact-box {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.process-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.domain-sales-grid,
.hosting-preview-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.footer-grid {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
}
.project-card,
.service-card,
.process-item,
.domain-sales-card,
.hosting-preview-grid article {
overflow-wrap: anywhere;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
.container {
width: calc(100% - 48px);
max-width: 1180px;
}
.nav-wrap {
gap: 18px;
min-width: 0;
}
.nav {
min-width: 0;
flex: 1;
justify-content: flex-end;
gap: 14px;
flex-wrap: nowrap;
}
.nav a {
font-size: 11px;
white-space: nowrap;
}
.brand-logo {
width: 165px;
max-width: 165px;
}
.hero-inner {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 18px;
}
.hero-copy {
min-width: 0;
}
.hero h1 {
font-size: clamp(48px, 5vw, 64px);
letter-spacing: -3px;
}
.device-scene {
width: 100%;
min-width: 0;
height: 540px;
overflow: hidden;
}
.desktop {
right: 0;
top: 92px;
transform: scale(.86) perspective(900px) rotateY(-12deg) rotateX(5deg);
transform-origin: top right;
}
.laptop {
left: 4px;
top: 255px;
transform: scale(.78) perspective(700px) rotateY(12deg) rotateX(7deg);
transform-origin: left top;
}
.phone {
right: 0;
bottom: 28px;
}
.service-grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.service-card {
grid-column: span 2;
padding: 22px;
min-width: 0;
}
.service-card:nth-child(4),
.service-card:nth-child(5) {
grid-column: span 2;
}
.project-grid {
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
}
.project-card:nth-child(3) {
grid-column: auto;
}
.project-art {
height: 260px;
}
.about-grid,
.contact-box {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 45px;
}
.process-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.domain-sales-grid,
.hosting-preview-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.footer-grid {
grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 30px;
}
.section-heading {
gap: 24px;
}
}
@media(max-width:900px){
.process-grid{grid-template-columns:1fr 1fr}
.domain-sales-grid,.hosting-preview-grid{grid-template-columns:1fr 1fr}
.detail-grid{grid-template-columns:1fr 1fr}
.contact-page-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
.container{width:min(100% - 28px,1180px)}
.nav{display:none;position:absolute;top:82px;left:0;width:100%;padding:18px 20px 25px;background:#07101c;border-bottom:1px solid rgba(98,243,222,.1);flex-direction:column;align-items:stretch}
.nav.open{display:flex}
.menu-btn{display:block}
.brand-logo{width:175px;max-height:62px}
.hero{padding-top:70px;min-height:1040px}
.hero-inner{grid-template-columns:1fr}
.hero h1{font-size:48px;letter-spacing:-3px}
.hero-actions{flex-direction:column;align-items:stretch}
.service-grid,.project-grid,.detail-grid,.portfolio-grid,.process-grid,.domain-sales-grid,.hosting-preview-grid{grid-template-columns:1fr}
.project-card.large{grid-column:auto}
.project-art{height:220px}
.about-grid{grid-template-columns:1fr;gap:20px}
.contact-box{grid-template-columns:1fr;padding:28px 20px;gap:35px}
.contact form,.contact-form{grid-template-columns:1fr}
.contact label:nth-child(4),.contact-form label:nth-child(4){grid-column:auto}
.footer-grid{grid-template-columns:1fr}
.footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3){display:none}
.floating-whatsapp{right:14px;bottom:14px;padding:9px 12px}
.process-item{min-height:190px}
.inner-hero{padding:145px 0 65px}
.inner-hero h1{font-size:43px}
.detail-card{min-height:auto}
.portfolio-card{min-height:280px}
}
/* ===== MOBIL GORUNUM DUZELTME =====
Masaustu duzenlemeleri mobil olcegi buyutmesin.
*/
@media (max-width:700px){
.container{width:calc(100% - 28px);max-width:none}
.brand-logo{width:175px;max-height:50px}
.footer .brand-logo{width:190px;max-height:50px}
.hero{
min-height:1040px;
padding-top:70px;
}
.hero h1{
font-size:48px;
letter-spacing:-3px;
}
.hero-copy p{font-size:16px}
.hero-actions{margin:30px 0}
.btn{min-height:48px}
.device-scene{
height:420px;
transform:scale(.85);
transform-origin:center top;
}
.desktop{right:-35px}
.laptop{left:-35px}
.phone{right:-20px}
.stats-grid{grid-template-columns:1fr 1fr}
.stats-grid>div{padding:20px 12px}
.stats strong{font-size:27px}
.section{padding:80px 0}
.section-heading h2,
.about-copy h2,
.contact h2{
font-size:34px;
letter-spacing:-1.5px;
}
.service-grid,
.project-grid,
.detail-grid,
.portfolio-grid,
.process-grid,
.hosting-preview-grid,
.domain-sales-grid{
grid-template-columns:1fr;
}
.project-card.large{grid-column:auto}
.project-art{height:220px}
.project-card .project-art.dynamic-art{min-height:220px}
.about-grid{gap:20px}
.about-visual{height:330px}
.contact-box{
padding:28px 20px;
gap:35px;
}
.contact form,
.contact-form{
grid-template-columns:1fr;
}
.contact label:nth-child(4),
.contact-form label:nth-child(4),
.contact button,
.contact-form button,
.form-note,
.contact-form #pageNote{
grid-column:auto;
}
.inner-hero{padding:145px 0 65px}
.inner-hero h1{font-size:43px}
.detail-card{min-height:auto}
.portfolio-card{min-height:280px}
.floating-whatsapp{
right:14px;
bottom:14px;
padding:9px 12px;
}
.floating-whatsapp .wa-label{font-size:10px}
.process-item{min-height:190px}
.footer-grid{grid-template-columns:1fr}
.footer-grid>div:nth-child(2),
.footer-grid>div:nth-child(3){display:none}
}
/* ===== PREMIUM CONTACT INFO ===== */
.contact-info-list{display:flex;flex-direction:column;gap:12px;margin-top:28px;max-width:520px}.contact-info-item{position:relative;display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 16px;border:1px solid rgba(98,243,222,.10);border-radius:13px;background:linear-gradient(135deg,rgba(14,32,45,.96),rgba(7,17,28,.96));text-decoration:none!important;color:#fff!important;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease}.contact-info-item:before{content:"";position:absolute;width:140px;height:140px;right:-90px;top:-85px;border-radius:50%;background:#62f3de;opacity:.035;transition:.3s ease}.contact-info-item:hover{transform:translateX(5px);border-color:rgba(98,243,222,.42);background:linear-gradient(135deg,rgba(13,39,47,.98),rgba(7,18,29,.98));box-shadow:0 14px 38px rgba(0,0,0,.28),0 0 26px rgba(98,243,222,.07)}.contact-info-item:hover:before{transform:scale(2);opacity:.07}.contact-info-icon{position:relative;z-index:2;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid rgba(98,243,222,.25);border-radius:11px;background:rgba(98,243,222,.06);color:#62f3de;font-size:18px;font-weight:800;box-shadow:inset 0 0 18px rgba(98,243,222,.03)}.contact-info-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:5px;min-width:0}.contact-info-content small{color:#62f3de;font-size:8px;font-weight:800;letter-spacing:2px}.contact-info-content strong{color:#edf8fa;font-size:13px;font-weight:600;word-break:break-word}.contact-info-arrow{position:relative;z-index:2;margin-left:auto;color:#536575;font-size:17px;transition:.25s ease}.contact-info-item:hover .contact-info-arrow{color:#62f3de;transform:translate(3px,-3px)}
@media(max-width:700px){.contact-info-list{width:100%;max-width:none;margin-top:24px;gap:10px}.contact-info-item{min-height:68px;padding:11px 13px;gap:12px;border-radius:12px}.contact-info-icon{width:40px;height:40px;flex-basis:40px;font-size:16px}.contact-info-content small{font-size:7px}.contact-info-content strong{font-size:12px}.contact-info-arrow{font-size:15px}}
/* ===== HOSTING İNCELE BUTONU ===== */
.hosting-preview-grid article a,
.hosting-preview-grid article .btn,
.hosting-preview-grid article .project-action,
.hosting-preview-grid article .review-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 11px 18px;
border: 1px solid #62f3de !important;
border-radius: 8px;
background: linear-gradient(135deg,#72f7e4,#45dfca) !important;
color: #061018 !important;
text-decoration: none !important;
font-size: 12px;
font-weight: 900;
box-shadow: 0 8px 24px rgba(98,243,222,.14);
transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.hosting-preview-grid article a:hover,
.hosting-preview-grid article .btn:hover,
.hosting-preview-grid article .project-action:hover,
.hosting-preview-grid article .review-btn:hover {
color: #061018 !important;
transform: translateY(-2px);
filter: brightness(1.04);
box-shadow: 0 12px 32px rgba(98,243,222,.24);
}
/* ===== MYK SEPET ===== */
.cart-link{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;color:#dffcf8!important;text-decoration:none!important}
.cart-icon{font-size:19px;line-height:1}
.cart-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:#62f3de;color:#041018;font-size:9px;font-weight:900}
.cart-link:hover{color:#62f3de!important}
.cart-page{padding:145px 0 100px;min-height:70vh}
.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:22px}
.cart-panel,.cart-summary{border:1px solid rgba(98,243,222,.12);border-radius:18px;background:linear-gradient(145deg,#0b1724,#07111b);box-shadow:0 20px 60px rgba(0,0,0,.22)}
.cart-panel{padding:25px}
.cart-summary{padding:25px;height:max-content;position:sticky;top:105px}
.cart-item{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.cart-item:last-child{border-bottom:0}
.cart-item small{display:block;color:#62f3de;font-size:9px;letter-spacing:1.5px;margin-bottom:5px}
.cart-item h3{margin:0;font:600 18px "Space Grotesk"}
.cart-item p{margin:6px 0 0;color:#7f8e9f;font-size:11px}
.cart-price{font:700 18px "Space Grotesk";white-space:nowrap}
.cart-remove{border:1px solid rgba(255,255,255,.1);background:transparent;color:#9aa8b7;border-radius:8px;padding:9px 11px;cursor:pointer}
.cart-remove:hover{color:#ff8e9a;border-color:rgba(255,142,154,.35)}
.cart-total{display:flex;justify-content:space-between;gap:15px;padding:18px 0;margin:8px 0 20px;border-top:1px solid rgba(255,255,255,.07);font-weight:800}
.cart-total strong{color:#62f3de;font:800 25px "Space Grotesk"}
.cart-empty{text-align:center;padding:45px 20px;color:#8493a4}
.cart-empty b{display:block;color:#fff;font:600 24px "Space Grotesk";margin-bottom:8px}
.cart-note{color:#728294;font-size:10px;line-height:1.6;margin-top:15px}
@media(max-width:850px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:1fr auto}.cart-item .cart-remove{grid-column:2}.cart-price{grid-column:2;grid-row:1}}
@media(max-width:700px){.cart-page{padding:125px 0 80px}.cart-panel,.cart-summary{padding:20px}.cart-item h3{font-size:16px}}
.inline-cart-form{margin:0}.hosting-card form{margin:0}.hosting-card form .btn{width:100%}