.t{--c1:#1d4ed8;--c2:#059669;--deep:#071a33;--p:0}.t .t-pin{padding:0;position:relative}.t img{height:auto;display:block}.t-sticky{align-items:center;height:100svh;padding-top:76px;display:flex;position:sticky;top:0;overflow:hidden}.t-grad{background:linear-gradient(120deg, var(--c1), var(--c2));color:#0000;-webkit-background-clip:text;background-clip:text}.t-kicker{color:var(--c1);margin-bottom:14px;font-size:15px;font-weight:700;display:inline-block}.t-h2{letter-spacing:-.045em;font-size:clamp(34px,5.4vw,72px);font-weight:800;line-height:1.03}.t-lead{color:var(--muted);max-width:620px;font-size:clamp(17px,1.7vw,21px);line-height:1.55}.t-browser{background:#fff;border:1px solid #0f172a1a;border-radius:14px;overflow:hidden;box-shadow:0 40px 100px #071a3347}.t-browser-bar{background:#eef2f6;border-bottom:1px solid #0f172a14;align-items:center;gap:6px;height:34px;padding:0 14px;display:flex}.t-browser-bar i{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.t-browser-bar i:first-child{background:#f87171}.t-browser-bar i:nth-child(2){background:#fbbf24}.t-browser-bar i:nth-child(3){background:#34d399}.t-browser-bar span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;max-width:60%;margin:0 auto;padding:3px 14px;font-size:12px;overflow:hidden}.t-browser img{width:100%}.t-phone{background:#0b1220;border-radius:38px;padding:10px;box-shadow:0 40px 80px #071a3359}.t-phone img{border-radius:30px;width:100%}.t-hero{background:linear-gradient(#fff 0%,#eef4fb 100%);height:250vh}.t-hero .t-sticky{flex-direction:column;justify-content:flex-start;padding-top:calc(76px + 6vh)}.t-hero-title{text-align:center;z-index:2;transform:translateY(calc(var(--p) * -14vh)) scale(calc(1 - var(--p) * .3));opacity:clamp(0, calc(1 - var(--p) * 2.2), 1);padding:0 16px;position:relative}.t-hero-title .name{letter-spacing:-.055em;font-size:clamp(56px,11vw,160px);font-weight:800;line-height:.95}.t-hero-title .tag{color:var(--ink);letter-spacing:-.02em;margin-top:16px;font-size:clamp(19px,2.4vw,30px);font-weight:700}.t-hero-title .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.t-hero-stage{width:min(980px,88vw);transform:translate(-50%, calc((1 - var(--p)) * 34vh - 50%)) scale(calc(.68 + var(--p) * .32));position:absolute;top:54%;left:50%}.t-hero-stage .t-phone{width:19%;opacity:clamp(0, calc((var(--p) - .45) * 4), 1);transform:translateX(calc((1 - clamp(0, calc((var(--p) - .45) * 3), 1)) * 80%));position:absolute;bottom:6%;right:-4%}.t-hero-caption{text-align:center;color:var(--muted);opacity:clamp(0, calc((var(--p) - .8) * 6), 1);padding:0 16px;font-size:clamp(16px,1.5vw,20px);position:absolute;bottom:4vh;left:0;right:0}.t-hero-caption b{color:var(--ink)}.t-words{background:var(--deep);height:240vh}.t-words .t-sticky{justify-content:center}.t-words .wrap{max-width:1100px}.t-words .t-kicker{color:#34d399}.t-words p{letter-spacing:-.035em;color:#fff;font-size:clamp(30px,4.4vw,60px);font-weight:800;line-height:1.15}.t-words .w{opacity:.15;transition:opacity .35s}.t-words .w.on{opacity:1}.t-scroll{background:#fff;height:340vh}.t-scroll .wrap{grid-template-columns:.85fr 1.15fr;align-items:center;gap:56px;width:100%;display:grid}.t-scroll .wrap>*{min-width:0}.t-scroll .t-h2{font-size:clamp(30px,3.8vw,52px)}.t-checks{gap:10px;margin-top:28px;display:grid}.t-checks li{--s:calc(.06 + .7 * var(--i) / var(--n));color:var(--ink);opacity:clamp(.25, calc((var(--p) - var(--s)) * 10), 1);transform:translateX(calc((1 - clamp(0, calc((var(--p) - var(--s)) * 10), 1)) * 24px));align-items:center;gap:12px;font-size:16.5px;font-weight:600;display:flex}.t-checks li:before{content:"";background:linear-gradient(135deg, var(--c1), var(--c2)) center / 100% no-repeat;border-radius:50%;flex:none;width:22px;height:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E")}.t-screen{--vp:min(70vh, 620px);height:var(--vp)}.t-screen .viewport{height:calc(var(--vp) - 34px);background:#f3f4f6;position:relative;overflow:hidden}.t-screen .viewport img{width:100%;transform:translateY(calc(clamp(0, calc((var(--p) - .05) / .85), 1) * (var(--vp) - 34px - 100%)));position:absolute;top:0;left:0}.t-gallery{background:#eef4fb}.t-gallery .t-sticky{flex-direction:column;justify-content:center;align-items:stretch;gap:36px}.t-gallery-head{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.t-track{padding:0 max(24px, calc((100vw - var(--wrap)) / 2 + 24px));will-change:transform;gap:28px;width:max-content;display:flex}.t-slide{flex:none;width:min(80vw,760px)}.t-slide .t-browser{box-shadow:0 24px 60px #071a332e}.t-slide h3{letter-spacing:-.02em;margin-top:20px;font-size:22px;font-weight:800}.t-slide p{color:var(--muted);margin-top:4px;font-size:15.5px}.t-progress{background:#0f172a1a;border-radius:4px;width:min(240px,50vw);height:4px;margin:0 auto;overflow:hidden}.t-progress i{transform-origin:0;height:100%;transform:scaleX(var(--p));background:linear-gradient(90deg, var(--c1), var(--c2));display:block}.t-bento{background:#fff;padding:120px 0}.t-bento-grid{grid-template-columns:repeat(6,1fr);gap:20px;margin-top:48px;display:grid}.t-tile{background:#f5f8fc;border-radius:26px;flex-direction:column;grid-column:span 2;gap:18px;padding:30px;display:flex;overflow:hidden}.t-tile.wide{grid-column:span 4}.t-tile.dark{background:var(--deep);color:#ffffffbf}.t-tile.dark h3{color:#fff}.t-tile h3{letter-spacing:-.02em;font-size:22px;font-weight:800}.t-tile p{color:inherit;opacity:.85;font-size:15.5px}.t-tile .art{border-radius:14px;margin-top:auto;overflow:hidden;box-shadow:0 16px 40px #071a331f}.t-tile .art.plain{box-shadow:none;justify-content:center;display:flex}.t-tile .art.plain img{border-radius:50%;width:120px;box-shadow:0 20px 50px #05966959}.t-tile .big{letter-spacing:-.04em;font-size:clamp(44px,5vw,64px);font-weight:800;line-height:1}.t-tile .big.t-grad{display:inline-block}.t-zoom{background:var(--deep);height:260vh}.t-zoom .t-sticky{flex-direction:column;justify-content:center;gap:4vh}.t-zoom-frame{width:min(860px,88vw,160vh - 576px);transform:scale(calc(2.2 - clamp(0, calc(var(--p) * 1.5), 1) * 1.2));transform-origin:50% 35%}.t-zoom-text{text-align:center;opacity:clamp(0, calc((var(--p) - .45) * 4), 1);transform:translateY(calc(clamp(0, calc((.7 - var(--p)) * 3), 1) * 40px));padding:0 16px}.t-zoom-text .t-h2{color:#fff;font-size:clamp(30px,4.6vw,60px)}.t-zoom-text p{color:#ffffffa6;max-width:640px;margin:12px auto 0;font-size:clamp(16px,1.6vw,20px)}.t-features{background:#eef4fb;padding:120px 0}.t-feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;display:grid}.t-feature{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:18px;align-items:flex-start;gap:12px;padding:22px;font-weight:700;display:flex}.t-feature svg{width:22px;height:22px;color:var(--c2);flex:none}.t-audience{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.t-audience span{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:10px 18px;font-weight:700}@media (width<=900px){.t-hero-stage{width:92vw}.t-hero-stage .t-phone{width:30%;right:-2%}.t-scroll{height:300vh}.t-scroll .wrap{grid-template-columns:1fr;gap:20px}.t-scroll .t-sticky{align-items:flex-start;padding-top:92px}.t-scroll .t-lead{display:none}.t-scroll .t-h2{font-size:28px}.t-checks{grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}.t-checks li{font-size:13.5px}.t-screen{--vp:46vh}.t-bento-grid{grid-template-columns:1fr 1fr}.t-tile,.t-tile.wide{grid-column:span 2}.t-feature-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.t-feature-grid{grid-template-columns:1fr}.t-hero-stage{top:58%}}.no-motion .t{--p:1!important}.no-motion .t-hero,.no-motion .t-words,.no-motion .t-scroll,.no-motion .t-zoom,.no-motion .t-gallery{height:auto!important}.no-motion .t-sticky{height:auto;padding:100px 0;position:relative}.no-motion .t-hero-title{opacity:1;transform:none}.no-motion .t-hero-stage{margin:48px auto 0;position:relative;top:auto;left:auto;transform:none}.no-motion .t-hero-stage .t-phone{opacity:1;transform:none}.no-motion .t-hero-caption{display:none}.no-motion .t-checks li{opacity:1;transform:none}.no-motion .t-screen .viewport{overflow-y:auto}.no-motion .t-screen .viewport img{position:static;transform:none}.no-motion .t-track{scroll-snap-type:x mandatory;width:auto;padding-bottom:12px;overflow-x:auto}.no-motion .t-slide{scroll-snap-align:start}.no-motion .t-zoom-frame{transform:none}
