.mock{--pad: 7%;width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4%;padding:var(--pad);background:linear-gradient(178deg,#fff,#f6f7fb);color:var(--mock-ink);overflow:hidden;font-family:var(--font-body);container-type:inline-size}.mock--wide{--pad: 4.5%;gap:3.5%}.mock__bar{display:flex;align-items:center;gap:5px;padding-bottom:3%;border-bottom:1px solid rgba(11,15,42,.12);flex:none}.mock__logo{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:var(--mock-accent);color:#fff;font-size:7px;font-weight:700;letter-spacing:-.02em;flex:none}.mock__brand{font-size:7.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mock-ink)}.mock__nav{display:flex;align-items:center;gap:6px;margin-left:auto}.mock__nav i{width:14px;height:3px;border-radius:2px;background:#0b0f2a38}.mock__navcta{width:26px;height:10px;border-radius:5px;background:var(--mock-accent)}.mock__burger{margin-left:auto;display:grid;gap:3px}.mock__burger i{width:12px;height:2px;border-radius:2px;background:#0b0f2a66}.mock__hero{flex:none}.mock__tag{display:inline-block;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--mock-accent) 16%,transparent);color:var(--mock-ink);font-family:var(--font-mono);font-size:5.5px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.mock__headline{margin-top:5px;font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--mock-ink)}.mock--wide .mock__headline{font-size:15px;max-width:62%}.mock__actions{display:flex;gap:5px;margin-top:7px}.mock__btn{width:46px;height:12px;border-radius:999px;background:var(--mock-accent)}.mock__btn--alt{width:34px;background:transparent;border:1px solid rgba(11,15,42,.28)}.mock__grid{display:grid;gap:4px;grid-template-columns:repeat(3,1fr);flex:1 1 auto;min-height:34px}.mock--wide .mock__grid{grid-template-columns:repeat(4,1fr)}.mock__tile{border-radius:5px;background:linear-gradient(145deg,color-mix(in srgb,var(--mock-accent) 78%,#ffffff),color-mix(in srgb,var(--mock-ink) 62%,var(--mock-accent)))}.mock__tile--b{background:linear-gradient(145deg,#dfe4f0,#b9c2d8)}.mock__tile--c{background:linear-gradient(145deg,color-mix(in srgb,var(--mock-accent) 38%,#ffffff),color-mix(in srgb,var(--mock-accent) 88%,#000000))}.mock__tile--d{background:linear-gradient(145deg,#eef1f8,#cfd6e8)}.mock__rows{display:grid;gap:3px;flex:none}.mock__rows span{height:3px;border-radius:2px;background:#0b0f2a29}.mock__rows span:nth-child(2){width:82%}.mock__rows span:nth-child(3){width:55%}.mock__foot{display:flex;align-items:center;gap:5px;padding-top:3%;border-top:1px solid rgba(11,15,42,.12);flex:none}.mock__fdot{width:9px;height:9px;border-radius:3px;background:var(--mock-accent);flex:none}.mock__fline{height:3px;width:46%;border-radius:2px;background:#0b0f2a29}.hero{position:relative;padding-top:clamp(7rem,18vw,9.5rem);padding-bottom:clamp(3.5rem,10vw,6rem);overflow:hidden;background:var(--ink-900);border-bottom:1px solid var(--line-dark)}.hero__glow{position:absolute;top:-18%;right:-22%;width:min(760px,118vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,182,39,.2) 0%,rgba(23,200,190,.12) 38%,transparent 68%);filter:blur(18px);pointer-events:none}.hero__grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line-dark-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-dark-soft) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 90% 60% at 50% 0%,#000 0%,transparent 75%);opacity:.55;pointer-events:none}.hero__inner{position:relative;z-index:1;display:grid;gap:clamp(3rem,9vw,4rem)}.hero__title{font-family:var(--font-display);font-size:var(--t-h1);font-weight:800;line-height:.98;letter-spacing:-.045em;text-wrap:balance;animation:hero-rise .85s var(--ease-out) both .05s}.hero__eyebrow{animation:hero-rise .7s var(--ease-out) both}.hero__lead{animation:hero-rise .85s var(--ease-out) both .16s}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;animation:hero-rise .85s var(--ease-out) both .26s}.hero__actions .btn{flex:1 1 240px}.hero__trust{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--line-dark);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink-muted);animation:hero-rise .85s var(--ease-out) both .34s}.hero__trust li{display:flex;align-items:center;gap:.45rem}.hero__trust li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--peacock);flex:none}.hero__stage{position:relative;width:min(100%,360px);margin-inline:auto;padding-block:1rem;animation:hero-rise 1s var(--ease-out) both .3s}.hero__phone{position:relative;width:208px;margin-inline:auto;aspect-ratio:9 / 18.5;padding:8px;border-radius:34px;background:linear-gradient(150deg,#4a5480,#161d3f 34%,#0a0e26 70%,#39406b);box-shadow:0 40px 70px -30px #000000f2,0 0 0 1px #ffffff1a inset;animation:hero-float 7s ease-in-out infinite}.hero__island{position:absolute;top:15px;left:50%;transform:translate(-50%);width:30%;height:12px;border-radius:999px;background:#05081a;z-index:3}.hero__screen{width:100%;height:100%;border-radius:27px;overflow:hidden;background:#fff;padding-top:16px;display:flex}.hero__ping,.hero__chip{position:absolute;z-index:2;border-radius:var(--r-md);border:1px solid var(--line-dark);background:#0c112ef0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 34px -18px #000000e6}.hero__ping{left:0;bottom:9%;display:flex;align-items:flex-start;gap:.65rem;width:min(268px,92%);padding:.75rem .85rem;border-left:3px solid var(--whatsapp);animation:ping-in .7s var(--ease-out) both 1.1s}.hero__ping-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--whatsapp);color:#04240f;flex:none}.hero__ping-copy{display:grid;gap:2px;min-width:0}.hero__ping-copy strong{font-size:.7rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--whatsapp)}.hero__ping-copy span{font-size:.85rem;line-height:1.35;color:var(--on-ink)}.hero__chip{display:grid;gap:1px;padding:.6rem .85rem;text-align:left}.hero__chip-value{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--marigold)}.hero__chip-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-muted)}.hero__chip--speed{top:8%;right:0;animation:ping-in .7s var(--ease-out) both 1.35s}.hero__chip--score{top:33%;left:0;animation:ping-in .7s var(--ease-out) both 1.55s}.hero__chip--score .hero__chip-value{color:var(--peacock)}@media (min-width: 900px){.hero__inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem}.hero__actions .btn{flex:0 1 auto}.hero__stage{width:100%;max-width:420px;margin-inline:auto 0}.hero__phone{width:244px}}@keyframes hero-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes ping-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion: reduce){.hero__phone{animation:none}}