:root{color-scheme:light;--sky:#87cefa;--sky-deep:#5eb8f0;--sky-soft:#b8e4ff;--ink:#0f172a;--ink-muted:#3d4f5c;--ink-faint:#0f172a7a;--white:#fff;--glass:#ffffff61;--glass-border:#ffffff8c;--amber-top:#fde68a;--amber-bottom:#f59e0b;--amber-border:#eab308;--teal-top:#3d5c58;--teal-bottom:#1a3330;--teal-border:#7dd3c0d9;--grass:#4ade80;--earth:#a16207;--max:1100px;--font:"Trebuchet MS", "Segoe UI", Tahoma, sans-serif;--display:Fredoka, "Trebuchet MS", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body.toga-landing{font-family:var(--font);background:var(--sky);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(100% - 40px, var(--max));margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.top{z-index:30;justify-content:space-between;align-items:center;padding:20px 0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.brand{font-family:var(--display);color:var(--ink);letter-spacing:-.02em;text-shadow:0 1px #ffffff59;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:inline-flex}.brand img{border-radius:10px;width:40px;height:40px;box-shadow:0 4px #0f172a1f}.top-end{align-items:center;gap:18px;display:flex}.top-links{color:var(--ink-muted);align-items:center;gap:18px;font-size:.92rem;font-weight:600;display:none}.top-links a:hover{color:var(--ink)}.top-download{background:linear-gradient(180deg, var(--amber-top), var(--amber-bottom));border:2px solid var(--amber-border);border-radius:999px;padding:8px 14px;box-shadow:0 3px #92400e40;color:var(--ink)!important}.lang-mini select{appearance:none;background:var(--glass);border:1.5px solid var(--glass-border);font:inherit;color:var(--ink);cursor:pointer;backdrop-filter:blur(8px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230f172a' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:10px;padding:7px 28px 7px 10px;font-size:.78rem;font-weight:700}@media (width>=820px){.top-links{display:flex}}.hero{background:radial-gradient(ellipse 90% 55% at 70% 20%, #ffffff73, transparent 60%), linear-gradient(180deg, var(--sky-soft) 0%, var(--sky) 42%, var(--sky-deep) 100%);align-items:flex-end;min-height:100svh;padding:110px 0 48px;display:flex;position:relative;overflow:hidden}.hero__sky{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.cloud{opacity:.9;filter:drop-shadow(0 8px 14px #0f172a1a);will-change:transform;height:auto;animation:linear infinite driftCloud;position:absolute}.cloud--1{width:min(38vw,240px);animation-duration:52s;top:12%;left:-6%}.cloud--2{opacity:.78;width:min(28vw,170px);animation-duration:60s;animation-delay:-14s;top:8%;left:58%}.cloud--3{width:min(44vw,280px);animation-duration:68s;animation-delay:-30s;top:48%;left:22%}.cloud--4{opacity:.72;width:min(26vw,150px);animation-duration:54s;animation-delay:-10s;top:68%;left:4%}.cloud--5{opacity:.82;width:min(32vw,200px);animation-duration:58s;animation-delay:-22s;top:62%;left:72%}@keyframes driftCloud{0%{transform:translate(0)}to{transform:translate(12vw)}}.hero__ground{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#0f172a0f 40%,#0f172a1f 100%);height:72px;position:absolute;inset:auto 0 0}.hero__ground:before{content:"";background:linear-gradient(180deg, var(--grass) 0 45%, var(--earth) 45%);border-radius:6px;width:88px;height:18px;animation:2.8s ease-in-out infinite bobPlatform;position:absolute;bottom:28px;left:8%;box-shadow:0 4px #0f172a26}.hero__ground:after{content:"";background:linear-gradient(180deg, var(--grass) 0 45%, var(--earth) 45%);opacity:.85;border-radius:6px;width:64px;height:16px;animation:3.4s ease-in-out .6s infinite bobPlatform;position:absolute;bottom:36px;right:18%;box-shadow:0 4px #0f172a26}@keyframes bobPlatform{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero__content{z-index:2;align-items:end;gap:36px;display:grid;position:relative}@media (width>=900px){.hero__content{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding-bottom:24px}}.hero__copy{animation:.75s cubic-bezier(.22,1,.36,1) both riseIn}@keyframes riseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero__brand{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);text-shadow:0 2px #ffffff80,0 8px 24px #0f172a1f;margin-bottom:18px;font-size:clamp(2.6rem,8vw,4.4rem);font-weight:700;line-height:.95}.hero__headline{font-family:var(--display);color:var(--ink);max-width:28ch;margin-bottom:14px;font-size:clamp(1.25rem,3.2vw,1.75rem);font-weight:600;line-height:1.25}.hero__support{color:var(--ink-muted);max-width:48ch;margin-bottom:26px;font-size:clamp(.98rem,2vw,1.08rem)}.store-row{flex-wrap:wrap;gap:12px;display:flex}.store-btn{border:2.5px solid var(--teal-border);background:linear-gradient(180deg, var(--teal-top), var(--teal-bottom));color:#ecfdf8;border-radius:14px;align-items:center;gap:10px;min-height:54px;padding:10px 18px 10px 14px;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 4px #0f172a38}.store-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.store-btn:active{transform:translateY(1px);box-shadow:0 2px #0f172a38}.store-btn--fill{border-color:var(--amber-border);background:linear-gradient(180deg, var(--amber-top), var(--amber-bottom));color:var(--ink);box-shadow:0 4px #92400e47}.store-btn svg{flex-shrink:0;width:26px;height:26px}.store-btn__label{text-align:left;flex-direction:column;line-height:1.15;display:flex}.store-btn__label small{opacity:.85;font-size:.68rem;font-weight:600}.store-btn__label strong{font-family:var(--display);letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.hero__device{filter:drop-shadow(0 28px 40px #0f172a47);justify-self:center;width:min(100%,280px);animation:.9s cubic-bezier(.22,1,.36,1) .12s both deviceIn}@media (width>=900px){.hero__device{justify-self:end;width:min(100%,320px)}}@keyframes deviceIn{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.phone{background:linear-gradient(160deg,#1e293b,#0f172a);border-radius:36px;padding:10px;position:relative;box-shadow:inset 0 0 0 2px #ffffff1f,0 0 0 1px #0f172a66}.phone:before{content:"";z-index:2;background:#020617;border-radius:999px;width:72px;height:10px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone img{aspect-ratio:508/1100;object-fit:cover;background:var(--sky);border-radius:28px;width:100%}.section{padding:88px 0;position:relative}.section--climb{background:linear-gradient(180deg, var(--sky-deep) 0%, #6ec4f5 35%, #a8dcfa 100%)}.section--gallery{background:radial-gradient(ellipse 70% 50% at 50% 0%, #ffffff59, transparent 55%), linear-gradient(180deg, #a8dcfa 0%, var(--sky) 55%, var(--sky-soft) 100%)}.section--cta{background:linear-gradient(180deg, var(--sky-soft) 0%, var(--sky) 45%, #6bb8e8 100%);padding-bottom:100px}.section-label{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px;font-size:.85rem;font-weight:700}.section-title{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);max-width:18ch;margin-bottom:12px;font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:700;line-height:1.1}.section-lead{color:var(--ink-muted);max-width:42ch;margin-bottom:40px;font-size:1.05rem}.climb__points{counter-reset:climb;gap:28px;list-style:none;display:grid}@media (width>=760px){.climb__points{grid-template-columns:repeat(3,1fr);gap:36px}}.climb__points li{counter-increment:climb;padding-top:8px;position:relative}.climb__points li:before{content:counter(climb);font-family:var(--display);color:#0f172a24;margin-bottom:8px;font-size:2.4rem;font-weight:700;line-height:1;display:block}.climb__points strong{font-family:var(--display);color:var(--ink);margin-bottom:6px;font-size:1.2rem;font-weight:700;display:block}.climb__points p{color:var(--ink-muted);max-width:28ch;font-size:.98rem}.gallery-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;grid-auto-columns:minmax(180px,220px);grid-auto-flow:column;gap:18px;padding:8px 4px 24px;display:grid;overflow-x:auto}@media (width>=900px){.gallery-rail{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;padding-bottom:0;overflow:visible}}.gallery-shot{scroll-snap-align:center;transform:rotate(var(--tilt,0deg));border-radius:22px;transition:transform .25s;overflow:hidden;box-shadow:0 4px #0f172a1a,0 18px 36px #0f172a2e}.gallery-shot:first-child{--tilt:-2deg}.gallery-shot:nth-child(2){--tilt:1.5deg}.gallery-shot:nth-child(3){--tilt:-1deg}.gallery-shot:hover{transform:rotate(0)translateY(-6px)}.gallery-shot img{aspect-ratio:506/1100;object-fit:cover;width:100%}.cta-panel{text-align:center;max-width:560px;margin-inline:auto}.cta-panel .section-title{max-width:none;margin-inline:auto}.cta-panel .section-lead{margin-inline:auto}.cta-panel .store-row{justify-content:center;margin-bottom:16px}.cta__fine{color:var(--ink-faint);font-size:.88rem}footer{color:#0f172ab8;background:#5aa8d8;padding:28px 0 40px;font-size:.88rem}.footer__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.footer__links{flex-wrap:wrap;gap:16px;display:flex}.footer__links a:hover{color:var(--ink);text-decoration:underline}.reveal-on-scroll{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.cloud,.hero__ground:before,.hero__ground:after,.hero__copy,.hero__device,.reveal-on-scroll{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}@media (width<=900px){.hero{min-height:auto;padding:100px 0 40px}.hero__content{text-align:center}.hero__headline,.hero__support{margin-inline:auto}.store-row{justify-content:center}.hero__device{order:-1;justify-self:center}}@media (width<=560px){.wrap{width:min(100% - 28px, var(--max))}.store-btn{justify-content:center;width:100%}}
