/*
 * Copyright (c) 2025-2026 Lunify A.Ş. All rights reserved.
 * Proprietary first-party source for Lunify Vela; third-party licenses are separate.
 */
/* Lunify Vela landing page — visual refresh, 2026-10-02 */
:root{
  --bg:#fff;
  --cream:#f6f7fb;
  --surface:#fff;
  --ink:#17182b;
  --body:#50566a;
  --muted:#747b8e;
  --line:#e5e8f0;
  --line2:#eff1f6;
  --gold:#d1ae5a;
  --gold-2:#e4cb8a;
  --gold-3:#8d6e2d;
  --violet:#4f46d8;
  --violet-2:#7168ed;
  --violet-soft:#f1f0ff;
  --nav-bg:rgba(255,255,255,.92);
}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--bg);color:var(--body);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
h1,h2,h3{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:650;letter-spacing:-.035em;color:var(--ink)}
.wrap{max-width:1200px;padding-inline:clamp(20px,3.3vw,42px)}
section{padding:82px 0}
.mono{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:.09em;font-size:11px;color:var(--gold-3)}
.eyebrow{padding:7px 13px;border-color:#e7e4ff;background:rgba(255,255,255,.86);box-shadow:0 3px 12px rgba(40,37,90,.04)}
.eyebrow .dot{background:var(--violet);box-shadow:0 0 0 4px rgba(79,70,216,.12)}
.btn{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:650;letter-spacing:0;text-transform:none;padding:13px 21px;border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.btn-primary{background:linear-gradient(135deg,var(--violet),var(--violet-2));box-shadow:0 8px 20px rgba(79,70,216,.19)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(79,70,216,.25)}
.btn-ghost{border-color:var(--line);color:var(--ink);background:rgba(255,255,255,.84)}
.btn-ghost:hover{border-color:#c9c5ff;color:var(--violet);background:#fff}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(79,70,216,.3);outline-offset:3px}
header.nav{background:var(--nav-bg);border-bottom-color:rgba(225,228,237,.85);backdrop-filter:blur(16px)}
.nav-in{max-width:1200px;min-height:76px;padding:10px clamp(20px,3.3vw,42px);gap:18px}
.brand{gap:10px}
.brand img.logo{height:36px}
.brand .tag{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:750;letter-spacing:.16em;color:var(--violet);border-left-color:var(--line);padding-left:11px}
.nav-links{gap:clamp(12px,1.6vw,22px)}
.nav-links a{font-size:13px;font-weight:550;color:#555b6c;white-space:nowrap;transition:color .15s ease}
.nav-links a:hover{color:var(--violet)}
.nav-right{gap:9px}
.lang-sw{border-color:var(--line);padding:3px;background:#f7f8fc}
.lang-sw a{font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.04em;padding:6px 9px;border-radius:999px}
.lang-sw a.on{background:var(--violet);box-shadow:0 2px 6px rgba(79,70,216,.18)}
.hero{padding:80px 0 88px;background:radial-gradient(38rem 26rem at 84% 26%,rgba(115,106,236,.11),transparent 72%),radial-gradient(34rem 25rem at 6% 5%,rgba(220,202,147,.13),transparent 72%),linear-gradient(180deg,#f9f9ff 0%,#fff 92%)}
.aurora-bg{background:radial-gradient(35% 46% at 70% 24%,rgba(115,106,236,.055),transparent 72%)}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(330px,.82fr);gap:clamp(36px,6vw,76px)}
.hero h1{font-size:clamp(42px,5.1vw,64px);line-height:1.07;letter-spacing:-.055em;margin:22px 0 20px;max-width:700px}
.hero h1 em{font-style:normal;background:linear-gradient(105deg,#5149da,#8a70d9);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(16px,1.55vw,18px);line-height:1.72;color:#51576a;max-width:610px;margin:0}
.lead b{color:var(--ink);font-weight:650}
.hero-cta{gap:11px;margin:27px 0 14px}
.hero-note{max-width:610px;margin:15px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.phone{width:min(360px,100%);border:1px solid #e3e5ef;border-radius:27px;box-shadow:0 30px 80px rgba(31,34,76,.13),0 4px 12px rgba(31,34,76,.04);background:#fff}
.phone-bar{padding:13px 17px;background:#fafaff;border-bottom-color:var(--line2)}
.phone-bar b{font-family:Inter,system-ui,sans-serif;font-weight:700;color:var(--ink)}
.phone-bar span{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:9px;letter-spacing:.1em;color:var(--violet)}
.phone-body{min-height:340px;padding:17px;background:linear-gradient(180deg,#fff,#fafaff);gap:12px}
.b{font-size:13px;border-radius:15px;box-shadow:0 2px 7px rgba(22,24,55,.035)}
.b.me{background:linear-gradient(135deg,#5048d7,#7066e8);border-bottom-right-radius:5px}
.b.bot{border-color:#e8e9f1;border-bottom-left-radius:5px}
.chip{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:.02em;text-transform:none;padding:6px 11px}
.chip.ok{background:#21835b;border-color:#21835b}
.phone-foot{background:#fafaff;border-top-color:var(--line2)}
.phone-foot .fake-in{border-color:#e5e7ef}
.phone-foot .fmic{background:var(--violet)}
.alt{background:var(--cream)}
.sec-head{max-width:740px;margin-bottom:34px}
.sec-head h2{font-size:clamp(30px,3.7vw,43px);line-height:1.13;letter-spacing:-.045em;margin:10px 0 12px}
.sec-head p{font-size:16px;line-height:1.7;color:#5c6274}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cards.why3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards.who4{grid-template-columns:repeat(2,minmax(0,1fr))}
.card-x{border:1px solid var(--line);border-radius:18px;padding:24px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(33,37,70,.035);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.card-x:hover{border-color:#d9d7fa;box-shadow:0 12px 28px rgba(33,37,70,.07);transform:translateY(-2px)}
.card-x .ic{width:44px;height:44px;border:0;border-radius:13px;background:var(--violet-soft);margin-bottom:16px}
.card-x h3{font-size:19px;line-height:1.3;letter-spacing:-.025em;margin-bottom:8px}
.card-x p{font-size:14.5px;line-height:1.7;color:#5c6274}
#emlak{background:linear-gradient(180deg,#fff 0%,#f8f7ff 100%)}
.steps{gap:24px}
.step{border-left:1px solid #dfe2ed;padding:7px 0 7px 27px}
.step:before{background:var(--violet);box-shadow:0 0 0 5px var(--bg);font-family:Inter,system-ui,sans-serif;font-weight:700}
.step h3{font-size:19px;letter-spacing:-.025em;margin-bottom:7px}
.step p{font-size:14.5px;line-height:1.7}
.trust{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(34px,6vw,70px)}
.tlist{gap:10px}
.tlist div{gap:12px;border-color:var(--line);border-radius:15px;padding:16px 17px;box-shadow:0 3px 12px rgba(33,37,70,.025)}
.tlist span.v{flex:0 0 23px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#eaf7f0;color:#168250;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:800}
.tlist p{font-size:14px;line-height:1.65;color:#596073}
.tlist p b{color:var(--ink)}
.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan{border:1px solid var(--line);border-radius:19px;padding:25px;background:#fff;gap:14px;box-shadow:0 6px 22px rgba(33,37,70,.035)}
.plan.hot{border:1.5px solid #aaa6f4;box-shadow:0 14px 38px rgba(79,70,216,.10);background:linear-gradient(180deg,#fbfaff,#fff 45%)}
.plan.hot .flag{background:var(--violet);font-family:Inter,system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:none;padding:6px 11px}
.plan h3{font-size:21px;letter-spacing:-.025em}
.plan-desc{margin:-6px 0 0;color:#667085;font-size:13px;line-height:1.55}
.price{font-family:Inter,system-ui,sans-serif;font-size:29px;font-weight:750;letter-spacing:-.04em;color:var(--ink)}
.price small{font-size:12px;letter-spacing:0;line-height:1.45}
.plan ul{gap:10px;font-size:14px;line-height:1.55;color:#555c70}
.plan ul li:before{color:#29815c;font-weight:700}
.plan .btn{width:100%}
.faq{max-width:850px;gap:10px}
.faq-i{border:1px solid var(--line);border-radius:15px;padding:0 19px;background:#fff;box-shadow:0 3px 12px rgba(33,37,70,.025)}
.faq-i summary{font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:650;letter-spacing:-.015em;padding:17px 0;color:var(--ink)}
.faq-i summary::after{font-size:21px;color:var(--violet)}
.faq-i p{font-size:14.5px;line-height:1.72;color:#5b6274}
.cta-box{border:1px solid #e3e1fb;border-radius:23px;padding:52px 32px;background:radial-gradient(22rem 15rem at 10% 0%,rgba(209,174,90,.09),transparent 72%),linear-gradient(135deg,#f3f2ff,#fff 72%);box-shadow:0 10px 34px rgba(45,42,99,.045)}
.cta-box h2{font-size:clamp(29px,3.7vw,42px);line-height:1.14;letter-spacing:-.045em;margin:10px 0 12px}
.cta-box p{font-size:16px;line-height:1.7;color:#5b6274}
footer{border-top:1px solid var(--line);padding:34px 0;background:#f8f9fc;color:#6a7183;font-size:12.5px}
.foot{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:start}
.foot a{color:#5149c9}
.foot a:hover{text-decoration:underline;text-underline-offset:3px}
.brand img.logo{max-width:100%}
/* Keep all copy visible when animation scripts or observer support are unavailable. */
.reveal,.reveal.in{opacity:1;transform:none;transition:none}
@media(max-width:1000px){
  .nav-burger{display:inline-flex;border-color:var(--line);border-radius:11px;color:var(--ink);background:#fff;padding:9px 11px}
  .nav-links{display:flex;position:absolute;top:100%;left:14px;right:14px;flex-direction:column;align-items:stretch;gap:0;padding:0 18px;max-height:0;overflow:hidden;opacity:0;pointer-events:none;background:#fff;border:1px solid transparent;border-radius:0 0 16px 16px;box-shadow:0 18px 34px rgba(25,28,65,.10);transition:max-height .22s ease,opacity .18s ease,padding .18s ease}
  body.nav-open .nav-links{max-height:72vh;overflow:auto;opacity:1;pointer-events:auto;padding:8px 18px 13px;border-color:var(--line)}
  .nav-links a{padding:12px 0;border-bottom:1px solid var(--line2);font-size:14px}
  .nav-links a:last-child{border-bottom:0}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.86fr);gap:34px}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan:last-child{grid-column:1/-1}
}
@media(max-width:900px){
  .hero{padding:62px 0 70px}
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-grid>div:first-child{max-width:700px}
  .phone{width:min(400px,100%)}
  .trust{grid-template-columns:1fr;gap:28px}
  .cards.why3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:650px){
  html{scroll-padding-top:70px}
  section{padding:59px 0}
  .wrap{padding-inline:19px}
  .nav-in{min-height:64px;padding:9px 16px;gap:8px}
  .brand img.logo{height:31px}
  .brand .tag{display:none}
  .nav-right{gap:7px}
  .lang-sw a{padding:6px 8px;font-size:9px}
  .nav-in .btn{font-size:12px;padding:9px 12px}
  .nav-burger{padding:8px 10px}
  .hero{padding:48px 0 55px}
  .hero-grid{gap:28px}
  .hero h1{font-size:clamp(37px,10vw,48px);line-height:1.08;margin:19px 0 16px}
  .lead{font-size:16px;line-height:1.68}
  .hero-cta{margin:22px 0 12px;gap:9px}
  .hero-cta .btn{flex:1 1 100%;width:100%;white-space:normal}
  .hero-note{font-size:12px}
  .phone{max-width:380px;border-radius:23px}
  .phone-body{min-height:300px;padding:14px;gap:10px}
  .b{font-size:12.5px}
  .sec-head{margin-bottom:25px}
  .sec-head h2{font-size:clamp(28px,7.5vw,35px)}
  .sec-head p{font-size:15px}
  .cards,.cards.why3,.cards.who4,.plans{grid-template-columns:1fr;gap:12px}
  .card-x{padding:21px}
  .plan:last-child{grid-column:auto}
  .plan{padding:22px}
  .steps{grid-template-columns:1fr;gap:17px}
  .step{padding-left:27px}
  .tlist div{padding:14px}
  .faq-i{padding-inline:15px}
  .faq-i summary{font-size:15px;line-height:1.45}
  .cta-box{padding:31px 21px}
  .cta-box p{font-size:15px}
  .foot{grid-template-columns:1fr;gap:18px}
  footer{padding:28px 0}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}