.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--bg: #f7f9fd;--surface: #ffffff;--text: #0b1630;--text-soft: #526181;--line: #dfe7f2;--accent: #3b63f3;--accent-2: #0ea5a0;--accent-soft: #e9eefe;--radius: 24px;--font: "Inter", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;--shadow-card: 0 12px 32px rgb(23 55 115 / .08);--shadow-card-hover: 0 20px 48px rgb(23 55 115 / .14);--shadow-btn: 0 8px 20px rgb(32 69 132 / .07)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;font-size:16.5px;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer}.container{width:min(1120px,100% - 2.5rem);margin-inline:auto}h1,h2,h3{line-height:1.1;letter-spacing:-.025em;font-weight:800}h1{font-size:clamp(2.4rem,6.5vw,4.2rem)}h2{font-size:clamp(1.7rem,4vw,2.6rem)}h3{font-size:1.3rem;letter-spacing:-.01em}.lead{color:var(--text-soft);font-size:clamp(1.05rem,2.5vw,1.3rem);max-width:46ch}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:var(--accent);margin-bottom:.4rem}.accent-word{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:#f7f9fdd1;border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:66px}.logo{font-weight:800;font-size:1.1rem;color:var(--text);letter-spacing:-.02em}.logo span{color:var(--accent)}.nav{display:flex;gap:1.5rem}.nav a{color:var(--text-soft);font-weight:600;font-size:.95rem;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.hero{padding:clamp(4.5rem,13vh,8.5rem) 0 clamp(3rem,8vh,6rem);position:relative;overflow:clip}.hero-glow{position:absolute;inset:-20% -10% auto;height:75%;background:radial-gradient(640px 320px at 18% 30%,rgb(59 99 243 / .1),transparent 70%),radial-gradient(520px 300px at 82% 18%,rgb(14 165 160 / .09),transparent 70%);pointer-events:none}.hero .container{position:relative}.hero-grid{display:grid;grid-template-columns:1fr auto;gap:clamp(2rem,5vw,4rem);align-items:center}.hero-photo{width:clamp(180px,24vw,280px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:32px;box-shadow:var(--shadow-card-hover);border:4px solid var(--surface);transform:rotate(2deg);transition:transform .3s}.hero-photo:hover{transform:rotate(0) scale(1.02)}@media(max-width:640px){.hero-grid{grid-template-columns:1fr}.hero-photo{order:-1;justify-self:center;width:160px}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.85rem;padding:.4rem 1rem;border-radius:999px;margin-bottom:1.4rem}.hero-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.4;transform:scale(.85)}}.hero h1{margin-bottom:1.2rem;max-width:18ch}.hero .lead{margin-bottom:2.2rem}.btn-row{display:flex;gap:.9rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.7rem;border-radius:14px;font-weight:700;font-size:1rem;transition:transform .2s,box-shadow .2s,background .2s}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px #3b63f359}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px #3b63f373}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-btn)}.btn-ghost:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.section{padding:clamp(3rem,8vh,5.5rem) 0}.section-title{margin-bottom:.6rem}.section-sub{color:var(--text-soft);margin-bottom:2.2rem;max-width:58ch}.skill-list{display:flex;flex-wrap:wrap;gap:.7rem}.skill{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.55rem 1.1rem;font-weight:600;font-size:.95rem;box-shadow:var(--shadow-btn)}.filter-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}.filter-chip{border:1px solid var(--line);background:var(--surface);color:var(--text-soft);font-weight:600;font-size:.9rem;padding:.5rem 1.15rem;border-radius:999px;transition:background .2s,color .2s,border-color .2s,transform .2s}.filter-chip:hover{transform:translateY(-1px);color:var(--text)}.filter-chip.is-active{background:var(--text);border-color:var(--text);color:#fff}.grid{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.app-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:1rem;color:var(--text);transition:transform .25s,box-shadow .25s}.app-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover)}.app-card.is-hidden{display:none}.app-card__top{display:flex;align-items:center;gap:1rem}.app-icon{width:68px;height:68px;flex-shrink:0;border-radius:18px;display:grid;place-items:center;font-size:2rem;transition:transform .25s}.app-card:hover .app-icon{transform:scale(1.06) rotate(-3deg)}.app-card__top .eyebrow{margin-bottom:.15rem}.app-card>p{color:var(--text-soft);font-size:.95rem;flex-grow:1}.app-card__actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.app-card img.app-icon{object-fit:cover}.card-metrics{display:block;color:var(--text-soft);font-size:.85rem;font-weight:600;margin-top:.2rem}.status-badge{font-size:.78rem;font-weight:700;padding:.35rem .9rem;border-radius:999px}.status-badge--soon{background:var(--accent-soft);color:var(--accent)}.status-badge--dev{background:#f1f5fb;color:var(--text-soft)}.store-button{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);font-weight:600;font-size:.85rem;padding:.5rem .9rem;box-shadow:var(--shadow-btn);transition:transform .2s,box-shadow .2s,border-color .2s}.store-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--accent)}.store-button svg{width:18px;height:18px;fill:currentColor}.phone-mockup{position:relative;width:100%;max-width:270px;aspect-ratio:9 / 19;background:#0d1220;border-radius:38px;padding:10px;box-shadow:0 0 0 2px #0d1220e6,0 24px 60px #17377347}.phone-screen{width:100%;height:100%;border-radius:30px;overflow:hidden;background:#fff}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-notch{position:absolute;top:18px;left:50%;transform:translate(-50%);width:24%;height:9px;background:#0d1220;border-radius:999px}.phone-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;background:linear-gradient(160deg,color-mix(in srgb,var(--ph-accent) 14%,#fff),#fff 60%)}.phone-placeholder__emoji{font-size:3rem}.phone-placeholder__bar{height:10px;border-radius:999px;background:color-mix(in srgb,var(--ph-accent) 22%,#fff)}.app-hero{padding:clamp(3rem,9vh,5.5rem) 0 clamp(2.5rem,6vh,4rem);position:relative;overflow:clip}.app-hero .container{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,4rem);align-items:center;position:relative}.app-hero__mockup{justify-self:center}.app-hero .app-icon{margin-bottom:1.4rem}.metric-chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}.metric-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.4rem 1rem;font-weight:700;font-size:.9rem;box-shadow:var(--shadow-btn)}.page-note{margin-top:1.4rem;display:inline-block;background:#fff8e6;border:1px solid #f3e3b3;color:#8a6d1f;font-weight:600;font-size:.9rem;padding:.6rem 1.1rem;border-radius:12px}.soon-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-soft);color:var(--accent);font-weight:700;padding:.6rem 1.3rem;border-radius:999px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;padding:2.2rem 0}.feature-row:nth-child(2n) .feature-row__media{order:-1}.feature-row__media{justify-self:center}.feature-problem{color:var(--text-soft);font-style:italic;margin:.6rem 0 .8rem;padding-left:.9rem;border-left:3px solid var(--line)}.screens-scroller{display:flex;gap:1.4rem;overflow-x:auto;padding:1rem .2rem 1.5rem;scroll-snap-type:x mandatory}.screens-scroller .phone-mockup{flex:0 0 auto;width:210px;scroll-snap-align:center}.faq-list{display:grid;gap:.9rem}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-btn);overflow:hidden}.faq-item summary{cursor:pointer;font-weight:700;padding:1.1rem 1.4rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.4rem;font-weight:700;color:var(--accent);transition:transform .25s;flex-shrink:0}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 1.4rem 1.2rem;color:var(--text-soft)}@media(max-width:760px){.app-hero .container{grid-template-columns:1fr}.app-hero__mockup{order:2}.feature-row{grid-template-columns:1fr}.feature-row:nth-child(2n) .feature-row__media{order:0}.feature-row__media .phone-mockup{max-width:220px}}.project-hero{padding:clamp(3rem,10vh,6rem) 0 2rem}.breadcrumb{color:var(--text-soft);font-weight:600;font-size:.9rem;display:inline-flex;gap:.4rem;margin-bottom:1.8rem}.project-hero .app-icon{width:96px;height:96px;border-radius:24px;font-size:3rem;margin-bottom:1.6rem}.project-meta{display:flex;align-items:center;gap:1rem;color:var(--text-soft);font-weight:600;margin-top:1.2rem;flex-wrap:wrap}.tag-row{display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-size:.78rem;font-weight:700;color:var(--text-soft);background:var(--bg);border:1px solid var(--line);padding:.2rem .7rem;border-radius:999px}.highlight-list{display:grid;gap:1rem;margin-top:1rem}.highlight-list li{list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem 1.3rem;box-shadow:var(--shadow-btn)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:3rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.4rem;box-shadow:var(--shadow-btn)}.stat b{display:block;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{color:var(--text-soft);font-size:.9rem;font-weight:600}.service-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;box-shadow:var(--shadow-card);transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.service-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:var(--accent-soft);margin-bottom:1.1rem}.service-card h3{margin-bottom:.5rem}.service-card p{color:var(--text-soft);font-size:.95rem}.timeline{display:grid;gap:0;position:relative;padding-left:1.6rem}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--accent),var(--accent-2));border-radius:2px;opacity:.35}.timeline-item{position:relative;padding-bottom:2rem}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-1.6rem;top:8px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.timeline-item time{color:var(--accent);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.timeline-item h3{margin:.3rem 0 .4rem}.timeline-item p{color:var(--text-soft);font-size:.95rem;max-width:60ch}.process-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));counter-reset:step}.process-step{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow-btn);counter-increment:step}.process-step:before{content:"0" counter(step);display:block;font-size:1.9rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.6rem}.process-step h3{font-size:1.1rem;margin-bottom:.4rem}.process-step p{color:var(--text-soft);font-size:.92rem}.cta-banner{background:linear-gradient(120deg,var(--accent),#2b3fc7);border-radius:28px;padding:clamp(2.2rem,6vw,3.8rem);color:#fff;position:relative;overflow:clip;text-align:center}.cta-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(400px 200px at 85% 15%,rgb(255 255 255 / .14),transparent 70%),radial-gradient(300px 180px at 10% 90%,rgb(14 165 160 / .25),transparent 70%);pointer-events:none}.cta-banner>*{position:relative}.cta-banner h2{margin-bottom:.7rem}.cta-banner p{color:#ffffffd9;max-width:48ch;margin:0 auto 1.8rem}.cta-banner .btn-primary{background:#fff;color:var(--accent);box-shadow:0 10px 24px #0a143c59}.doc{max-width:780px;margin-inline:auto;padding:clamp(2rem,6vh,4rem) 0}.doc h1{font-size:clamp(1.5rem,3.5vw,2.1rem);margin-bottom:.4rem}.doc-date{color:var(--text-soft);font-weight:600;margin-bottom:2rem}.doc h2{font-size:1.2rem;margin:2.2rem 0 .6rem;color:var(--accent);letter-spacing:-.01em}.doc p{margin:.5rem 0}.doc ul{margin:.5rem 0;padding-left:1.4rem}.doc li{margin:.3rem 0}.doc table{border-collapse:collapse;width:100%;margin:.9rem 0;font-size:.92rem;background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-btn)}.doc th,.doc td{border:1px solid var(--line);padding:.55rem .8rem;text-align:left}.doc th{background:var(--accent-soft);font-weight:700}.doc code{background:var(--accent-soft);padding:.1rem .4rem;border-radius:6px;font-size:.9em}.doc-foot{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.9rem;color:var(--text-soft)}.site-footer{border-top:1px solid var(--line);padding:2.5rem 0;color:var(--text-soft);font-size:.95rem}.site-footer .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-links{display:flex;gap:1.2rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}@media(max-width:640px){.nav{gap:1rem}.nav a{font-size:.88rem}.btn{width:100%;justify-content:center}.app-card{padding:1.4rem}}