:root{--paper:#faf6f3;--blue:#185983;--ink:#173c55;--muted:#607385;--line:#18598326;--soft:#eaf0f3;--white:#fffdfb}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}img{display:block;max-width:100%}.wrap{max-width:1260px;margin:auto;padding:0 44px}.skip{position:absolute;left:20px;top:-100px;z-index:10}.skip:focus{top:20px;padding:16px;background:var(--white)}header{min-height:124px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:block;margin-left:-22px}.logo img{width:108px;height:108px}nav{display:flex;align-items:center;gap:34px}nav a{text-decoration:none;font-size:14px}nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{padding:13px 20px;border:1px solid var(--line);border-radius:30px;display:flex;gap:25px}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:55px;padding:80px 0 90px}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--blue);display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.3vw,70px);line-height:1.04;letter-spacing:-3.8px;font-weight:750;color:var(--blue);margin:28px 0}h1 span{color:var(--ink)}h2{font-size:40px;line-height:1.13;letter-spacing:-1.8px;color:var(--blue);margin-bottom:0}p{line-height:1.7;color:var(--muted)}.lead{font-size:18px;line-height:1.7;max-width:520px;margin-bottom:25px}.button{display:inline-flex;align-items:center;gap:40px;padding:18px 23px;background:var(--blue);color:var(--paper);border-radius:6px;text-decoration:none;font-size:14px;font-weight:700}.button:hover,.store-button:hover{background:#10466c}.hero-showcase{min-height:450px;border:1px solid var(--line);border-radius:16px;background:var(--soft);display:flex;flex-direction:column;overflow:hidden}.showcase-top,.showcase-bottom{display:flex;justify-content:space-between;margin:26px;font-size:11px;gap:20px;color:var(--blue)}.showcase-top{text-transform:uppercase;letter-spacing:1.2px}.showcase-bottom{margin-top:auto;flex-direction:column;gap:6px}.showcase-bottom span:first-child{font-weight:700;font-size:19px;letter-spacing:-.5px}.showcase-bottom span:last-child{color:var(--muted)}.app-orbit{position:relative;min-height:290px;flex:1}.orbit-ring{width:280px;height:280px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%;pointer-events:none}.ring-two{width:190px;height:190px}.orbit-app{position:absolute;text-decoration:none;z-index:1;text-align:center}.orbit-app img{width:96px;height:96px;border-radius:23px;box-shadow:0 12px 25px #173c5515;border:4px solid var(--paper)}.orbit-app span{font-size:11px;display:block;margin-top:7px;font-weight:700;color:var(--blue)}.orbit-app:hover{transform:translateY(-5px)}.orbit-browguide-ai{top:0;left:18%}.orbit-soccer-line{top:65px;right:13%}.orbit-yks-hizli-calisma{bottom:0;left:28%}.section{padding:72px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}.section-head .eyebrow{margin-bottom:18px}.section-head p{font-size:15px;margin:0;max-width:420px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card-visual{display:block;height:330px;position:relative;overflow:hidden;border-radius:12px;background:#e8e9ed;text-decoration:none}.visual-browguide-ai{background:#efdfda}.visual-soccer-line{background:#dfe9e0}.visual-yks-hizli-calisma{background:#dfe9f2}.visual-caption{display:flex;justify-content:space-between;gap:15px;position:absolute;top:23px;left:23px;right:23px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:var(--ink)}.card-screen{width:165px;height:auto;position:absolute;top:65px;left:50%;transform:translateX(-40%) rotate(8deg);border:5px solid var(--white);border-radius:19px;box-shadow:0 15px 30px #173c5520}.card-icon{position:absolute;bottom:25px;left:25px;width:68px;height:68px;border:3px solid var(--white);border-radius:18px;box-shadow:0 8px 24px #173c5520}.card-visual:hover .card-screen{transform:translateX(-40%) rotate(3deg)}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin:23px 0 13px;text-transform:uppercase;letter-spacing:.6px}.app-card h3{font-size:24px;letter-spacing:-.8px;color:var(--blue);margin-bottom:12px}.app-card h3 a{display:flex;justify-content:space-between;text-decoration:none;gap:12px}.app-card h3 span{font-size:20px}.app-card p{font-size:14px;min-height:72px;margin-bottom:16px}.text-link{font-size:13px;font-weight:700;text-decoration:none;color:var(--blue);display:inline-flex;gap:22px;align-items:center}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about .eyebrow{margin-bottom:22px}.about p{font-size:18px;margin-bottom:20px}.about .text-link{margin-top:10px}footer{border-top:1px solid var(--line);padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}footer a{text-decoration:none}.footer-brand{color:var(--blue);font-size:19px;font-weight:750;letter-spacing:-.7px}.footer-brand span{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:6px}.breadcrumbs{display:flex;gap:12px;padding:30px 0 0;font-size:12px;color:var(--muted)}.breadcrumbs a{text-decoration:none}.app-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center;padding:45px 0 70px}.app-identity{display:flex;gap:16px;align-items:center}.app-identity img{border-radius:16px}.platform-note{display:block;font-size:12px;margin-top:9px;color:var(--muted)}.app-hero h1{font-size:clamp(42px,5vw,64px);margin:26px 0 18px;overflow-wrap:anywhere}.app-tagline{font-size:26px;letter-spacing:-.8px;line-height:1.3;margin-bottom:18px;color:var(--ink)}.app-hero .lead{font-size:17px}.store-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.store-button{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--blue);color:var(--paper);border-radius:8px;text-decoration:none;min-width:180px}.store-button svg{width:23px;height:25px;flex-shrink:0}.store-button>span:nth-child(2){font-size:17px;font-weight:700;line-height:1.1}.store-button small{display:block;font-size:9px;font-weight:400;margin-bottom:6px}.store-button>span:last-child{margin-left:auto;font-size:15px}.coming-soon{border:1px dashed var(--line);padding:20px 18px;border-radius:8px;font-size:12px;color:var(--muted)}.store-note{font-size:10px;margin-top:14px}.detail-visual{height:490px;border-radius:14px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.detail-screen{margin-top:65px;max-width:230px;width:65%;height:auto;border:6px solid var(--white);border-radius:25px;box-shadow:0 16px 35px #173c5525;transform:rotate(4deg)}.description{max-width:520px!important}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.features article{border-top:1px solid var(--line);padding-top:25px}.feature-number{font-size:11px;letter-spacing:2px;color:var(--muted)}.features h3{font-size:22px;color:var(--blue);letter-spacing:-.5px;margin:30px 0 12px}.features p{font-size:14px;margin-bottom:0}.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.screens figure{margin:0;background:var(--soft);border-radius:12px;padding:28px;display:flex;justify-content:center;align-items:flex-start}.screens img{width:auto;max-height:430px;height:auto;border-radius:12px;box-shadow:0 8px 20px #173c5515}.download-section{padding:40px;background:var(--soft);border-radius:12px;display:flex;gap:40px;justify-content:space-between;align-items:center;margin-bottom:50px}.download-section h2{font-size:28px;max-width:420px;margin-top:15px;letter-spacing:-.8px}.next-app{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:28px 0 45px;text-decoration:none;color:var(--muted);font-size:12px}.next-app strong{display:block;font-size:24px;letter-spacing:-.7px;color:var(--blue);margin-top:10px}.next-app>span:last-child{font-size:32px;color:var(--blue)}.not-found{padding:90px 0}
.app-orbit{margin-bottom:24px}.hero-showcase{min-height:480px}
.visual-browguide-ai,.visual-soccer-line,.visual-yks-hizli-calisma{background:#e2ebf2}
@media(min-width:1500px){.hero h1{font-size:74px}}
@media(max-width:1000px){.wrap{padding:0 30px}.hero{gap:30px}.hero h1{font-size:57px}.hero-showcase{min-height:420px}.orbit-app img{width:80px;height:80px}.orbit-browguide-ai{left:12%}.orbit-soccer-line{right:8%}.cards{gap:20px}.card-meta{display:block;line-height:1.8}.card-meta span{display:block}.app-card h3{font-size:21px}.app-hero{gap:35px}.store-button{min-width:170px}.download-section{align-items:flex-start;flex-direction:column}.about{gap:50px}}
@media(max-width:760px){.wrap{padding:0 24px}header{min-height:100px}.logo{margin-left:-17px}.logo img{width:90px;height:90px}nav{gap:20px}nav a{font-size:12px}.nav-cta{display:none}.hero{grid-template-columns:1fr;padding:45px 0 55px;gap:40px}.hero h1{font-size:clamp(43px,10.5vw,64px);letter-spacing:-2.5px;margin:23px 0}.eyebrow{font-size:9px;letter-spacing:1.2px}.lead{font-size:16px}.hero-showcase{min-height:410px;max-width:460px;width:100%;justify-self:center}.app-orbit{min-height:260px}.orbit-app img{width:90px;height:90px}.orbit-browguide-ai{left:17%}.orbit-soccer-line{right:12%}.orbit-yks-hizli-calisma{left:25%}.section{padding:48px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:20px}h2{font-size:33px;letter-spacing:-1.3px}.cards{grid-template-columns:1fr;gap:40px}.card-visual{height:350px}.card-screen{width:190px}.card-meta{display:flex;font-size:10px;margin-top:19px}.app-card h3{font-size:26px}.app-card p{min-height:0;font-size:15px;margin-bottom:16px}.about{grid-template-columns:1fr;gap:25px}.about p{font-size:16px}footer{flex-wrap:wrap;gap:25px;line-height:1.7}footer>span{margin-left:auto}footer>a:last-child{width:100%}.breadcrumbs{font-size:11px}.app-hero{grid-template-columns:1fr;gap:30px;padding:35px 0 48px}.app-hero h1{font-size:46px;letter-spacing:-2px}.app-tagline{font-size:25px}.app-hero .lead{font-size:16px}.app-identity img{width:56px;height:56px}.detail-visual{height:430px}.detail-screen{width:215px}.features{grid-template-columns:1fr;gap:25px}.features h3{margin-top:18px}.features p{font-size:15px}.screens{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 15px}.screens figure{min-width:76%;padding:20px;scroll-snap-align:start}.screens img{max-height:400px;max-width:100%}.download-section{padding:26px;gap:25px;margin-bottom:35px}.download-section h2{font-size:27px}.store-links{gap:10px}.store-button{min-width:166px}.coming-soon{padding:19px 16px}.store-note{line-height:1.6}.next-app strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}