.hn{--teal:#00bfc9;--teal-dark:#009aa3;--teal-ink:#0a7a80;--mist:#c6e9ec;--pale:#e0f7f8;--ink:#0e1a1c;--ink-soft:#1a2e32;--gold:#f5b845;--gold-ink:#6b4c08;--ok:#3fa37a;--cream:#f8f7f5;--paper:#fbfaf7;--white:#fff;--muted:#5a6b6d;--faint:#8a9a9c;--line:#e0eaeb;--g-meadow:linear-gradient(135deg, #c2e8e2 0%, #d4eac6 32%, #ede9b0 65%, #f5edd8 100%);--g-sea:linear-gradient(150deg, #e0f7f8 0%, #c6e9ec 45%, #9fdde2 100%);--g-sun:linear-gradient(150deg, #fff4d6 0%, #fbe1a1 55%, #f5c978 100%);--g-dusk:linear-gradient(160deg, #1a2e32 0%, #0e1a1c 60%, #08413f 120%);--g-mint:linear-gradient(150deg, #eaf7f1 0%, #cdebdd 60%, #a9dcc6 100%);--g-sky:linear-gradient(150deg, #eef3ff 0%, #d8e3fb 55%, #c6e9ec 100%);--g-cta:linear-gradient(120deg, #00bfc9 0%, #4fd3c8 30%, #c2e8e2 62%, #f5edd8 100%);--display:var(--font-dm-sans), system-ui, sans-serif;--sans:var(--font-sans), system-ui, sans-serif;--gutter:max(20px, env(safe-area-inset-left,0px));--gutter-r:max(20px, env(safe-area-inset-right,0px));--serif:var(--font-cormorant), Georgia, serif;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;position:relative}.hn h1,.hn h2,.hn h3,.hn p{margin:0}.hn img,.hn video{max-width:100%;display:block}.hn .wrap{max-width:1240px;padding-left:var(--gutter);padding-right:var(--gutter-r);margin:0 auto}.hn .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--teal-dark);background:#00bfc914;border:1px solid #00bfc938;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:11.5px;font-weight:600;display:inline-flex}.hn .on-dark .eyebrow,.hn .eyebrow.dark{color:var(--mist);background:#ffffff0f;border-color:#ffffff1f}.hn .h2,.hn .h3,.hn .hero h1,.hn .price,.hn .bx b,.hn .card b,.hn .fi b,.hn .how-copy .h3,.hn .news .txt b,.hn .modal b{font-family:var(--display)}.hn .h2{letter-spacing:-.045em;text-wrap:balance;margin:18px 0 0;font-size:clamp(36px,5.4vw,72px);font-weight:600;line-height:1.02}.hn .h2 em,.hn .h3 em,.hn .em{font-family:var(--serif);color:var(--teal-dark);letter-spacing:-.01em;font-style:italic;font-weight:300}.hn .on-dark .h2 em,.hn .on-dark .em{color:var(--teal)}.hn .h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(26px,3vw,40px);font-weight:600;line-height:1.08}.hn .lead{color:var(--muted);max-width:56ch;margin:18px 0 0;font-size:clamp(16px,1.5vw,18px);font-weight:300}.hn .on-dark .lead{color:var(--faint)}.hn .head{text-align:center;justify-items:center;display:grid}.hn .head .lead{margin-inline:auto}.hn .w{vertical-align:top;margin:0 -.06em -.12em 0;padding:0 .06em .12em 0;display:inline-block;overflow:hidden}.hn .how-index button:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:999px}.hn .wi{display:inline-block}.hn .btn-glow-cta{font:600 14px/1.4 var(--sans);color:#fff;white-space:nowrap;background:linear-gradient(135deg,#00bfc9 0%,#009aa3 100%);border-radius:9999px;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s;animation:2.4s ease-in-out infinite glow-pulse;display:inline-flex}.hn .btn-glow-cta:hover{animation-play-state:paused;transform:translateY(-2px)scale(1.04)}.hn .btn-glow-cta svg{transition:transform .2s}.hn .btn-glow-cta:hover svg{transform:translate(2px,-2px)}.hn .reel{z-index:2;background:var(--ink);color:#fff;border-radius:48px 48px 0 0;height:250vh;position:relative}.hn .reel-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hn .reel-sticky:before{content:"";background:radial-gradient(60% 50% at 50% 100%,#00bfc938,#0000 70%),radial-gradient(40% 40% at 10% 20%,#f5b8451a,#0000 70%);position:absolute;inset:0}.hn .reel-head{z-index:2;position:absolute;top:clamp(70px,13vh,130px);left:0;right:0}.hn .reel-media{clip-path:inset(38% 24% 6% round 36px);will-change:clip-path;position:absolute;inset:0}.hn .reel-media video{object-fit:cover;width:100%;height:100%}.hn .reel-cap{z-index:3;left:var(--gutter);bottom:max(28px, env(safe-area-inset-bottom,0px));opacity:0;color:#fff;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute}.hn .reel-cap span{-webkit-backdrop-filter:blur(10px);background:#0e1a1c8c;border-radius:999px;padding:7px 14px}@media (max-width:760px){.hn .reel-media{clip-path:inset(44% 5% 10% round 24px)}}.hn .how{z-index:3;background:var(--cream);border-radius:48px 48px 0 0;margin-top:-48px;position:relative}.hn .how:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(50% 30% at 85% 12%,#00bfc91a,#0000 70%),radial-gradient(40% 25% at 5% 40%,#f5b8451a,#0000 70%);position:absolute;inset:0}.hn .how-head{padding-top:clamp(80px,11vw,140px);position:relative}.hn .how-pin{height:330vh;position:relative}.hn .how-stage{grid-template-columns:210px minmax(0,1fr) 300px;align-items:center;gap:clamp(24px,4vw,64px);height:100svh;display:grid;position:sticky;top:0}.hn .how-index{align-self:center;gap:4px;display:grid}.hn .how-index button{all:unset;cursor:pointer;color:var(--faint);grid-template-columns:3px 1fr;align-items:stretch;gap:16px;padding:6px 0;font-size:16px;transition:color .3s;display:grid}.hn .how-index button .rail{background:var(--line);border-radius:3px;position:relative;overflow:hidden}.hn .how-index button .rail i{background:var(--teal);border-radius:3px;height:0%;position:absolute;inset:0 0 auto}.hn .how-index button .lbl{padding:6px 0}.hn .how-index button .lbl small{letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-size:11px;display:block}.hn .how-index button.on{color:var(--ink);font-weight:500}.hn .how-card{aspect-ratio:5/4.4;background:var(--g-sea);border-radius:36px;justify-self:center;width:100%;max-width:600px;max-height:68svh;transition:background .6s;position:relative;overflow:hidden;box-shadow:0 40px 80px #0e1a1c1f}.hn .how-card[data-step="1"]{background:var(--g-dusk)}.hn .how-card[data-step="2"]{background:var(--g-meadow)}.hn .how-card .scene{opacity:0;pointer-events:none;place-items:center;padding:8%;transition:opacity .55s,transform .7s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0;transform:scale(.94)translateY(20px)}.hn .how-card .scene.on{opacity:1;pointer-events:auto;transform:none}.hn .how-copy{min-height:220px;position:relative}.hn .how-copy .t{opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(24px)}.hn .how-copy .t.on{opacity:1;transform:none}.hn .how-copy .num{font-family:var(--serif);color:var(--teal-dark);font-size:20px;font-style:italic}.hn .how-copy p{color:var(--muted);margin:14px 0 0;font-weight:300}@media (max-width:960px){.hn .how-stage{grid-template-rows:auto auto auto;grid-template-columns:1fr;align-content:center;gap:18px;padding-top:70px}.hn .how-index{grid-auto-flow:column;justify-content:center;gap:8px}.hn .how-index button{background:#0e1a1c0d;border-radius:999px;grid-template-columns:1fr;gap:0;padding:8px 14px;font-size:13.5px}.hn .how-index button .rail{display:none}.hn .how-index button .lbl{padding:0}.hn .how-index button .lbl small{display:none}.hn .how-index button.on{background:var(--ink);color:#fff}.hn .how-card{aspect-ratio:5/4.6;border-radius:28px;max-height:50svh}.hn .how-copy{text-align:center;min-height:150px}.hn .how-copy .h3{font-size:24px}.hn .how-copy p{margin-top:8px;font-size:15px}}.hn .mock{width:100%;max-width:440px;color:var(--ink);background:#fff;border-radius:18px;font-size:13px;overflow:hidden;box-shadow:0 24px 60px #0e1a1c2e}.hn .mock .top{border-bottom:1px solid var(--line);color:var(--faint);background:#f3f6f6;align-items:center;gap:6px;padding:10px 14px;font-size:11px;display:flex}.hn .mock .top i{background:#d5dedf;border-radius:50%;width:8px;height:8px}.hn .mock .top b{color:var(--muted);margin-left:8px;font-weight:500}.hn .mock .body{gap:10px;padding:16px;display:grid}.hn .field{gap:5px;display:grid}.hn .field label{color:var(--faint);font-size:11px;font-weight:500}.hn .field .in{border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;padding:9px 11px;font-size:13px;overflow:hidden}.hn .field .in.focus{border-color:var(--teal);box-shadow:0 0 0 3px #00bfc924}.hn .caret{background:var(--teal);vertical-align:-2px;width:1.5px;height:14px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hn .mock .pic{background:url(/home-nueva/img/web-escolar-lyons.webp) 50%/cover;border-radius:10px;height:92px}.hn .mock .row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hn .chip{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.hn .chip.ok{color:#2b7a59;background:#3fa37a24}.hn .chip.teal{background:var(--pale);color:var(--teal-ink)}.hn .chip.gold{color:var(--gold-ink);background:#fff1cf}.hn .mbtn{background:var(--ink);color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:500;display:inline-flex}.hn .console{background:var(--ink-soft);color:#fff;border:1px solid #ffffff1a;border-radius:22px;gap:14px;width:100%;max-width:440px;padding:18px;display:grid;box-shadow:0 30px 70px #00000059}.hn .console .row{justify-content:space-between;align-items:center;gap:10px;display:flex}.hn .console .t b{font-size:14px;display:block}.hn .console .t span{color:var(--faint);font-size:12px}.hn .pub{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #00bfc959}.hn .bar{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.hn .bar i{background:var(--teal);border-radius:99px;width:0%;height:100%;transition:width .35s ease-out;display:block}.hn .log{gap:9px;font-size:12.5px;display:grid}.hn .log div{color:#fff6;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;transition:color .3s;display:grid}.hn .log .ck{border:1px solid #fff3;border-radius:50%;place-items:center;width:18px;height:18px;transition:background .3s,border-color .3s;display:grid}.hn .log .ck svg{opacity:0;width:11px;height:11px;transition:opacity .3s}.hn .log div.done{color:#fff}.hn .log div.done .ck{background:var(--ok);border-color:var(--ok)}.hn .log div.done .ck svg{opacity:1}.hn .log time{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11px}.hn .live{aspect-ratio:16/12;width:100%;max-width:460px;position:relative}.hn .live .browser{background:#fff;border-radius:14px;width:84%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 24px 60px #0e1a1c40}.hn .live .browser .top{color:#6b7280;background:#f3f4f6;align-items:center;gap:5px;padding:8px 10px;font-size:10px;display:flex}.hn .live .browser .top i{background:#d1d5db;border-radius:50%;width:7px;height:7px}.hn .live .browser .top span{margin-left:6px}.hn .live .phone{background:#111;border:4px solid #111;border-radius:18px;width:30%;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 20px 44px #00000059}.hn .live .badge{position:absolute;bottom:6%;left:6%}.hn .live .badge .chip{color:#2b7a59;background:#fff;padding:7px 12px;font-size:12px;box-shadow:0 8px 20px #0e1a1c26}.hn .live .badge .chip:before{content:"";background:var(--ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3fa37a33}.hn .feat{z-index:3;background:#fff;padding-block:clamp(80px,10vw,140px) clamp(40px,6vw,80px);position:relative}.hn .feat-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);margin-top:clamp(48px,7vw,96px);display:grid}.hn .feat-card{background:var(--g-sea);border-radius:36px;height:500px;transition:background .6s;position:sticky;top:calc(50vh - 250px);overflow:hidden}.hn .feat-card .scene{opacity:0;place-items:center;padding:9%;transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0;transform:translateY(26px)scale(.96)}.hn .feat-card .scene.on{opacity:1;transform:none}.hn .feat-list{display:grid}.hn .fi{opacity:.22;align-content:center;gap:14px;min-height:62vh;transition:opacity .45s;display:grid}.hn .fi.on{opacity:1}.hn .fi:first-child{align-content:start;min-height:50vh;padding-top:70px}.hn .fi:last-child{min-height:70vh}.hn .fi .tag{justify-self:start}.hn .fi p{color:var(--muted);max-width:46ch;margin:0;font-weight:300}.hn .fi ul{gap:7px;margin:4px 0 0;padding:0;font-size:14.5px;list-style:none;display:grid}.hn .fi li{align-items:flex-start;gap:9px;display:flex}.hn .fi li svg{width:16px;height:16px;color:var(--teal);flex:none;margin-top:3px}.hn .fi .vis{display:none}@media (max-width:860px){.hn .feat-grid{grid-template-columns:1fr}.hn .feat-card{display:none}.hn .fi,.hn .fi:first-child,.hn .fi:last-child{opacity:1;min-height:0;padding:0 0 56px}.hn .fi .vis{border-radius:28px;place-items:center;height:300px;margin-bottom:8px;padding:22px;display:grid;overflow:hidden}}.hn .news{background:#fff;border-radius:18px;width:100%;max-width:330px;overflow:hidden;box-shadow:0 24px 60px #0e1a1c29}.hn .news .img{background:url(/home-nueva/img/web-escolar-lyons.webp) 50%/cover;height:150px}.hn .news .txt{gap:8px;padding:14px 16px 16px;display:grid}.hn .news .txt b{letter-spacing:-.02em;font-size:16px;line-height:1.25}.hn .news .txt span{color:var(--faint);font-size:12px}.hn .evs{gap:10px;width:100%;max-width:340px;display:grid}.hn .ev{background:#fff;border-radius:16px;grid-template-columns:54px 1fr;align-items:center;gap:12px;padding:10px;display:grid;box-shadow:0 12px 30px #0e1a1c1a}.hn .ev .d{text-align:center;background:var(--pale);color:var(--teal-ink);border-radius:11px;padding:6px 0;line-height:1.1}.hn .ev .d b{font-size:19px;display:block}.hn .ev .d small{letter-spacing:.1em;text-transform:uppercase;font-size:10px}.hn .ev span{font-size:13.5px;font-weight:500}.hn .ev small.w2{color:var(--faint);font-size:11.5px;font-weight:400;display:block}.hn .tree{background:#fff;border-radius:18px;gap:4px;width:100%;max-width:330px;padding:14px;font-size:13.5px;display:grid;box-shadow:0 24px 60px #0e1a1c24}.hn .tree div{border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.hn .tree .l2{margin-left:22px}.hn .tree .l3{background:var(--pale);color:var(--teal-ink);margin-left:44px;font-weight:500}.hn .tree .lvl{color:var(--faint);border:1px solid var(--line);border-radius:6px;margin-left:auto;padding:1px 6px;font-size:10px}.hn .tree .grip{color:#c6d8da;letter-spacing:-2px;font-size:12px}.hn .modal{background:#fff;border-radius:20px;gap:10px;width:100%;max-width:300px;padding:20px;display:grid;box-shadow:0 30px 70px #0e1a1c4d}.hn .modal b{letter-spacing:-.02em;font-size:18px}.hn .modal p{color:var(--muted);margin:0;font-size:13px}.hn .modal .mbtn{background:var(--teal-dark);justify-self:start}.hn .media{gap:10px;width:100%;max-width:340px;display:grid}.hn .media .grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hn .media .grid div{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:12px;box-shadow:0 8px 20px #0e1a1c1a}.hn .media .pdf{background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;display:flex;box-shadow:0 8px 20px #0e1a1c1a}.hn .media .pdf i{color:#fff;background:#d9553a;border-radius:5px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:700}.hn .team{background:#fff;border-radius:18px;width:100%;max-width:330px;padding:8px;display:grid;box-shadow:0 24px 60px #0e1a1c24}.hn .team div{grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px;font-size:13px;display:grid}.hn .team div+div{border-top:1px solid var(--line)}.hn .team .av{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:grid}.hn .team small{color:var(--faint);font-size:11.5px;display:block}.hn .visits{background:#fff;border-radius:18px;gap:12px;width:100%;max-width:340px;padding:16px;display:grid;box-shadow:0 24px 60px #0e1a1c24}.hn .visits .bars{align-items:flex-end;gap:6px;height:120px;display:flex}.hn .visits .bars i{background:linear-gradient(180deg, var(--teal), var(--mist));border-radius:6px 6px 3px 3px;flex:1}.hn .visits .pages{gap:6px;font-size:12.5px;display:grid}.hn .visits .pages div{color:var(--muted);justify-content:space-between;display:flex}.hn .svc{z-index:3;background:var(--cream);padding-block:clamp(80px,10vw,140px) clamp(120px,14vw,200px);position:relative}.hn .bento{perspective:1400px;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:clamp(48px,6vw,80px);display:grid}.hn .bx{transform-origin:50% 100%;border-radius:30px;grid-column:span 2;align-content:space-between;gap:22px;min-height:300px;padding:26px;display:grid;position:relative;overflow:hidden}.hn .bx.w3{grid-column:span 3}.hn .bx b{letter-spacing:-.02em;font-size:18px;display:block}.hn .bx p{color:var(--muted);margin:6px 0 0;font-size:14px;font-weight:300}.hn .bx.dark{background:var(--g-dusk);color:#fff}.hn .bx.dark p{color:var(--faint)}.hn .bx.sea{background:var(--g-sea)}.hn .bx.sun{background:var(--g-sun)}.hn .bx.mint{background:var(--g-mint)}.hn .bx.sky{background:var(--g-sky)}.hn .bx.meadow{background:var(--g-meadow)}.hn .bx .art{transition:transform .5s cubic-bezier(.2,.9,.3,1.2)}.hn .bx:hover .art{transform:translateY(-6px)scale(1.02)}.hn .uptime .big{font-family:var(--serif);font-size:34px;font-style:italic;font-weight:300;line-height:1}.hn .uptime .big small{font-family:var(--sans);color:var(--faint);margin-left:8px;font-size:12px;font-style:normal}.hn .uptime .bars{grid-template-columns:repeat(30,1fr);gap:3px;height:40px;margin-top:14px;display:grid}.hn .uptime .bars i{background:var(--ok);opacity:.85;border-radius:3px}.hn .gauge-row{align-items:center;gap:18px;display:flex}.hn .gauge-row ul{flex:1;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.hn .gauge-row li{justify-content:space-between;gap:8px;display:flex}.hn .gauge-row li b{color:#2b7a59;font-size:13px;display:inline}.hn .lockbar{background:#fff;border-radius:999px;align-items:center;gap:10px;padding:11px 16px;font-size:13px;display:flex;box-shadow:0 10px 24px #0e1a1c14}.hn .lockbar svg{width:15px;height:15px;color:var(--ok)}.hn .cal{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.hn .cal i{aspect-ratio:1;color:var(--gold-ink);font-variant-numeric:tabular-nums;background:#ffffffb3;border-radius:7px;place-items:center;font-size:10.5px;font-style:normal;display:grid}.hn .cal i.k{background:var(--gold);color:var(--ink);font-weight:600}.hn .bub{border-radius:16px;max-width:88%;padding:10px 14px;font-size:13px;line-height:1.45}.hn .bub small{opacity:.6;margin-top:3px;font-size:10.5px;display:block}.hn .bub.me{background:#fff}.hn .bub.us{background:var(--ink);color:#fff;justify-self:end}.hn .chat,.hn .owns{gap:8px;display:grid}.hn .owns div{background:#ffffffbf;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.hn .owns svg{width:16px;height:16px;color:var(--teal-dark);flex:none}@media (max-width:960px){.hn .bento{grid-template-columns:1fr 1fr}.hn .bx,.hn .bx.w3{grid-column:span 1}}@media (max-width:600px){.hn .bento{grid-template-columns:1fr}.hn .bx{min-height:0}}.hn .cases{z-index:4;background:var(--ink);color:#fff;border-radius:56px 56px 0 0;margin-top:-56px;padding-top:clamp(80px,10vw,130px);position:relative}.hn .cases:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(45% 30% at 80% 8%,#00bfc929,#0000 70%),radial-gradient(35% 25% at 10% 30%,#f5b84514,#0000 70%);position:absolute;inset:0}.hn .track-pin{position:relative}.hn .track-sticky{align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.hn .track{will-change:transform;align-items:center;gap:clamp(18px,2.4vw,32px);padding-inline:max(6vw,20px);display:flex}.hn .card{color:inherit;transform-origin:50% 120%;border-radius:40px;flex:none;text-decoration:none;position:relative;overflow:hidden}.hn .card.school{width:min(640px,84vw);color:var(--ink);background:#fff}.hn .card.school .stage{aspect-ratio:16/10.5;padding:24px 24px 0;position:relative;overflow:hidden}.hn .card.school .browser{background:#fff;border-radius:14px 14px 0 0;height:100%;overflow:hidden;box-shadow:0 -2px 30px #0003}.hn .card.school .browser .top{color:#6b7280;background:#f3f4f6;align-items:center;gap:6px;padding:8px 10px;font-size:10.5px;display:flex}.hn .card.school .browser .top i{background:#d1d5db;border-radius:50%;width:7px;height:7px}.hn .card.school .browser img{width:100%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.hn .card.school:hover .browser img{transform:scale(1.04)}.hn .card.school .phone{border:4px solid #111;border-radius:18px;width:24%;transition:transform .5s cubic-bezier(.2,.9,.3,1.2);position:absolute;bottom:-40px;right:22px;overflow:hidden;box-shadow:0 18px 40px #00000059}.hn .card.school:hover .phone{transform:translateY(-14px)rotate(-2deg)}.hn .card.school .info{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px;padding:20px 26px 24px;display:flex}.hn .card.school .info b{letter-spacing:-.02em;font-size:20px;display:block}.hn .card.school .info span{color:var(--muted);font-size:13.5px}.hn .card.school .go{color:var(--teal-dark);white-space:nowrap;font-size:13px;font-weight:500}.hn .card.brand{aspect-ratio:4/5;background:#fff;width:min(400px,76vw)}.hn .card.brand img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hn .card.brand img.contain{object-fit:contain;padding:8%}.hn .card.brand .lab{-webkit-backdrop-filter:blur(10px);color:#fff;background:#0e1a1cb8;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.hn .card.brand .lab small{color:var(--mist);font-size:12px}.hn .card.say{aspect-ratio:4/5;width:min(400px,76vw);color:var(--ink);align-content:space-between;padding:34px;display:grid}.hn .card.say.sun{background:var(--g-sun)}.hn .card.say.sea{background:var(--g-cta)}.hn .card.say .big{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(40px,4vw,54px);font-style:italic;font-weight:300;line-height:.98}.hn .card.say p{color:#0e1a1cbf;margin:0;font-size:15px}.hn .track-foot{left:0;right:0;bottom:max(26px, env(safe-area-inset-bottom,0px));justify-content:center;display:flex;position:absolute}.hn .track-foot .prog{background:#ffffff1f;border-radius:3px;width:min(240px,50vw);height:3px;overflow:hidden}.hn .track-foot .prog i{background:var(--teal);width:0%;height:100%;display:block}.hn .plans{z-index:5;background:var(--paper);border-radius:56px 56px 0 0;margin-top:-56px;padding-block:clamp(80px,10vw,140px);position:relative;overflow:clip}.hn .plans:before{content:"";pointer-events:none;background:radial-gradient(40% 30% at 15% 20%,#00bfc91a,#0000 70%),radial-gradient(40% 30% at 90% 60%,#f5b84524,#0000 70%);position:absolute;inset:0}.hn .plan-list{gap:28px;margin-top:clamp(40px,5vw,64px);display:grid}.hn .plan-row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:stretch;gap:20px;display:grid}.hn .plan-card{background:var(--g-sea);border-radius:36px;align-content:start;gap:16px;min-width:0;padding:clamp(26px,3vw,40px);display:grid;position:relative}.hn .plan-card.premium{background:var(--g-sun)}.hn .plan-card .top{justify-content:space-between;align-items:center;gap:10px;display:flex}.hn .plan-card .nm{letter-spacing:.18em;text-transform:uppercase;font-size:11.5px;font-weight:600}.hn .plan-card .tagp{background:var(--ink);color:#fff;border-radius:999px;padding:4px 10px;font-size:11px}.hn .plan-card .price{letter-spacing:-.045em;font-size:clamp(42px,5vw,60px);font-weight:600;line-height:1}.hn .plan-card .sub{color:#0e1a1ca6;font-size:12.5px}.hn .plan-card .note{color:var(--teal-ink);background:#ffffffa6;border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.hn .plan-card .note svg{flex:none;width:16px;height:16px;margin-top:2px}.hn .plan-card .desc{color:#0e1a1cbf;margin:0;font-size:15px}.hn .plan-card ul{gap:9px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.hn .plan-card li{gap:9px;display:flex}.hn .plan-card li svg{width:16px;height:16px;color:var(--teal-dark);flex:none;margin-top:3px}.hn .mockup-frame{background:#1a2e32;border:1px solid #ffffff1a;border-radius:28px;grid-template-rows:auto 1fr;min-width:0;padding:12px;display:grid;box-shadow:0 40px 80px #0000004d}.hn .mockup-frame .chrome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 12px;display:flex}.hn .mockup-frame .l{align-items:center;gap:12px;min-width:0;display:flex}.hn .mockup-frame .r{align-items:center;gap:10px;display:flex}.hn .lights{flex:none;gap:5px;display:flex}.hn .lights i{border-radius:50%;width:11px;height:11px}.hn .urlpill{color:#8a9a9c;white-space:nowrap;text-overflow:ellipsis;background:#ffffff12;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:6px;min-width:0;padding:5px 14px;font-size:11px;display:flex;overflow:hidden}.hn .urlpill svg{color:#00bfc9;flex:none;width:11px;height:11px}.hn .demo-lbl{letter-spacing:.25em;text-transform:uppercase;color:#8a9a9c;font-size:9px;font-weight:600}.hn .mockup-inner{background:#fff;border:1px solid #ffffff14;border-radius:12px;min-height:380px;position:relative;overflow:hidden}.hn .mockup-inner iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.hn .mockup-inner.loaded iframe{opacity:1}.hn .mockup-inner .loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex;position:absolute;inset:0}.hn .mockup-inner.loaded .loading{display:none}.hn .spin{border:3px solid #00000014;border-top-color:#009aa3;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.hn .plan-row{grid-template-columns:1fr}.hn .mockup-inner{aspect-ratio:1}.hn .demo-lbl{display:none}}.hn .faq{z-index:5;background:var(--g-meadow);padding-block:clamp(80px,10vw,140px);position:relative}.hn .faq-list{gap:10px;max-width:860px;margin:clamp(40px,6vw,64px) auto 0;display:grid}.hn .q{background:#ffffffd1;border-radius:22px;transition:background .3s;overflow:hidden}.hn .q[open]{background:#fff}.hn .q summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:clamp(16px,1.6vw,18px);font-weight:500;list-style:none;display:flex}.hn .q summary::-webkit-details-marker{display:none}.hn .q summary .pl{background:var(--pale);width:30px;height:30px;color:var(--teal-ink);border-radius:50%;flex:none;place-items:center;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),background .3s;display:grid}.hn .q[open] summary .pl{background:var(--teal);color:#fff;transform:rotate(45deg)}.hn .q .a{color:var(--muted);max-width:70ch;padding:0 24px 22px;font-weight:300}.hn .end{z-index:5;background:var(--cream);padding-block:clamp(60px,8vw,110px);position:relative}.hn .cta{background:var(--g-cta);text-align:center;border-radius:48px;justify-items:center;gap:22px;padding:clamp(40px,7vw,100px) clamp(24px,6vw,80px);display:grid;position:relative;overflow:hidden}.hn .cta:after{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ffffff8c,#0000 65%);border-radius:50%;width:60%;position:absolute;top:-40%;right:-18%}.hn .cta .h2{z-index:1;max-width:16ch;margin:0;position:relative}.hn .cta .h2 em{color:var(--ink)}.hn .cta p{color:#0e1a1cbf;z-index:1;max-width:52ch;margin:0;font-size:17px;position:relative}.hn .cta .btn-primary{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.hn *,.hn :before,.hn :after{transition:none!important;animation:none!important}.hn .reel-media{clip-path:none!important}}.hn .w>i{font-style:inherit;display:inline-block}.hn .nw{white-space:nowrap}.hn .btn-primary svg,.hn .btn-outline svg,.hn .btn-teal svg,.hn .btn-glow-cta svg{flex:none;width:15px;height:15px}
