:root{--bg:#081522;--bg-2:#0c1e2e;--panel:#102637;--text:#f2f8fd;--muted:#a9bbca;--line:rgba(166,206,238,.16);--blue:#35c6f4;--blue2:#5c79ff;--gold:#ffb95b;--radius:20px;--container:1190px;font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}p{line-height:1.75}.container{width:min(calc(100% - 64px),var(--container));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-80px;z-index:999;background:#fff;color:#06121b;padding:12px}.skip-link:focus{top:12px}.top-glow{position:absolute;inset:0 0 auto;height:880px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 52% 44% at 72% 24%,rgba(11,106,140,.2),transparent 73%),radial-gradient(ellipse 44% 28% at 24% 15%,rgba(21,49,111,.16),transparent 74%)}
.site-header{position:sticky;top:0;z-index:30;background:rgba(8,21,34,.86);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:-.6px;white-space:nowrap;line-height:1}.brand-accent{color:var(--blue)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.3px;text-transform:uppercase;font-weight:700;margin-top:8px}.brand-mark{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:linear-gradient(135deg,#31bff3 8%,#1b67c1 65%,#174877);color:white;box-shadow:0 0 30px rgba(25,171,228,.2)}.brand-mark svg{width:23px;height:23px}.desktop-nav{display:flex;align-items:center;gap:32px}.desktop-nav a{font-size:13px;color:#c2d0de;transition:color .2s}.desktop-nav a:hover,.footer-top a:hover{color:var(--blue)}.header-cta{background:rgba(58,184,231,.14);border:1px solid rgba(64,190,231,.35);border-radius:11px;padding:12px 16px;font-size:12px;font-weight:750;white-space:nowrap;color:#cceefe}.header-cta span{margin-left:12px}.menu-toggle{display:none;background:none;border:none;width:38px;height:38px;padding:9px;cursor:pointer}.menu-toggle span{display:block;height:2px;margin-bottom:6px;background:white;border-radius:9px}.mobile-nav{display:none}.mobile-nav a{padding:12px 0;display:block;color:#d5e4ee;border-top:1px solid var(--line)}
.hero{min-height:680px;padding-top:92px;padding-bottom:95px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow,.kicker{font-weight:800;color:var(--blue);letter-spacing:2px;font-size:10px}.eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(40,153,198,.11);border:1px solid rgba(79,179,231,.17);padding:11px 14px;border-radius:100px;letter-spacing:1.35px}.status-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#41dfaa;box-shadow:0 0 0 4px rgba(65,223,170,.1)}.hero h1{font-size:clamp(45px,4.25vw,72px);line-height:1.11;letter-spacing:-3.2px;margin:27px 0 23px;font-weight:800}.text-gradient{background:linear-gradient(95deg,#60dbff 5%,#6b9bff 95%);color:transparent;background-clip:text}.hero-desc{color:#b9c9d7;font-size:16px;max-width:510px;line-height:1.9;margin-bottom:27px}.hero-actions,.app-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 22px;border-radius:11px;font-size:13px;font-weight:800;min-height:50px;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#031623;background:linear-gradient(110deg,#39c8ef,#83dffc);box-shadow:0 10px 28px rgba(32,175,234,.2)}.btn-ghost{border:1px solid #476173;color:#e4eef7;background:rgba(255,255,255,.03)}.hero-meta{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:44px;color:#9eafc0;font-size:11px}.hero-meta i{font-style:normal;color:#72dfba;margin-right:6px}.hero-visual{min-height:510px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-visual:after{position:absolute;content:"";inset:18% 0 10%;background-image:linear-gradient(to right,rgba(94,179,219,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(94,179,219,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,black,transparent 75%);z-index:-2}.halo{position:absolute;z-index:-1;border:1px solid rgba(95,174,221,.13);border-radius:50%}.halo-a{width:390px;height:390px}.halo-b{width:515px;height:515px}.visual-label{position:absolute;top:16px;right:18px;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.35px;color:#c4d9e8;font-weight:800}.visual-label-dot{height:9px;width:9px;background:#f7b253;transform:rotate(45deg)}.phone-display{position:absolute;border-radius:26px;overflow:hidden;border:5px solid #192d3e;background:#183247;box-shadow:0 25px 70px #010b16}.phone-display img{width:100%;height:100%;object-fit:cover}.phone-front{width:244px;height:425px;left:calc(50% - 150px);top:52px;transform:rotate(-7deg);z-index:3}.phone-back{width:209px;height:367px;left:calc(50% + 18px);top:103px;transform:rotate(11deg);z-index:2;filter:brightness(.84)}.float-card{position:absolute;z-index:5;display:flex;align-items:center;gap:11px;background:rgba(17,40,58,.96);border:1px solid #36536b;padding:14px;border-radius:14px;box-shadow:0 16px 50px rgba(0,0,0,.25)}.float-card b{display:block;font-size:12px}.float-card small{display:block;color:#9cb1c3;font-size:10px;margin-top:4px}.float-top{top:140px;left:0}.float-bottom{bottom:45px;right:0}.float-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(32,170,221,.18);color:var(--blue);font-weight:900;font-size:25px}.float-icon.orange{background:rgba(255,180,75,.15);color:var(--gold)}
.trustbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b1c2b}.trustbar-inner{height:80px;display:flex;align-items:center;justify-content:space-evenly;color:#819aaf;font-size:10px;letter-spacing:2px;font-weight:800}.trust-divider{color:#29485d;font-size:10px}.section{padding-top:110px;padding-bottom:115px}.section-heading{max-width:750px;margin-bottom:48px}.section-heading h2{font-weight:780;letter-spacing:-2px;font-size:clamp(34px,3.5vw,52px);line-height:1.23;margin:16px 0 0}.section-heading h2 em,.contact-inner h2 em{font-style:normal;color:#67cdea}.about-grid{display:grid;grid-template-columns:.74fr 1.26fr;gap:70px}.about-intro{color:#b7c8d6;font-size:15px}.inline-link{color:#68d4f9;font-weight:750;font-size:13px}.inline-link span{margin-left:10px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-card{min-height:238px;background:linear-gradient(145deg,rgba(21,45,62,.92),rgba(11,30,46,.72));border:1px solid var(--line);border-radius:16px;padding:24px 20px;position:relative}.value-number{display:block;font-weight:800;color:#6b8ba2;font-size:10px;letter-spacing:1px}.mini-icon{display:grid;place-items:center;width:40px;height:40px;margin-top:23px;color:#58d2ff;font-size:31px}.value-card h3{font-size:16px;letter-spacing:-.3px;margin:12px 0 8px}.value-card p{font-size:12px;color:#9fb5c6;line-height:1.65;margin:0}
.app-section{padding:110px 0;background:linear-gradient(180deg,#0e2333,#091925);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading-inline{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:60px}.section-heading-inline>p{color:#a8bbca;max-width:325px;font-size:14px;margin:0 0 8px}.app-spotlight{display:grid;grid-template-columns:1fr .86fr;gap:26px;padding:48px;background:linear-gradient(125deg,rgba(23,58,77,.92),rgba(14,35,51,.95));border:1px solid rgba(95,180,222,.2);border-radius:25px;overflow:hidden}.featured-tag{display:inline-flex;align-items:center;gap:12px;color:#80e4c5;font-size:10px;font-weight:850;letter-spacing:1.45px;padding:8px 12px;border:1px solid rgba(97,215,164,.22);border-radius:30px}.app-title-row{display:flex;align-items:center;gap:19px;margin-top:31px}.app-logo{width:98px;height:98px;object-fit:cover;border-radius:21px;border:1px solid rgba(255,255,255,.08)}.app-platform{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#94bad1}.app-title-row h3{font-size:clamp(28px,2.4vw,38px);letter-spacing:-1px;margin:8px 0 0}.app-lead{font-size:17px;color:#deeaf2;max-width:400px;margin:26px 0}.feature-list{padding:0;margin:0 0 36px;list-style:none}.feature-list li{font-size:13px;color:#bdd0db;display:flex;align-items:center;gap:12px;margin:13px 0}.feature-list li span{font-weight:900;color:#57d6b8}.text-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#b7dced;font-weight:650}.app-screens{background:rgba(5,17,27,.37);border-radius:18px;padding:24px 18px;align-self:center;border:1px solid var(--line)}.screens-caption{text-align:center;color:#89b1c4;letter-spacing:1.5px;font-size:10px;font-weight:800;margin:0 0 25px}.screens-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:11px}.screens-row img{width:100%;height:auto;aspect-ratio:211/370;object-fit:cover;border-radius:9px;border:1px solid #254e61;box-shadow:0 15px 30px #06131c}.screens-row img:nth-child(2){transform:translateY(-8px)}.coming-next{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0c2030;border:1px dashed #2a5165;border-radius:17px;padding:26px 31px}.soon-indicator{font-weight:850;color:#f6be74;letter-spacing:1.5px;font-size:10px}.coming-next h3{font-size:20px;margin:9px 0}.coming-next p{font-size:13px;color:#99b1c1;margin:0}.coming-icon{display:flex;gap:12px;font-size:33px;color:#547a93}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.steps article{border-top:2px solid rgba(56,184,228,.4);padding-top:24px}.step-count{color:#5fcaf3;font-size:11px;font-weight:800;letter-spacing:1.5px}.steps h3{margin:25px 0 12px;font-size:20px;letter-spacing:-.5px}.steps p{color:#a9bdce;font-size:14px;max-width:315px}.contact-band{background:linear-gradient(115deg,#0c5377 0%,#0e7195 55%,#267a92 100%);padding:73px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-inner .kicker{color:#b9ebf8}.contact-inner h2{font-size:clamp(38px,3.5vw,54px);margin:15px 0;letter-spacing:-2px;line-height:1.14}.contact-inner h2 em{color:#bcefff}.contact-inner p{font-size:14px;color:#d3e8f0;margin:0}.btn-light{background:#fff;color:#0e3b51;white-space:nowrap}.site-footer{background:#06121c;padding:58px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:55px}.footer-brand{font-size:25px;font-weight:800;letter-spacing:-1px}.footer-brand span{color:#50c7f3}.footer-top p{font-size:13px;color:#94aabb;margin:12px 0}.footer-top nav{display:flex;gap:27px;align-items:start;flex-wrap:wrap}.footer-top nav a{font-size:12px;color:#bccbda}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#718c9f;font-size:11px}
@media(max-width:1050px){.desktop-nav{gap:15px}.header-cta{display:none}.hero{gap:22px}.hero h1{font-size:55px}.about-grid{grid-template-columns:1fr;gap:35px}.app-spotlight{padding:30px}.value-card{min-height:210px}}
@media(max-width:760px){.container{width:min(calc(100% - 36px),550px)}.header-inner{height:71px}.brand{font-size:19px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-nav:not([hidden]){display:block;padding-bottom:14px}.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:45px;min-height:auto;gap:15px}.hero h1{font-size:clamp(40px,10vw,56px);letter-spacing:-2.3px}.hero-desc{font-size:14px}.hero-meta{margin-top:32px}.hero-visual{min-height:460px;max-width:520px;width:100%;margin:0 auto}.phone-front{left:calc(50% - 155px);top:34px}.phone-back{left:calc(50% + 17px);top:95px}.float-top{left:0;top:113px}.float-bottom{right:0;bottom:5px}.visual-label{top:1px}.halo-a{width:300px;height:300px}.halo-b{width:420px;height:420px}.trustbar-inner{height:auto;padding:24px 0;gap:13px;flex-wrap:wrap;font-size:9px;letter-spacing:1px}.section,.app-section{padding-top:78px;padding-bottom:78px}.section-heading h2{letter-spacing:-1.5px}.values-grid{grid-template-columns:1fr;gap:12px}.value-card{min-height:auto}.mini-icon{margin-top:12px}.section-heading-inline{display:block}.section-heading-inline>p{max-width:450px;margin-top:20px}.app-spotlight{grid-template-columns:1fr;padding:24px;gap:35px}.app-logo{width:77px;height:77px;border-radius:16px}.screens-row{gap:9px}.coming-next{padding:20px}.steps{grid-template-columns:1fr}.steps article{padding-bottom:10px}.steps h3{margin-top:13px}.contact-inner{display:block}.contact-inner .btn{margin-top:27px}.footer-top{display:block}.footer-top nav{margin-top:35px;gap:16px}.footer-bottom{display:block;line-height:2.4}}
@media(max-width:420px){.eyebrow{font-size:8px;letter-spacing:.9px}.hero-visual{min-height:420px}.phone-front{height:350px;width:203px;left:calc(50% - 126px)}.phone-back{height:290px;width:165px;left:calc(50% + 10px)}.float-card{padding:10px}.float-top{top:120px;left:-8px}.float-bottom{bottom:8px;right:-6px}.screens-row{gap:5px}.app-spotlight{padding:18px}.app-title-row{gap:12px}.app-title-row h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.btn{transition:none}}
@media(max-width:420px){.hero-visual .halo-b{width:100%;height:auto;aspect-ratio:1}.hero-visual .phone-back{left:calc(50% + 0px)}}

/* Product 02 — Travel Expense Tracker */
.travel-feature{margin-top:24px;display:grid;grid-template-columns:1.04fr .96fr;gap:44px;align-items:center;padding:47px 55px;border:1px solid rgba(118,119,243,.26);border-radius:24px;background:radial-gradient(circle at 78% 35%,rgba(71,99,181,.19),transparent 44%),linear-gradient(115deg,#122235,#111a2d);overflow:hidden}.travel-copy h3{font-size:clamp(37px,4vw,56px);line-height:1.04;letter-spacing:-2.4px;margin:20px 0}.travel-copy h3 span{color:#9ea9ff}.travel-copy>p{color:#b9c8d9;max-width:460px;font-size:14px}.travel-chips{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.travel-chips span{border:1px solid rgba(167,177,255,.26);background:rgba(118,126,236,.09);border-radius:100px;padding:7px 11px;color:#d6dcff;font-size:10px}.travel-copy .disclaimer{font-size:10px;color:#849aab;margin:16px 0 0}.travel-ui{width:min(100%,345px);margin:auto;padding:23px;background:linear-gradient(157deg,#fefeff,#e9efff);border:8px solid #1b2a4b;border-radius:30px;box-shadow:0 35px 75px rgba(0,0,0,.34);color:#233050;transform:rotate(3deg)}.ui-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:1.4px;color:#515f9a}.ui-emblem{display:grid;place-items:center;border-radius:10px;background:#5c70dd;color:white;width:30px;height:30px;font-size:20px}.ui-trip{font-size:20px;font-weight:850;margin:22px 0 15px}.ui-trip small{font-size:8px;color:#8c97b6;font-weight:750;display:block;margin-top:5px}.ui-budget{background:#253660;border-radius:15px;padding:21px;color:white;display:flex;flex-direction:column;gap:6px}.ui-budget span{font-size:11px;color:#b0c9e7}.ui-budget b{font-size:29px}.ui-progress{background:#526285;height:7px;border-radius:20px;margin-top:7px}.ui-progress i{display:block;width:31%;height:100%;border-radius:20px;background:#82e6d0}.ui-budget small{font-size:11px;color:#b4d8d6;margin-top:6px}.ui-row{display:flex;justify-content:space-between;padding:15px 4px;border-bottom:1px solid #dbe2f3;font-size:12px}.ui-row strong{font-size:12px}.ui-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:19px;color:#5464ad;font-weight:850;font-size:11px}.ui-bottom span{border-radius:8px;background:#e0e8ff;padding:10px}.product-detail{padding:96px 0}.product-detail h1{font-size:clamp(40px,5vw,66px);max-width:710px;line-height:1.1;letter-spacing:-2px}.product-detail .lead{font-size:17px;color:#bed0df;max-width:680px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:50px 0}.feature-tile{padding:28px;background:#122839;border:1px solid var(--line);border-radius:18px}.feature-tile h3{margin:12px 0;font-size:19px}.feature-tile p{font-size:13px;color:#9db1c2}.feature-tile .glyph{font-size:28px;color:#83c9ff}.notice{padding:18px 22px;border-left:3px solid #8d9efa;background:#182739;color:#bdcfe0;border-radius:8px;margin:25px 0}.privacy-link{color:#9dddfb;text-decoration:underline}@media(max-width:800px){.travel-feature{grid-template-columns:1fr;padding:30px;gap:30px}.travel-ui{width:min(100%,330px);transform:none}.feature-grid{grid-template-columns:1fr}.product-detail{padding:60px 0}}@media(max-width:420px){.travel-feature{padding:20px}.travel-ui{border-width:5px;padding:17px}.ui-budget b{font-size:26px}}

/* v2.1 — spacing adjustment only. Preserve approved phone artwork, product images and cards. */
@media (min-width: 761px) {
  .section {padding-top: 66px; padding-bottom: 72px;}
  .app-section {padding-top: 70px; padding-bottom: 74px;}
  .section-heading {margin-bottom: 38px;}
}
@media (max-width: 760px) {
  .section, .app-section {padding-top: 52px; padding-bottom: 56px;}
  .section-heading {margin-bottom: 30px;}
}
#vizyon, #uygulamalar, #yaklasim, #iletisim {scroll-margin-top: 90px;}


/* v2.2 — show original Play Store promotional screenshots intact.
   These images are posters containing a phone and captions, NOT raw phone-screen bitmaps.
   Do not insert them into a second simulated phone frame or crop away the headline. */
.hero-visual .phone-display {
  overflow:visible;
  border:0;
  border-radius:14px;
  background:transparent;
  box-shadow:0 20px 55px rgba(0,9,23,.36);
}
.hero-visual .phone-display img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:14px;
}
.hero-visual .phone-front {
  width:211px;
  height:370px;
  left:calc(50% - 140px);
  top:81px;
  transform:rotate(-5deg);
}
.hero-visual .phone-back {
  width:197px;
  height:341px;
  left:calc(50% + 26px);
  top:105px;
  transform:rotate(8deg);
  filter:brightness(.86);
}
.hero-visual .visual-label {top:8px; right:18px}
.app-screens .screens-row img {
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
}
@media (max-width:760px) {
  .hero-visual .phone-front {left:calc(50% - 133px);top:62px;width:206px;height:361px}
  .hero-visual .phone-back {left:calc(50% + 23px);top:101px;width:185px;height:320px}
}
@media (max-width:420px) {
  .hero-visual {min-height:390px}
  .hero-visual .phone-front {left:calc(50% - 112px);top:60px;width:177px;height:311px}
  .hero-visual .phone-back {left:calc(50% + 17px);top:90px;width:148px;height:256px}
  .hero-visual .float-top {top:125px;left:-4px}
  .hero-visual .float-bottom {bottom:2px;right:-2px}
  .hero-visual .visual-label {right:0;top:4px;font-size:8px}
}