:root{--ink:#1e1f22;--paper:#f4f1eb;--orange:#ff6132;--blue:#73b7e4;--cream:#fffdf9;--muted:#6d6c6a;--line:rgba(30,31,34,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.04;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:800;text-decoration:none;font-size:24px;letter-spacing:-1.6px}.brand-mark{width:25px;height:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-items:end}.brand-mark i{display:block;background:var(--orange);border-radius:1px;transform:skewY(-18deg)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:17px}.main-nav{display:flex;gap:34px;margin-left:75px}.main-nav a,.header-cta,.text-link{color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.2px}.main-nav a{transition:color .2s}.main-nav a:hover{color:var(--orange)}.header-cta{border:1px solid var(--ink);border-radius:99px;padding:12px 17px}.header-cta span,.button span{font-size:17px;margin-left:10px;line-height:0}.menu-toggle{display:none;background:none;border:0;width:40px;height:40px;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;transition:.25s}.section-pad{padding-left:clamp(22px,9vw,145px);padding-right:clamp(22px,9vw,145px)}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative;padding-top:52px;padding-bottom:102px;isolation:isolate}.eyebrow{font-family:"DM Mono",monospace;font-size:10px;font-weight:500;letter-spacing:1.2px;margin:0 0 21px;display:flex;align-items:center;gap:9px}.eyebrow span{display:inline-block;width:24px;height:1px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2{font-size:clamp(48px,5.8vw,93px);line-height:.98;letter-spacing:-5.5px;font-weight:700;margin-bottom:26px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-5px}h1 em{color:var(--orange)}.hero-text{font-size:16px;line-height:1.65;color:var(--muted);max-width:410px;margin-bottom:31px}.hero-actions{display:flex;align-items:center;gap:31px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 21px;border-radius:3px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.2px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{color:#fff;background:var(--ink)}.text-link{border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{font-size:17px;padding-left:7px}.hero-art{height:460px;position:relative;margin-left:15px}.dashboard-card{background:#fffefa;width:min(100%,550px);height:335px;position:absolute;left:37px;top:62px;border-radius:7px;box-shadow:0 32px 70px rgba(39,33,29,.15);transform:rotate(-4deg);overflow:hidden;z-index:3}.window-top{height:36px;border-bottom:1px solid #ededed;display:flex;align-items:center;padding:0 13px;gap:5px}.window-top span{width:6px;height:6px;background:#d9d9d9;border-radius:50%}.window-top span:first-child{background:var(--orange)}.window-top b{font:9px "DM Mono";color:#aaa;margin-left:13px}.dash-content{display:flex;height:calc(100% - 36px)}.dash-side{width:71px;background:#faf9f6;padding:24px 17px}.dash-side i{height:6px;background:#dad9d6;border-radius:4px;display:block;margin-bottom:17px}.dash-side i:nth-child(1){width:34px;background:var(--orange)}.dash-side i:nth-child(2){width:22px}.dash-side i:nth-child(3){width:31px}.dash-side i:nth-child(4){width:17px}.dash-main{padding:26px;width:calc(100% - 71px)}.dash-heading{display:flex;justify-content:space-between;align-items:center}.dash-heading div{width:120px;height:12px;background:#222;border-radius:2px}.dash-heading small{font:9px "DM Mono";color:#999}.chart{height:153px;padding-top:16px}.chart svg{width:100%;height:100%}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-stats div{background:#f6f5f2;border-radius:3px;padding:10px}.dash-stats b{display:block;font-size:15px}.dash-stats small{display:block;color:#a1a09c;font-size:8px;margin-top:2px}.orbit{position:absolute;border:1px solid rgba(30,31,34,.12);border-radius:50%;z-index:0}.orbit-one{width:420px;height:420px;top:14px;right:-22px}.orbit-two{width:320px;height:320px;top:62px;right:28px;border-style:dashed}.orb{position:absolute;border-radius:50%;z-index:2}.orb-orange{background:var(--orange);width:48px;height:48px;right:7px;top:6px;box-shadow:0 8px 17px rgba(255,97,50,.28)}.orb-blue{background:var(--blue);width:31px;height:31px;left:7px;bottom:26px}.float-note{position:absolute;z-index:5;background:#fffefa;border-radius:4px;box-shadow:0 12px 25px rgba(45,41,36,.13);padding:11px 13px;display:flex;gap:9px;align-items:center}.float-note b{font-size:10px;display:block}.float-note small{font-size:8px;display:block;color:#868581;margin-top:2px}.note-icon{width:26px;height:26px;border-radius:50%;background:#f9dfd4;color:var(--orange);display:grid;place-items:center;font-size:13px}.note-one{right:-3px;bottom:42px}.note-two{left:0;top:37px}.green-dot{width:8px;height:8px;background:#5ebc80;border-radius:50%;box-shadow:0 0 0 4px #dff3e5}.scroll-hint{position:absolute;bottom:35px;left:clamp(22px,9vw,145px);font:9px "DM Mono";letter-spacing:1.1px;color:#8b8985;display:flex;align-items:center;gap:8px}.scroll-hint span{height:36px;width:1px;background:#b5b2ab;position:relative}.scroll-hint span:after{content:"";position:absolute;width:5px;height:5px;border-right:1px solid #777;border-bottom:1px solid #777;bottom:0;left:-2px;transform:rotate(45deg)}.intro-strip{background:var(--orange);color:#fff8f2;min-height:88px;display:flex;align-items:center;justify-content:center;gap:clamp(22px,7vw,105px);font-size:14px;letter-spacing:-.4px;padding:15px 20px}.intro-strip p{margin:0}.intro-strip strong{font-weight:700}.strip-symbol{font-size:25px}.services{padding-top:145px;padding-bottom:145px}.section-heading h2{font-size:clamp(40px,4.8vw,72px);letter-spacing:-4px}.section-heading h2 em{color:var(--blue)}.service-grid{margin-top:62px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-card{min-height:340px;padding:23px 31px 27px;border-right:1px solid var(--line);position:relative;display:flex;flex-direction:column}.service-card:first-child{border-left:1px solid var(--line)}.service-card.featured{background:var(--ink);color:#fff;border-color:var(--ink)}.card-number{font:11px "DM Mono";color:#919294}.featured .card-number{color:#888}.service-icon{height:85px;margin:25px 0 13px;position:relative}.icon-web{width:112px;border:2px solid currentColor;border-radius:4px;height:67px}.icon-web:before{content:"";height:13px;border-bottom:2px solid currentColor;display:block}.icon-web span{display:inline-block;width:15px;height:4px;background:currentColor;border-radius:3px;position:absolute;top:29px;left:16px}.icon-web span:nth-child(2){left:38px;width:28px}.icon-web span:nth-child(3){top:43px;width:54px}.icon-mobile{width:41px;height:74px;border:2px solid currentColor;border-radius:7px}.icon-mobile:before{content:"";position:absolute;top:8px;left:12px;width:13px;height:2px;background:currentColor}.icon-mobile span{position:absolute;bottom:7px;width:4px;height:4px;background:currentColor;border-radius:50%;left:17px}.icon-brand{width:78px;height:72px;display:flex;align-items:flex-end;gap:6px}.icon-brand i{display:block;background:var(--orange);width:17px;border-radius:2px 2px 0 0}.icon-brand i:nth-child(1){height:31px}.icon-brand i:nth-child(2){height:65px;background:var(--blue)}.icon-brand i:nth-child(3){height:46px}.service-card h3{font-size:22px;letter-spacing:-1.4px;margin:0 0 10px}.service-card p{font-size:12px;line-height:1.65;color:#777;max-width:215px;margin:0}.featured p{color:#b9b9b9}.service-card a{margin-top:auto;color:inherit;font-size:11px;font-weight:800;text-decoration:none;padding-top:25px}.service-card a span{font-size:17px;margin-left:7px}.process{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;padding-top:110px;padding-bottom:110px;overflow:hidden}.process-visual{height:420px;position:relative;display:flex;align-items:center}.large-number{font-size:clamp(66px,10vw,144px);letter-spacing:-9px;color:rgba(255,255,255,.1);font-weight:800;white-space:nowrap}.large-number span{color:var(--orange);font-family:Georgia,serif;font-weight:400}.process-line{position:absolute;left:0;right:0;top:51%;height:1px;background:#57585b;display:flex;justify-content:space-between}.process-line span{width:10px;height:10px;border:1px solid #838487;border-radius:50%;background:var(--ink);margin-top:-5px}.process-line span:first-child{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 9px rgba(255,97,50,.15)}.process-glow{position:absolute;bottom:-160px;left:-110px;width:360px;height:360px;background:radial-gradient(circle,rgba(255,97,50,.3),transparent 65%)}.eyebrow.light{color:#ddd}.process h2{font-size:clamp(39px,4.2vw,61px);letter-spacing:-4px}.process h2 em{color:var(--orange)}.steps{margin-top:36px}.step{display:flex;gap:19px;padding:0 0 20px;margin-bottom:15px;border-bottom:1px solid #46474a;opacity:.52;transition:.2s}.step.active,.step:hover{opacity:1}.step b{font:10px "DM Mono";color:var(--orange);padding-top:5px}.step h3{font-size:15px;margin:0 0 5px}.step p{font-size:11px;line-height:1.6;color:#b3b3b4;margin:0}.why{padding-top:141px;padding-bottom:133px}.why-top{display:flex;justify-content:space-between;align-items:flex-start}.why-top h2{font-size:clamp(40px,4.8vw,73px);letter-spacing:-4.5px;margin:0}.why-top h2 em{color:var(--orange)}.why-list{margin-top:82px;border-top:1px solid var(--line)}.why-item{display:grid;grid-template-columns:12% 38% 1fr;align-items:center;border-bottom:1px solid var(--line);padding:27px 0}.why-item span{font:10px "DM Mono";color:var(--orange)}.why-item h3{font-size:18px;letter-spacing:-.9px;margin:0}.why-item p{font-size:12px;line-height:1.65;color:#74736f;max-width:335px;margin:0}.contact{background:var(--blue);color:var(--ink);padding-top:130px;padding-bottom:51px;position:relative;overflow:hidden}.contact .eyebrow{margin-bottom:20px}.contact h2{font-size:clamp(51px,6.4vw,96px);letter-spacing:-6px;margin-bottom:31px;position:relative;z-index:1}.contact h2 em{color:#f1f5f2}.button-light{background:var(--ink);color:white;position:relative;z-index:1}.contact-spark{position:absolute;right:12vw;top:62px;font-size:130px;line-height:1;color:rgba(255,255,255,.28);transform:rotate(15deg)}.contact-details{margin-top:104px;padding-top:20px;border-top:1px solid rgba(30,31,34,.3);display:flex;gap:clamp(30px,10vw,170px);position:relative;z-index:1}.contact-details a{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}.contact-details small{font:9px "DM Mono";letter-spacing:1px;display:block;margin-bottom:8px}footer{display:flex;align-items:center;justify-content:space-between;min-height:90px;padding:0 clamp(22px,5vw,78px);background:var(--ink);color:#fff}footer .brand{color:#fff;font-size:20px}footer .brand-mark{transform:scale(.8);transform-origin:left center}footer p,footer a.back-top{font:9px "DM Mono";letter-spacing:.9px;margin:0;color:#999;text-decoration:none}.back-top{color:#ddd!important}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}
@media(max-width:780px){.site-header{height:70px;padding:0 21px}.main-nav,.header-cta{display:none}.menu-toggle{display:block}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header:has(.menu-toggle.open) .main-nav{display:flex;position:absolute;top:70px;left:0;right:0;margin:0;padding:22px;background:var(--paper);flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.hero{min-height:auto;grid-template-columns:1fr;padding-top:56px;padding-bottom:91px}.hero-art{margin:40px 0 0;height:350px;transform:scale(.93);transform-origin:left top;width:107%}h1{font-size:57px;letter-spacing:-4px}.hero-text{font-size:14px}.scroll-hint{bottom:25px}.intro-strip{font-size:11px;gap:15px;min-height:78px;text-align:center}.strip-symbol{font-size:18px}.services,.why{padding-top:82px;padding-bottom:80px}.service-grid{grid-template-columns:1fr}.service-card{min-height:265px;border-left:1px solid var(--line)!important;border-bottom:0}.service-card:last-child{border-bottom:1px solid var(--line)}.service-icon{margin:15px 0 0;transform:scale(.78);transform-origin:left top;height:58px}.service-card p{max-width:300px}.process{grid-template-columns:1fr;padding-top:76px;padding-bottom:72px;gap:20px}.process-visual{height:155px;order:2}.large-number{font-size:68px;letter-spacing:-6px}.why-top{display:block}.why-top .eyebrow{margin-bottom:20px}.why-list{margin-top:48px}.why-item{grid-template-columns:15% 1fr;gap:7px;padding:22px 0}.why-item p{grid-column:2;font-size:11px}.contact{padding-top:80px}.contact h2{font-size:56px;letter-spacing:-4.3px}.contact-spark{font-size:90px;right:5vw;top:38px}.contact-details{margin-top:70px;display:grid;gap:28px}.contact-details a{font-size:13px}footer{min-height:120px;display:grid;grid-template-columns:1fr 1fr;gap:17px;padding-top:20px;padding-bottom:20px}footer p{grid-column:1/-1;grid-row:2}.back-top{text-align:right}.section-pad{padding-left:22px;padding-right:22px}}
@media(max-width:390px){h1{font-size:51px}.hero-art{transform:scale(.8);height:300px;width:124%}.intro-strip{font-size:10px}.contact h2{font-size:49px}}/* Yazı Dizilim & Harf Efektleri */
.word-reveal {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}

.word-reveal span {
  display: inline-block;
  transform: translateY(110%);
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.is-visible .word-reveal span {
  transform: translateY(0);
}

/* Kayan Parlama Efekti (Shimmer) */
.text-glow {
  background: linear-gradient(120deg, var(--ink) 30%, var(--orange) 50%, var(--ink) 70%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 6s infinite linear;
}

@keyframes shine {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

/* Yüzen Kart & Obje Animasyonu (Hero Alanı İçin) */
.dashboard-card, .orb, .float-note {
  animation: floatSlow 5s ease-in-out infinite alternate;
}

.float-note.note-two {
  animation-delay: -2.5s;
}

@keyframes floatSlow {
  0% { transform: translateY(0) rotate(-4deg); }
  100% { transform: translateY(-12px) rotate(-2deg); }
}

/* Hover Etkileşimleri */
.service-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(0,0,0,0.08);
}