.hola{--royal:#162660;--powder:#d0e6fd;--bone:#f1e4d1;--bg:#faf5ef;--ink:#131b36;--muted:#565b6b;--display:var(--font-sora), system-ui, sans-serif;background:var(--bg);color:var(--ink);font-size:17px;line-height:1.5;overflow-x:clip}.hola h1,.hola h2,.hola h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:800}.hola h2{font-size:clamp(32px,5.2vw,60px);line-height:1.05}.hola p{margin:0}.hola .wrap{width:min(1120px,100% - 40px);margin-inline:auto}.hola .kicker,.hola .eyebrow{letter-spacing:.02em;font-size:14px;font-weight:800}.hola .sub{max-width:46ch;color:var(--muted);margin-top:14px;font-size:clamp(17px,1.6vw,20px)}.hola .btn{border-radius:18px;justify-content:center;align-items:center;min-height:56px;padding:0 28px;font-size:17px;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}.hola .btn:hover{transform:translateY(-2px)}.hola .btn:active{transform:translateY(0)}.hola .btn-light{color:var(--royal);background:#fff;box-shadow:0 10px #0000002e}.hola .btn-line{color:#fff;border:2px solid #ffffff80}.hola .btn-ghost{color:#fff;background:#ffffff24;border-radius:14px;min-height:44px;padding:0 18px;font-size:15px}.hola .btn:focus-visible{outline:3px solid var(--powder);outline-offset:3px}.hola .hero{background:var(--royal);color:#fff;border-radius:0 0 44px 44px;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.hola .hero-nav{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);margin-inline:auto;padding-top:20px;display:flex}.hola .brand{font-family:var(--display);align-items:center;gap:12px;font-size:24px;font-weight:800;display:inline-flex}.hola .brand img{border-radius:50%}.hola .hero-body{flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:40px;width:min(1120px,100% - 40px);margin-inline:auto;padding-block:40px 72px;display:grid}.hola .eyebrow{color:var(--powder)}.hola h1{margin-top:16px;font-size:clamp(42px,7vw,92px);line-height:.98}.hola .lead{color:#dcebfb;max-width:34ch;margin-top:22px;font-size:clamp(18px,1.9vw,23px)}.hola .actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hola .hero-art{aspect-ratio:1;justify-self:center;width:100%;max-width:440px;position:relative}.hola .blob{background:var(--powder);border-radius:46% 54% 58% 42%/48% 44% 56% 52%;animation:14s ease-in-out infinite alternate hola-blob;position:absolute;inset:8%}.hola .mascot{width:68%;height:68%;box-shadow:0 0 0 10px var(--bone);border-radius:50%;position:absolute;inset:16%}.hola .bubble{max-width:230px;color:var(--ink);background:#fff;border-radius:18px;padding:12px 16px;font-size:15px;font-weight:700;line-height:1.3;position:absolute;box-shadow:0 14px 30px #00000038}.hola .bubble-a{border-bottom-left-radius:4px;animation:6s ease-in-out infinite alternate hola-float;top:4%;right:-4%}.hola .bubble-b{border-bottom-right-radius:4px;animation:7s ease-in-out -2s infinite alternate hola-float;bottom:6%;left:-6%}@keyframes hola-float{to{transform:translateY(-10px)}}@keyframes hola-blob{to{border-radius:56% 44% 42% 58%/44% 56% 46% 54%;transform:rotate(8deg)}}.hola .phone{aspect-ratio:750/1624;border:10px solid var(--ink);background:var(--bg);border-radius:44px;position:relative;overflow:hidden;box-shadow:0 30px 60px #131b3640}.hola .phone img{object-fit:cover;width:100%;height:100%;display:block}.hola .track{--p:1;height:320svh;position:relative}.hola .stage{flex-direction:column;align-items:center;height:100svh;padding:clamp(20px,4svh,44px) 20px 0;display:flex;position:sticky;top:0;overflow:hidden}.hola .stage-head{text-align:center;z-index:3}.hola .stage-head p{color:var(--muted);margin-top:8px;font-size:clamp(16px,1.6vw,20px)}.hola .stage-core{flex:1;justify-content:center;width:100%;padding-top:clamp(16px,3svh,32px);display:flex;position:relative}.hola .stage-phone{--grow:clamp(0, calc((var(--p) - .05) / .55), 1);aspect-ratio:750/1624;height:min(72svh,680px);transform:scale(calc(.86 + .14 * var(--grow)));transform-origin:50% 30%;z-index:2;flex:none;position:relative}.hola .stage-phone .phone{width:100%;height:100%}.hola .veil{background:var(--bone);color:#131b3638;font-family:var(--display);opacity:calc(1 - clamp(0, calc((var(--p) - .12) / .4), 1));pointer-events:none;border-radius:34px;justify-content:center;align-items:center;font-size:140px;font-weight:800;display:flex;position:absolute;inset:10px}.hola .notes{z-index:3;pointer-events:none;position:absolute;inset:0}.hola .note{--a:clamp(0, calc((var(--p) - var(--d)) / .36), 1);--rest:calc(1 - var(--a));width:max-content;max-width:220px;color:var(--ink);transform:translate(calc(-50% + var(--x) * var(--k,1) * var(--rest)), calc(-50% + var(--y) * var(--rest))) rotate(calc(var(--r) * var(--rest))) scale(calc(.2 + .8 * var(--rest)));opacity:clamp(0, calc(var(--rest) * 5), 1);will-change:transform, opacity;padding:14px 16px;font-size:16px;font-weight:700;line-height:1.3;position:absolute;top:46%;left:50%;box-shadow:0 12px 26px #131b362e}.hola .note-paper{background:repeating-linear-gradient(#fff 0 25px,#cfe0f5 25px 26px);border-left:4px solid #e2a3a3;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:18px}.hola .note-sticky{background:#ffe58a;border-radius:2px 2px 18px;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:18px}.hola .note-sheet{color:#0f5c39;white-space:nowrap;background:#fff;border:2px solid #1b7a4e;border-radius:4px;max-width:none;font-family:ui-monospace,Menlo,monospace;font-size:14px}.hola .note-chat{background:#d9fdd3;border-radius:18px 18px 4px}.hola .note-think{color:var(--muted);background:#fff;border-radius:999px;font-style:italic}.hola .tags{--b:clamp(0, calc((var(--p) - .62) / .14), 1);z-index:4;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.hola .tag{background:var(--royal);color:#fff;white-space:nowrap;opacity:var(--b);border-radius:999px;padding:12px 18px;font-size:16px;font-weight:800;position:absolute;box-shadow:0 10px 22px #1626604d}.hola .tag-a{transform:translateX(calc(-30px * (1 - var(--b))));top:30%;right:calc(50% + min(18svh,170px))}.hola .tag-b{transform:translateX(calc(30px * (1 - var(--b))));background:#792d0e;top:46%;left:calc(50% + min(18svh,170px))}.hola .tag-c{transform:translateX(calc(-30px * (1 - var(--b))));background:#0f5c39;top:62%;right:calc(50% + min(18svh,170px))}.hola .band{padding-block:clamp(72px,11vw,140px)}.hola .band-powder{background:var(--powder);color:var(--royal);border-radius:44px}.hola .band-powder .sub{color:var(--royal)}.hola .band-bone{background:var(--bone);border-radius:44px 44px 0 0}.hola .band-royal{background:var(--royal);color:#fff}.hola .band h2{margin-top:12px}.hola .questions{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:44px 0 0;padding:0;list-style:none;display:grid}.hola .questions li{color:var(--ink);font-family:var(--display);background:#fff;border-radius:24px;align-items:center;gap:16px;padding:22px;font-size:clamp(17px,1.7vw,21px);font-weight:700;line-height:1.2;display:flex}.hola .questions li:nth-child(odd){rotate:-1deg}.hola .questions li:nth-child(2n){rotate:1deg}.hola .q-num{background:var(--royal);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.hola .features{flex-direction:column;gap:clamp(56px,9vw,120px);margin-top:clamp(48px,7vw,88px);display:flex}.hola .feature{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:clamp(28px,7vw,96px);display:grid}.hola .feature:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,320px)}.hola .feature:nth-child(2n) .phone{order:2;rotate:3deg}.hola .feature .phone{rotate:-3deg}.hola .feature .kicker{color:var(--royal)}.hola .feature h3{margin-top:10px;font-size:clamp(28px,3.8vw,44px);line-height:1.08}.hola .feature-copy p:last-child{max-width:40ch;color:var(--muted);margin-top:16px;font-size:clamp(17px,1.6vw,20px)}.hola .nots{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:40px 0 28px;padding:0;list-style:none;display:grid}.hola .nots li{background:#fff;border-radius:22px;align-items:center;gap:14px;padding:20px 22px;font-size:clamp(16px,1.6vw,19px);font-weight:700;display:flex}.hola .nots svg{color:#792d0e;flex:none}.hola .closing{text-align:center}.hola .closing .wrap{flex-direction:column;align-items:center;display:flex}.hola .closing-mascot{border-radius:50%;margin-bottom:20px}.hola .closing .sub{color:#dcebfb;margin-bottom:34px}.hola .foot{background:var(--royal);color:#dcebfb;text-align:center;padding:0 20px 36px;font-size:14px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hola .questions li,.hola .feature,.hola .nots li{animation:linear both hola-rise;animation-timeline:view();animation-range:entry entry 55%}}}@keyframes hola-rise{0%{opacity:.25;translate:0 36px}}@media (max-width:820px){.hola .hero{border-radius:0 0 32px 32px}.hola .hero-body{grid-template-columns:1fr;gap:24px;padding-block:28px 56px}.hola .hero-art{order:-1;justify-self:start;max-width:260px}.hola .bubble-b{display:none}.hola .bubble-a{max-width:190px;font-size:14px;right:-46%}.hola .track{height:240svh}.hola .stage-phone{height:min(56svh,520px)}.hola .note{--k:.62;max-width:170px;padding:10px 12px;font-size:14px}.hola .note-sheet{font-size:12px}.hola .note-paper,.hola .note-sticky{font-size:15px}.hola .tags{flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 0 0;display:flex;position:static}.hola .stage-core{flex-direction:column;justify-content:flex-start;align-items:center}.hola .tag,.hola .tag-a,.hola .tag-b,.hola .tag-c{transform:translateY(calc(12px * (1 - var(--b))));padding:8px 14px;font-size:13.5px;position:static}.hola .questions,.hola .nots,.hola .feature,.hola .feature:nth-child(2n){grid-template-columns:1fr}.hola .feature .phone,.hola .feature:nth-child(2n) .phone{order:0;width:min(260px,70%);margin-inline:auto}.hola .band-powder,.hola .band-bone{border-radius:32px}.hola .band-bone{border-radius:32px 32px 0 0}}@media (prefers-reduced-motion:reduce){.hola .track{--p:1;height:auto}.hola .stage{height:auto;padding-bottom:56px;position:static}.hola .blob,.hola .bubble{animation:none}.hola .btn{transition:none}}
