[data-ui=v4] .v4-land{scroll-behavior:smooth;background:var(--ink);color:var(--ink-text);overflow-x:hidden}[data-ui=v4] .v4-land .wrap{max-width:1232px}[data-ui=v4] .v4-land .pre{z-index:80;background:var(--ink);transition:clip-path .9s var(--ease);clip-path:inset(0);flex-direction:column;justify-content:space-between;padding:32px 40px;display:flex;position:fixed;inset:0}[data-ui=v4] .v4-land .pre.out{clip-path:inset(0 0 100%);pointer-events:none}[data-ui=v4] .v4-land .pre .line{font-family:var(--head);letter-spacing:-.02em;flex-wrap:wrap;gap:.3em;margin:auto 0;font-size:clamp(22px,3vw,34px);display:flex}[data-ui=v4] .v4-land .pre .line span{opacity:0;filter:blur(6px);transition:opacity .5s var(--ease),transform .5s var(--ease),filter .5s var(--ease);transform:translateY(8px)}[data-ui=v4] .v4-land .pre .line span.on{opacity:1;filter:none;transform:none}[data-ui=v4] .v4-land .pre .line span.m{color:var(--matcha-on-ink)}[data-ui=v4] .v4-land .pre .n{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-muted);justify-content:space-between;font-size:13px;display:flex}[data-ui=v4] .v4-land .pre .n b{color:var(--ink-text);font-variant-numeric:tabular-nums;font-weight:400}[data-ui=v4] .v4-land .hero{isolation:isolate;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}[data-ui=v4] .v4-land .hero canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}[data-ui=v4] .v4-land .hero:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(60% 55% at 50% 50%,#0b0f0d8c,#0b0f0d00 70%),linear-gradient(to bottom,#0b0f0d00 70%,var(--ink));position:absolute;inset:0}[data-ui=v4] .v4-land .hero .in{z-index:2;text-align:center;max-width:980px;padding:120px 24px 40px;position:relative}[data-ui=v4] .v4-land .hero .lbl{color:var(--ink-muted)}[data-ui=v4] .v4-land .hero h1{letter-spacing:-.035em;margin-top:18px;font-size:clamp(40px,7vw,84px);font-weight:500;line-height:1.02}[data-ui=v4] .v4-land .hero h1 .w{opacity:0;filter:blur(10px);transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease);display:inline-block;transform:translateY(18px)}[data-ui=v4] .v4-land .hero h1.in .w{opacity:1;filter:none;transform:none}[data-ui=v4] .v4-land .hero h1 .dim{color:var(--ink-muted)}[data-ui=v4] .v4-land .hero .sub{color:var(--ink-muted);max-width:44ch;margin:22px auto 0;font-size:clamp(15px,1.4vw,18px)}[data-ui=v4] .v4-land .hero .cta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:34px;display:flex}[data-ui=v4] .v4-land .hero .btn{will-change:transform;height:44px;padding:0 20px;font-size:14px}[data-ui=v4] .v4-land .btn.mag{transition:transform .25s var(--ease),background .18s,box-shadow .18s}[data-ui=v4] .v4-land .hero .btn.matcha{background:var(--matcha-on-ink);color:var(--matcha-on-ink-text)}[data-ui=v4] .v4-land .hero .btn.matcha:hover{box-shadow:0 10px 30px -10px var(--matcha-on-ink)}[data-ui=v4] .v4-land .hero .btn.outline{border-color:var(--ink-line);color:var(--ink-text);background:0 0}[data-ui=v4] .v4-land .hero .btn.outline:hover{border-color:var(--ink-text)}[data-ui=v4] .v4-land .hero .hint{z-index:2;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);flex-direction:column;align-items:center;gap:8px;margin-top:64px;font-size:10px;display:flex;position:relative}[data-ui=v4] .v4-land .hero .hint i{background:linear-gradient(var(--ink-muted),transparent);width:1px;height:34px;animation:drop 1.8s var(--ease)infinite;display:block}@keyframes drop{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}[data-ui=v4] .v4-land .say{padding:18vh 24px 14vh}[data-ui=v4] .v4-land .say p{font-family:var(--head);letter-spacing:-.03em;max-width:22ch;margin:0 auto;font-size:clamp(26px,4.2vw,54px);font-weight:500;line-height:1.18}[data-ui=v4] .v4-land .say .w{color:var(--ink-3);transition:color .25s var(--ease)}[data-ui=v4] .v4-land .say .w.on{color:var(--ink-text)}[data-ui=v4] .v4-land .say .m .w.on{color:var(--matcha-on-ink)}[data-ui=v4] .v4-land .rows{padding:0 24px 12vh}[data-ui=v4] .v4-land .rows .r{color:inherit;transition:padding-left .3s var(--ease);grid-template-columns:64px minmax(0,1fr) auto 56px;align-items:center;gap:24px;padding:30px 0;display:grid;position:relative}[data-ui=v4] .v4-land .rows .r:before{content:"";background:repeating-linear-gradient(90deg,var(--ink-muted)0 2px,transparent 2px 8px);opacity:.45;transform-origin:0;height:1px;transition:transform .9s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}[data-ui=v4] .v4-land .rows .r.in:before{transform:scaleX(1)}[data-ui=v4] .v4-land .rows .r:last-child:after{content:"";background:repeating-linear-gradient(90deg,var(--ink-muted)0 2px,transparent 2px 8px);opacity:.45;height:1px;position:absolute;bottom:0;left:0;right:0}[data-ui=v4] .v4-land .rows .r .i0{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-muted);font-size:12px}[data-ui=v4] .v4-land .rows .r h2{letter-spacing:-.03em;font-variant-ligatures:none;white-space:nowrap;font-size:clamp(28px,4vw,52px);font-weight:500}[data-ui=v4] .v4-land .rows .r h2 .g{color:var(--matcha-on-ink);opacity:.7}[data-ui=v4] .v4-land .rows .r .d{color:var(--ink-muted);text-align:right;max-width:34ch;font-size:14px}[data-ui=v4] .v4-land .rows .r .ico{border-radius:var(--r);background:var(--matcha-on-ink);width:56px;height:56px;color:var(--matcha-on-ink-text);transition:transform .3s var(--ease),background .18s;place-items:center;display:grid}[data-ui=v4] .v4-land .rows .r .ico svg.i{width:22px;height:22px}[data-ui=v4] .v4-land .rows .r .ico.app{background:0 0;border-radius:14px;overflow:hidden}[data-ui=v4] .v4-land .rows .r .ico.app img{width:100%;height:100%;display:block}[data-ui=v4] .v4-land .rows .r:hover{padding-left:12px}[data-ui=v4] .v4-land .rows .r:hover .ico{transform:translate(4px)rotate(-8deg)}[data-ui=v4] .v4-land .rows .r:hover .d{color:var(--ink-text)}[data-ui=v4] .v4-land .ws{padding:0 24px 14vh}[data-ui=v4] .v4-land .ws .cap{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}[data-ui=v4] .v4-land .ws .cap h2{letter-spacing:-.02em;font-size:22px;font-weight:500}[data-ui=v4] .v4-land .ws .cap .lbl{color:var(--ink-muted)}[data-ui=v4] .v4-land .ws .frame{border-radius:var(--r);background:var(--ink-2);opacity:0;transition:transform 1.1s var(--ease),opacity 1.1s var(--ease);padding:2px;transform:perspective(1400px)rotateX(6deg)translateY(30px);box-shadow:0 60px 120px -60px #000c}[data-ui=v4] .v4-land .ws .frame.in{opacity:1;transform:none}[data-ui=v4] .v4-land .ws .viewport{border-radius:var(--r);background:var(--bg);position:relative;overflow:hidden}[data-ui=v4] .v4-land .ws .viewport iframe{transform-origin:0 0;pointer-events:none;border:0;width:1440px;height:900px;display:block}[data-ui=v4] .v4-land .ws .viewport:hover iframe{pointer-events:auto}[data-ui=v4] .v4-land .end{text-align:center;padding:8vh 24px 10vh}[data-ui=v4] .v4-land .end h2{letter-spacing:-.035em;font-size:clamp(30px,5vw,60px);font-weight:500}[data-ui=v4] .v4-land .end p{color:var(--ink-muted);margin-top:14px;font-size:15px}[data-ui=v4] .v4-land .end .cta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}[data-ui=v4] .v4-land .end .btn{height:44px;padding:0 20px;font-size:14px}[data-ui=v4] .v4-land .end .btn.matcha{background:var(--matcha-on-ink);color:var(--matcha-on-ink-text)}[data-ui=v4] .v4-land .end .btn.outline{border-color:var(--ink-line);color:var(--ink-text);background:0 0}[data-ui=v4] .v4-land .fmin{border-top:1px solid var(--ink-line);padding:22px 24px 28px}[data-ui=v4] .v4-land .fmin .wrap{color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12.5px;display:flex}[data-ui=v4] .v4-land .fmin nav{flex-wrap:wrap;gap:18px;display:flex}[data-ui=v4] .v4-land .fmin nav a{color:var(--ink-muted);transition:color .15s}[data-ui=v4] .v4-land .fmin nav a:hover{color:var(--matcha-on-ink)}[data-ui=v4] .v4-land .fmin .mono{letter-spacing:.06em;text-transform:uppercase;font-size:11px}[data-ui=v4] .v4-land .sr{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);transform:translateY(14px)}[data-ui=v4] .v4-land .sr.in{opacity:1;transform:none}@media (max-width:820px){[data-ui=v4] .v4-land .pre{padding:22px 18px}[data-ui=v4] .v4-land .hero .in{padding:110px 18px 40px}[data-ui=v4] .v4-land .hero .hint{margin-top:48px}[data-ui=v4] .v4-land .rows .r{grid-template-columns:40px minmax(0,1fr) 44px;gap:14px;padding:22px 0}[data-ui=v4] .v4-land .rows .r .i0{grid-area:1/1}[data-ui=v4] .v4-land .rows .r h2{white-space:normal;overflow-wrap:anywhere;grid-area:1/2;font-size:30px}[data-ui=v4] .v4-land .rows .r .ico{grid-area:1/3;width:44px;height:44px}[data-ui=v4] .v4-land .rows .r .d{text-align:left;grid-area:2/2/auto/-1;max-width:none}[data-ui=v4] .v4-land .ws{display:none}[data-ui=v4] .v4-land .fmin .wrap{text-align:center;justify-content:center}}@media (prefers-reduced-motion:reduce){[data-ui=v4] .v4-land .pre{display:none}[data-ui=v4] .v4-land .hero h1 .w{opacity:1;filter:none;transform:none}[data-ui=v4] .v4-land .say .w{color:var(--ink-text)}[data-ui=v4] .v4-land .rows .r:before{transform:none}[data-ui=v4] .v4-land .ws .frame{opacity:1;transform:none}}
