@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102d59;--sky:#8bd5ff;--blue:#389cdc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f9fe;color:var(--navy);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #389cdc;outline-offset:6px}.grain{position:absolute;inset:0 0 auto;height:950px;background:radial-gradient(ellipse at 76% 38%,#dcefff 0,transparent 55%);z-index:-1}header,main,footer,.trademarks{max-width:1220px;margin:auto}header{height:118px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{font:800 43px Manrope;letter-spacing:-3px}.brand span{color:#389cdc;margin-left:3px}.nav-cta{font-size:12px;border:1px solid #d3e2f0;padding:13px 18px;border-radius:30px;min-height:44px}.nav-cta span{color:#389cdc;margin-left:15px}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:740px;padding:35px 40px 70px;gap:55px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#517b9d}.copy>.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:#389cdc;display:inline-block;border-radius:50%}h1{font:800 clamp(65px,7.1vw,100px)/1.04 Manrope;letter-spacing:-6px;margin:27px 0}h1 em{font-style:normal;color:#389cdc}.lead{font-size:19px;line-height:1.8;color:#5c7894;margin:25px 0 30px}.store-area{scroll-margin-top:25px}.coming{font-size:12px;color:#648099;display:flex;align-items:center;gap:12px}.coming span{font-size:8px;letter-spacing:1.5px;background:#dcefff;color:#216b9e;border:1px solid #c0e0f7;border-radius:20px;padding:6px 10px}.badges{display:flex;align-items:flex-start;gap:18px;margin-top:20px}.store-card{display:flex;flex-direction:column;align-items:center;gap:9px}.store-card img{object-fit:contain;max-width:100%;height:52px}.store-card:nth-child(2) img{height:68px;margin:-8px -9px;width:175px}.store-card>span{font-size:9px;letter-spacing:.6px;color:#66849d}.availability{font-size:10px;color:#8298ac;line-height:1.8;margin:18px 0 0}.callout{display:flex;align-items:center;gap:20px;border-top:1px solid #dce7f1;margin-top:26px;padding-top:22px;max-width:370px}.callout>span{font:800 39px Manrope;letter-spacing:-1px}.callout .currency{font-size:14px;letter-spacing:0;color:#4e81a7}.callout p{font-size:11px;color:#7890a6;line-height:1.9}.callout strong{font-weight:500;color:#355b7e}.visual{position:relative;height:630px;display:flex;justify-content:center;align-items:center}.orbit{position:absolute;width:470px;height:470px;border-radius:50%;background:#d8edfd;opacity:.6}.orbit-two{width:570px;height:570px;background:none;border:1px solid #d9e9f6;opacity:1}.phone{position:relative;width:283px;height:590px;background:#f8fbff;border:7px solid #102d59;border-radius:43px;box-shadow:15px 28px 65px #153f6b26;transform:rotate(5deg);overflow:hidden}.phone-top{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:8px;font-weight:700}.camera{width:76px;height:20px;border-radius:20px;background:#102d59;position:absolute;top:8px;left:calc(50% - 38px)}.phone-content{padding:7px 16px}.phone-brand{font:800 26px Manrope;letter-spacing:-1.7px;display:flex;align-items:center}.phone-brand>span{color:#389cdc}.phone-brand small{font:500 8px 'DM Sans';letter-spacing:0;margin-left:auto}.phone-brand b{margin-left:4px}.hello{font-size:5.5px;letter-spacing:1px;color:#7795ad;margin-top:22px}.phone-content h2{font:800 24px Manrope;letter-spacing:-1px;margin:7px 0 16px}.mini-map{height:194px;border-radius:18px;overflow:hidden;position:relative;border:1px solid #dfebf6}.mini-map svg{width:100%;height:100%;object-fit:cover}.location-pill{position:absolute;bottom:12px;left:12px;right:12px;border-radius:8px;padding:11px;background:#ffffffed;font-size:8px;box-shadow:0 4px 10px #102d590a}.location-pill span{color:#4ba7df;margin-right:7px}.location-pill b{float:right;font-size:11px}.phone-content h3{font-size:10px;margin:20px 0 12px}.mini-categories{display:flex;gap:6px}.mini-categories>div{width:25%;background:#fff;border:1px solid #e1eaf4;border-radius:9px;font-size:7px;text-align:center;padding:9px 0}.mini-categories span{display:block;font-size:22px;margin-bottom:4px;color:#3d93ce}.mini-categories .chosen{background:#e0f1ff;border-color:#76b6df}.mini-action{background:#102d59;color:#fff;border-radius:10px;padding:13px 10px;font-size:9px;margin-top:16px}.mini-action b{float:right;color:#8bd5ff}.mini-free{font-size:6px;color:#738fa6;text-align:center;margin:9px}.mini-nav{display:flex;justify-content:space-around;border-top:1px solid #e3ecf4;padding-top:10px;color:#7592ac;font-size:16px}.mini-nav>span:first-child{color:#1c79b6}.mini-nav small{display:block;font-size:6px;text-align:center;margin-top:3px}.home-indicator{height:4px;width:83px;background:#102d59;position:absolute;bottom:7px;left:calc(50% - 41px);border-radius:5px}.float-label{position:absolute;z-index:2;background:#ffffffed;box-shadow:0 8px 35px #153f6b12;border:1px solid #e8f3fc;border-radius:16px;padding:16px;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:700;backdrop-filter:blur(10px)}.float-label small{display:block;font-size:10px;font-weight:400;margin-top:5px;color:#7c96ad}.float-label i{font-style:normal;font-size:25px;background:#d9efff;color:#2473ab;display:grid;place-items:center;width:42px;height:42px;border-radius:12px}.label-one{top:90px;left:-35px;transform:rotate(-5deg)}.label-two{bottom:90px;right:-22px;transform:rotate(-4deg)}.check{background:#102d59;color:#8bd5ff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px}.preview-note{position:absolute;bottom:-15px;font-size:7px;letter-spacing:2px;color:#91a8bb}.categories{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe9f3;border-bottom:1px solid #dfe9f3;margin:0 40px;padding:28px 0;gap:20px}.categories>span{max-width:110px;font-size:8px;font-weight:700;letter-spacing:1.7px;line-height:1.9;color:#7c96ad}.categories>div{font:700 19px Manrope;display:flex;align-items:center;gap:20px}.categories b{font-weight:400;color:#61aee0}.steps{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px;margin:70px 40px}.steps-title h2{font:800 29px/1.4 Manrope;letter-spacing:-1px;margin:14px 0}.steps article{border-left:1px solid #dbe6f0;padding-left:22px}.steps article>span{font:600 12px Manrope;color:#4e9acf;display:inline-block;background:#e4f1fb;padding:8px 10px;border-radius:9px}.steps article h3{font:700 15px Manrope;margin:17px 0 10px}.steps article p{font-size:12px;color:#7c93a8;line-height:1.9;margin:0}.owner{background:#102d59;border-radius:25px;margin:0 40px 55px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.owner .eyebrow{color:#8bd5ff;font-size:8px}.owner h2{font:800 30px Manrope;color:white;letter-spacing:-1px;margin:13px 0}.owner p{font-size:12px;color:#acc9e3;line-height:1.9;margin:0}.owner>a{background:#8bd5ff;white-space:nowrap;align-self:center;display:flex;gap:30px;align-items:center;padding:17px 20px;border-radius:13px;font-size:12px;font-weight:600}.owner>a span{font-size:22px}footer{padding:25px 40px;border-top:1px solid #dfe9f3;display:flex;align-items:center;gap:30px}footer .brand{font-size:30px}footer p{font-size:10px;color:#869db2}footer>span{margin-left:auto;font-size:12px;color:#7092ad}.trademarks{font-size:8px;line-height:1.8;color:#9aafc0;padding:0 40px 30px}@media(max-width:1000px){.hero{gap:25px;padding:20px 40px 70px}.visual{transform:scale(.86);margin-left:-15px;margin-right:-40px}.hero h1{font-size:77px}.lead{font-size:16px}.categories>div{font-size:16px;gap:10px}.steps{gap:20px}.steps-title h2{font-size:24px}.steps article{padding-left:14px}.owner{padding:30px}.owner h2{font-size:26px}}@media(max-width:760px){header{height:95px;padding:0 25px}.brand{font-size:35px}.nav-cta{font-size:10px;padding:12px}.hero{grid-template-columns:1fr;padding:30px 25px 20px;gap:0}.copy{text-align:center}.copy>.eyebrow{justify-content:center;font-size:8px}.hero h1{font-size:85px;margin:25px 0;letter-spacing:-5px}.lead{font-size:17px}.coming{justify-content:center}.badges{justify-content:center}.callout{margin:25px auto 0;justify-content:center;text-align:left}.visual{height:650px;transform:scale(.9);margin:-5px -15px}.orbit{width:390px;height:390px}.orbit-two{width:450px;height:450px}.label-one{left:0;top:100px}.label-two{right:0;bottom:90px}.preview-note{bottom:0}.categories{margin:0 25px;padding:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.categories>span{grid-column:1/-1;max-width:none;text-align:center;font-size:8px}.categories>div{font-size:18px;justify-content:center;gap:20px}.steps{grid-template-columns:1fr;margin:45px 25px;gap:26px}.steps-title h2 br{display:none}.steps-title h2{font-size:29px}.steps article{position:relative;padding-left:65px;min-height:75px;border:0}.steps article>span{position:absolute;left:0;top:3px}.steps article h3{margin:0 0 9px}.steps article p{font-size:13px}.owner{margin:0 25px 35px;padding:30px 25px;flex-direction:column;align-items:flex-start;gap:20px}.owner h2{font-size:27px}.owner p{font-size:12px}.owner p br{display:none}.owner>a{align-self:flex-start}footer{padding:20px 25px;gap:15px;flex-wrap:wrap}footer p{font-size:9px}.trademarks{padding:0 25px 25px;font-size:7px}}@media(max-width:380px){header{padding:0 18px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:77px}.visual{transform:scale(.8);margin:-65px -30px;height:680px}.label-one{left:0}.label-two{right:0}.badges{gap:10px}.store-card img{width:140px}.store-card:nth-child(2) img{width:156px}.coming{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Kullanıcının paylaştığı uygulama ekranı; içerik ve oran aynen korunur. */
.visual.screenshot-visual{height:660px;transform:none;margin:0;flex-direction:column;gap:15px}
.app-screenshot{display:block;width:auto;height:auto;max-height:635px;max-width:100%;aspect-ratio:457/880;border-radius:22px;border:1px solid #dce7f2;box-shadow:12px 22px 55px #153f6b20}
.screenshot-visual .preview-note{position:static;flex:none}
@media(max-width:760px){.visual.screenshot-visual{height:auto;min-height:0;padding:45px 0 30px}.app-screenshot{width:min(100%,340px);max-height:none}}

/* Onaylı dört hizmetli Vingo kimliği. */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:0}.brand-logo{display:block;width:216px;height:auto;object-fit:contain}footer .brand-logo{width:162px}@media(max-width:760px){header .brand-logo{width:174px}}@media(max-width:380px){header .brand-logo{width:150px}.nav-cta span{margin-left:5px}}