.landing-page{--page:#f7f7f3;--surface:#fff;--ink:#101110;--subtle:#696b66;--line:#1011102b;--green:var(--primary);--yellow:#f4da4d;color:var(--ink);background:var(--page);overflow:hidden}.dark .landing-page{--page:#0f100f;--surface:#171817;--ink:#f7f7f3;--subtle:#a5a7a1;--line:#f7f7f329}.landing-page .hero-section{border-bottom:1px solid var(--line);background:#f7f7f3;min-height:min(820px,94svh);position:relative;overflow:hidden}.dark .landing-page .hero-section{background:#000}.landing-page .hero-media,.landing-page .hero-media img{position:absolute;inset:0}.landing-page .hero-media img{object-fit:cover;object-position:center;width:100%;height:100%}.landing-page .hero-map{opacity:.46}.landing-page .hero-content{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;width:min(100% - 2rem,1180px);min-height:min(820px,94svh);margin-inline:auto;padding:8rem 0 4rem;animation:.9s cubic-bezier(.16,1,.3,1) both hero-copy-in;display:flex;position:relative}.landing-page .hero-eyebrow{color:var(--subtle);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.68rem;display:inline-flex}.landing-page .hero-eyebrow span{background:var(--green);width:.5rem;height:.5rem;box-shadow:0 0 0 1px var(--ink);border-radius:50%}.landing-page .hero-title{letter-spacing:-.055em;max-width:800px;margin-top:2rem;font-size:clamp(3rem,6.3vw,5.4rem);line-height:.98}.landing-page .hero-title--en{font-size:clamp(3rem,5.6vw,4.8rem)}.landing-page .hero-description{max-width:600px;color:var(--subtle);margin-top:2.25rem;font-size:clamp(.9rem,1.1vw,1rem);line-height:1.85}.landing-page .hero-action{border:1px solid var(--ink);color:#101110;background:var(--green);border-radius:999px;align-items:center;gap:.65rem;min-height:2.8rem;margin-top:2rem;padding:.65rem 1.05rem .65rem 1.2rem;font-size:.9rem;font-weight:650;transition:transform .22s,box-shadow .22s;display:inline-flex}.landing-page .hero-action:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-3px)}.landing-page .hero-phones{z-index:1;pointer-events:none;width:min(35vw,430px);height:min(62vh,540px);position:absolute;bottom:clamp(1rem,3vh,2rem);right:max(2rem,50vw - 590px)}.landing-page .hero-phone{filter:drop-shadow(0 24px 32px #10111029);width:min(15vw,190px);height:auto;animation:6s ease-in-out infinite phone-float;display:block;position:absolute}.landing-page .hero-phone-back{animation-delay:-2.4s;bottom:8%;right:0;transform:rotate(4deg)}.landing-page .hero-phone-front{z-index:2;bottom:-3%;left:12%;transform:rotate(-4deg)}.landing-page .section-wrap{width:min(100% - 2rem,1180px);margin-inline:auto;padding-block:clamp(5rem,10vw,9rem)}.landing-page .features-intro{grid-template-columns:minmax(0,.9fr) minmax(300px,.62fr);align-items:end;gap:clamp(2rem,8vw,7rem);margin:0 0 clamp(3.5rem,7vw,5.5rem);display:grid}.landing-page .features-intro h2,.landing-page .frame-heading h2{letter-spacing:-.06em;text-transform:uppercase;font-size:clamp(2.1rem,4vw,3.8rem);font-weight:580;line-height:.98}.landing-page .features-intro p{color:var(--subtle);font-size:.92rem;line-height:1.8}.landing-page .feature-list{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.landing-page .feature-row{border-right:1px solid var(--line);flex-direction:column;align-items:flex-start;min-height:390px;padding:clamp(1.25rem,2.5vw,2rem);transition:transform .26s,background-color .26s,box-shadow .26s;display:flex;position:relative}.landing-page .feature-row:before{content:"";background:var(--green);height:3px;transition:transform .26s;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.landing-page .feature-row:last-child{border-right:0}.landing-page .feature-row:nth-child(2n):before{background:var(--yellow)}.landing-page .feature-row:hover{z-index:2;background:color-mix(in srgb, var(--surface) 68%, transparent);transform:translateY(-8px);box-shadow:0 12px 26px #10111012}.landing-page .feature-row:hover:before{transform:scaleX(1)}.landing-page .feature-icon{border:1px solid var(--line);border-radius:50%;place-items:center;width:2.8rem;height:2.8rem;display:grid}.landing-page .feature-row h3{letter-spacing:-.035em;margin-top:2.75rem;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:580;line-height:1.25}.landing-page .feature-row p{color:var(--subtle);margin-top:1.2rem;font-size:.83rem;line-height:1.75}.landing-page .downloads-section,.landing-page .faqs-section{padding-top:0}.landing-page .section-frame{border:1px solid var(--ink);background:color-mix(in srgb, var(--surface) 72%, transparent);border-radius:clamp(1.35rem,3vw,2.25rem);padding:clamp(1rem,3.4vw,2.5rem)}.landing-page .frame-heading{padding:clamp(.5rem,2vw,1rem) 0 clamp(2.5rem,6vw,5rem)}.landing-page .downloads-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start;gap:.85rem;display:grid}.landing-page .platforms-column{grid-template-columns:minmax(300px,1.55fr) minmax(180px,.85fr);gap:.85rem;display:grid}.landing-page .releases-column{gap:.85rem;display:grid}.landing-page .small-card{border:1px solid var(--line);background:var(--surface);border-radius:1.1rem}.landing-page .platform-card{min-height:320px;padding:1rem}.landing-page .platform-heading{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;padding-bottom:1rem;display:flex}.landing-page .platform-heading h3{font-size:1rem;font-weight:620}.landing-page .platform-symbol{color:#101110;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid}.landing-page .yellow-symbol{background:var(--yellow)}.landing-page .platform-options{grid-template-columns:repeat(2,minmax(112px,1fr));gap:.6rem;margin-top:1rem;display:grid}.landing-page .one-option{grid-template-columns:minmax(0,1fr)}.landing-page .platform-option{border:1px solid var(--line);color:var(--ink);border-radius:.8rem;grid-template-columns:1fr auto;align-items:center;gap:.35rem;padding:.65rem;font-size:.8rem;font-weight:600;transition:transform .2s,border-color .2s;display:grid}.landing-page .platform-option:hover{border-color:var(--ink);transform:translateY(-3px)}.landing-page .platform-option img{object-fit:cover;border-radius:.45rem;grid-column:1/-1;width:112px;height:112px;margin-inline:auto}.landing-page .coming-soon{border:1px solid var(--line);color:var(--subtle);border-radius:999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.55rem .8rem;font-size:.72rem;display:inline-flex}.landing-page .release-card{padding:1.15rem}.landing-page .release-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.85rem;display:flex}.landing-page .release-heading strong{color:#101110;background:var(--yellow);font-family:var(--font-mono);border-radius:999px;padding:.3rem .6rem;font-size:.68rem}.landing-page .release-heading time{color:var(--subtle);font-family:var(--font-mono);font-size:.65rem}.landing-page .release-card ul{color:var(--subtle);gap:.45rem;margin-top:.9rem;padding-left:1rem;font-size:.74rem;line-height:1.55;list-style:outside;display:grid}.landing-page .download-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.landing-page .download-links a,.landing-page .faq-link a{border:1px solid var(--ink);color:#101110;background:var(--green);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:2.55rem;padding:.55rem .75rem;font-size:.84rem;font-weight:620;transition:transform .2s,box-shadow .2s;display:inline-flex}.landing-page .download-links a:hover,.landing-page .faq-link a:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-3px)}.landing-page .faqs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.landing-page .faq-card{min-height:205px;padding:clamp(1rem,2.7vw,1.7rem);transition:border-color .2s}.landing-page .faq-card:hover{border-color:var(--ink)}.landing-page .faq-heading{grid-template-columns:32px minmax(0,1fr);align-items:start;gap:.7rem;display:grid}.landing-page .faq-heading span{color:var(--subtle);font-family:var(--font-mono);padding-top:.18rem;font-size:.65rem}.landing-page .faq-heading h3{letter-spacing:-.03em;font-size:clamp(1rem,2vw,1.35rem);font-weight:580;line-height:1.25}.landing-page .faq-card>p{color:var(--subtle);margin-top:1rem;padding-left:2.7rem;font-size:.76rem;line-height:1.7}.landing-page .faq-link{justify-content:flex-end;margin-top:.85rem;display:flex}.landing-page .faq-link a{min-width:170px}.reveal-ready .landing-page .reveal-group .section-frame{opacity:0;filter:blur(7px);transform-origin:50% 20%;transition:opacity .76s cubic-bezier(.34,1.56,.64,1),filter .76s,transform .76s cubic-bezier(.34,1.56,.64,1);transform:translateY(72px)scale(.92)}.reveal-ready .landing-page .reveal-group .pop-card{opacity:0;transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);transform:translateY(26px)scale(.94)}.landing-page .reveal-group.is-visible .section-frame,.landing-page .reveal-group.is-visible .pop-card{opacity:1;filter:blur();transform:translateY(0)scale(1)}.landing-page .reveal-group.is-visible .pop-card:first-child{transition-delay:.15s}.landing-page .reveal-group.is-visible .pop-card:nth-child(2){transition-delay:.23s}.landing-page .reveal-group.is-visible .pop-card:nth-child(3){transition-delay:.31s}.landing-page .reveal-group.is-visible .pop-card:nth-child(4){transition-delay:.39s}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-float{0%,to{translate:0}50%{translate:0 -10px}}@media (width<=1080px){.landing-page .downloads-grid{grid-template-columns:1fr}}@media (width<=820px){.landing-page .features-intro{grid-template-columns:1fr;align-items:start}.landing-page .hero-phones{width:min(42vw,360px);height:460px;bottom:1rem;right:1rem}.landing-page .hero-phone{width:min(18vw,165px)}.landing-page .feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page .feature-row:nth-child(2){border-right:0}.landing-page .feature-row:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=620px){.landing-page .hero-section,.landing-page .hero-content{min-height:0}.landing-page .hero-content,.landing-page .section-wrap{width:min(100% - 1.5rem,1180px)}.landing-page .hero-media img{object-position:58% center}.landing-page .hero-content{justify-content:flex-start;padding:9rem 0 0}.landing-page .hero-title{margin-top:1.5rem;font-size:clamp(2.75rem,14vw,4rem)}.landing-page .hero-title--en{font-size:clamp(1.35rem,8vw,2.5rem)}.landing-page .hero-description{margin-top:1.75rem;font-size:.86rem;line-height:1.75}.landing-page .hero-phones{width:min(80vw,340px);height:min(84vw,325px);margin:1.5rem .75rem 0 auto;position:relative;bottom:auto;right:auto}.landing-page .hero-phone{width:min(34vw,140px)}.landing-page .hero-phone-back{top:0;bottom:auto;right:0}.landing-page .hero-phone-front{top:clamp(1rem,8vw,2rem);bottom:auto;left:11%}.landing-page .features-intro h2,.landing-page .frame-heading h2{font-size:clamp(2rem,10vw,3rem)}.landing-page .feature-list{grid-template-columns:1fr}.landing-page .feature-row{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.landing-page .feature-icon{width:2.15rem;height:2.15rem}.landing-page .feature-row:last-child{border-bottom:0}.landing-page .platforms-column,.landing-page .faqs-grid{grid-template-columns:1fr}.landing-page .platform-card{min-height:auto}.landing-page .faq-card>p{padding-left:0}.landing-page .faq-card{min-height:auto}.landing-page .faq-link a{width:100%}}@media (width<=319px){.landing-page .platform-options{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.landing-page .hero-content,.landing-page .hero-phone{animation:none}.landing-page .reveal-group .section-frame,.landing-page .reveal-group .pop-card{opacity:1;transition:none;transform:none}}
