@font-face{font-family:Urbanist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/urbanist-latin-ext-wght-normal-Bdxck5Au.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Urbanist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/urbanist-latin-wght-normal-D69JTELx.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fafaf8;--panel:#f1f1ee;--paper:#fff;--ink:#141414;--mute:#6b6b6b;--mute-lite:#cfcfcb;--line:#e4e4df;--accent:#ff4f1f;--accent-ink:#b8360c;--yellow:#ffd12e;--dark:#121212;--on-dark:#f3f3f1;--on-dark-mute:#a9a9a4;--radius-xl:clamp(28px, 4vw, 48px);--radius-l:28px;--pad:clamp(16px, 4.2vw, 64px);--max:1360px;--font:"Urbanist Variable", "Urbanist", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:88px;overflow-x:hidden}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6;overflow-x:clip}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit}h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;text-decoration:none;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.ic{flex:none;width:1.05em;height:1.05em}.dot{background:var(--accent);border-radius:50%;width:.62em;height:.62em;display:inline-block}.eyebrow,.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:13px;font-weight:700}.eyebrow{align-items:center;gap:10px;display:inline-flex}.kicker--light{color:var(--on-dark-mute)}.kicker--accent{color:var(--accent-ink)}.h2{letter-spacing:-.03em;text-wrap:balance;max-width:18ch;font-size:clamp(34px,4.6vw,68px);font-weight:600;line-height:1.04}.h2--xl{max-width:18ch;font-size:clamp(38px,6vw,92px)}.h3{letter-spacing:-.015em;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.2}.h4{letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1.3}.muted{color:var(--mute)}.small{font-size:14px}.on-dark-muted{color:var(--on-dark-mute)}.w[data-tone=mute]{color:var(--mute)}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-start{align-items:center;gap:16px;display:flex}.tag{background:var(--panel);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.tag--light{background:#ffffffeb}.tag--accent{background:var(--accent);color:var(--ink)}.link{border-bottom:2px solid var(--ink);align-items:center;gap:8px;padding-bottom:2px;font-weight:700;text-decoration:none;display:inline-flex}.link:hover .ic{transform:translate(4px)}.link .ic{transition:transform .3s var(--ease)}.btns{flex-wrap:wrap;gap:12px;display:flex}.btns--center{justify-content:center}.btn{max-width:100%;min-height:52px;font:700 16px/1.2 var(--font);text-align:center;cursor:pointer;transition:transform .35s var(--ease), background-color .25s, color .25s;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--sm{min-height:42px;padding:0 18px;font-size:15px}.btn--accent{background:var(--accent);color:var(--ink)}.btn--accent:hover{background:var(--yellow)}.btn--dark{background:var(--ink);color:#fff}.btn--dark:hover{background:var(--accent);color:var(--ink)}.btn--ghost{border-color:var(--ink);color:var(--ink);background:0 0}.btn--ghost:hover{background:var(--ink);color:#fff}.nav{z-index:50;padding:max(12px, env(safe-area-inset-top)) max(var(--pad), env(safe-area-inset-right)) 12px max(var(--pad), env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;transition:background-color .3s,box-shadow .3s;display:flex;position:fixed;inset:0 0 auto}.nav.is-scrolled{-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);box-shadow:0 1px 0 var(--line);background:#fafaf8db}.nav__brand{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.nav__links{border:1px solid var(--line);background:#fffc;border-radius:999px;gap:4px;padding:5px;display:flex}.nav__links a{border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;text-decoration:none}.nav__links a:hover{background:var(--panel)}.nav__right{align-items:center;gap:8px;display:flex}.nav__lang{border-radius:999px;padding:8px 12px;font-size:15px;font-weight:700;text-decoration:none}.nav__lang:hover{background:var(--panel)}@media (width<=900px){.nav__links{display:none}}.hero{max-width:var(--max);min-height:min(100svh,980px);padding:calc(112px + env(safe-area-inset-top)) var(--pad) clamp(72px, 9vw, 140px);grid-template-columns:minmax(0,1fr) clamp(260px,28vw,410px);align-items:start;gap:clamp(24px,4vw,64px);margin:0 auto;display:grid;position:relative}.hero__copy{flex-direction:column;gap:clamp(22px,3vw,40px);min-width:0;display:flex}.hero__title{text-wrap:balance;letter-spacing:-.04em;font-size:clamp(44px,7.1vw,116px);font-weight:600;line-height:1.02}html[lang=en] .hero__title{font-size:clamp(42px,6.3vw,104px)}html[lang=zh-Hant] .hero__title{letter-spacing:-.02em;line-height:1.12}.hero__title .w{display:inline-block}.badge{vertical-align:-.1em;border-radius:50%;place-items:center;width:.86em;height:.86em;margin:0 .06em;display:inline-grid}.badge svg{width:52%;height:52%}.badge--orange{background:var(--accent);color:#fff}.badge--yellow{background:var(--yellow);color:var(--ink)}.badge--ink{background:var(--ink);color:var(--yellow)}.hero__foot{grid-template-columns:minmax(0,1.1fr) auto;align-items:end;gap:24px 40px;display:grid}.hero__lead{max-width:46ch;color:var(--mute);font-size:clamp(17px,1.3vw,19px)}.hero__photo{border-radius:var(--radius-l);aspect-ratio:4/5;background:linear-gradient(160deg,#e3ecf1,#cfdde6);margin-top:8px;position:relative;overflow:hidden}.hero__photo>img{object-fit:cover;object-position:50% 40%;width:100%;height:100%}.hero__photo figcaption{position:absolute;top:14px;left:14px}.hero__app{transition:transform .35s var(--ease);background:#fffffff0;border-radius:20px;align-items:center;gap:12px;padding:10px 14px 10px 10px;text-decoration:none;display:flex;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 10px 30px #1414141f}.hero__app:hover{transform:translateY(-3px)}.hero__app img{border-radius:12px}.hero__app span{flex-direction:column;line-height:1.25;display:flex}.hero__app small{color:var(--mute);font-size:13px;font-weight:600}@media (width<=900px){.hero{min-height:0;padding-top:calc(92px + env(safe-area-inset-top));grid-template-columns:minmax(0,1fr)}.hero__photo{aspect-ratio:auto;order:-1;height:clamp(300px,96vw,480px);margin-top:0}.hero__photo>img{object-position:50% 30%}.hero__app{padding-right:18px;right:auto}.hero__foot{grid-template-columns:minmax(0,1fr)}}@media (width>=601px) and (width<=900px){.hero__photo{aspect-ratio:4/5;width:min(100%,440px);height:auto}.hero__photo>img{object-position:50% 30%}}.panel{z-index:2;background:var(--panel);border-radius:var(--radius-xl);max-width:calc(var(--max) + 2 * var(--pad));padding:clamp(56px, 8vw, 120px) var(--pad);margin:0 auto;position:relative}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px 48px;margin-bottom:clamp(32px,5vw,64px);display:flex}.sec-head__aside{max-width:34ch;color:var(--mute)}.sec-head--center{text-align:center;justify-content:center}.sec-head--center .h2{margin:0 auto}.about__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);display:grid}.card{border-radius:var(--radius-l);min-width:0;padding:clamp(22px,2.4vw,32px)}.card--white{background:var(--paper)}.card--dark{background:var(--dark);color:var(--on-dark)}.about__edu,.about__lab,.about__award{flex-direction:column;grid-column:span 4;gap:12px;display:flex}.about__seal{background:var(--yellow);border-radius:50%;place-items:center;width:64px;height:64px;margin:12px 0 auto;display:grid}.about__seal svg{width:32px}.about__lab .h3{margin-top:auto}.about__wave{align-items:center;gap:4px;height:84px;margin:18px 0;display:flex}.about__wave i{background:var(--on-dark-mute);opacity:.55;border-radius:4px;flex:1}.about__wave i:nth-child(7n+3){background:var(--accent);opacity:1}.about__wave i:nth-child(11n+5){background:var(--yellow);opacity:1}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 6px;display:grid}.stat{background:var(--panel);border-radius:20px;padding:14px 16px}.stat:first-child{background:var(--yellow)}.stat__num{letter-spacing:-.04em;font-size:clamp(52px,5vw,72px);font-weight:600;line-height:1}.stat__num sup{vertical-align:1.6em;letter-spacing:0;margin-left:2px;font-size:.32em}.stat__label{margin-top:6px;font-size:14px;font-weight:700}.about__sv{grid-column:span 12;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid;overflow:hidden}.about__sv-copy{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.bignum{letter-spacing:-.06em;align-items:baseline;gap:8px;font-size:clamp(88px,11vw,168px);font-weight:600;line-height:.9;display:flex}.bignum__pre{letter-spacing:0;color:var(--mute);font-size:.22em;font-weight:700}.bignum__unit{letter-spacing:-.01em;font-size:.26em}.fan{height:clamp(300px,32vw,440px);position:relative}.fan__card{aspect-ratio:4/3;background:#fff;border:5px solid #fff;border-radius:18px;width:48%;margin:0;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%;box-shadow:0 18px 40px #1414142e}.fan__card img{object-fit:cover;border-radius:13px;width:100%;height:100%}.fan__card figcaption{max-width:calc(100% - 16px);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;opacity:0;background:#fffffff0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.4;transition:opacity .3s;position:absolute;bottom:8px;left:8px;overflow:hidden}.fan__card--2 figcaption{opacity:1}@media (hover:hover){.fan__card{transition:box-shadow .4s var(--ease)}.fan:hover .fan__card--2:not(:hover) figcaption{opacity:0}.fan__card:hover{z-index:10;box-shadow:0 30px 60px #14141447}.fan__card:hover figcaption{opacity:1}}.fan__card--0{z-index:1;transform:translate(-60%,9%)rotate(-12deg)}.fan__card--1{z-index:2;transform:translate(-31%,-7%)rotate(-6deg)}.fan__card--2{z-index:5;transform:translateY(5%)rotate(0)}.fan__card--3{z-index:3;transform:translate(31%,-7%)rotate(6deg)}.fan__card--4{z-index:1;transform:translate(60%,9%)rotate(12deg)}.film{gap:clamp(20px,3vw,36px);margin-top:clamp(64px,9vw,140px);display:grid}.film__head{gap:12px;display:grid}.film__frame{aspect-ratio:16/9;border-radius:var(--radius-xl);transform-origin:50% 0;background:#0d0d0d;position:relative;overflow:hidden;box-shadow:0 40px 80px #1414142e}.film__facade{color:var(--ink);text-decoration:none;display:block;position:absolute;inset:0}.film__facade img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.film__play{width:clamp(52px,6.4vw,88px);height:clamp(52px,6.4vw,88px);color:var(--ink);transition:transform .45s var(--ease), background-color .3s;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:clamp(12px,2.2vw,28px);left:clamp(12px,2.2vw,28px);box-shadow:0 16px 40px #0000004d}.film__play svg{width:38%;margin-left:6%}.film__label{background:#fffffff0;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700;position:absolute;bottom:calc(clamp(12px,2.2vw,28px) + clamp(52px,6.4vw,88px)/2 - 19px);left:calc(clamp(12px,2.2vw,28px) + clamp(52px,6.4vw,88px) + 10px)}.film__facade:hover .film__play,.film__facade:focus-visible .film__play{background:var(--yellow);transform:scale(1.08)}.film__facade:hover img{transform:scale(1.03)}.film__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.film__foot .btn .ic:first-child{width:1.35em;height:1.35em}.film__frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}@media (width<=700px){.film__frame{border-radius:20px}.film__label{padding:6px 12px;font-size:13px;bottom:calc(clamp(12px,2.2vw,28px) + clamp(52px,6.4vw,88px)/2 - 16px)}}.capsule{text-wrap:balance;letter-spacing:-.04em;margin-top:clamp(64px,9vw,140px);font-size:clamp(34px,6.6vw,104px);font-weight:600;line-height:1.08}html[lang=zh-Hant] .capsule{letter-spacing:-.02em;line-height:1.18}.capsule__line--2{flex-wrap:wrap;align-items:center;gap:.18em .24em;display:flex}.capsule__chip{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:.8em;height:.8em;display:inline-grid}.capsule__chip svg{width:54%}.capsule__pill{background:var(--yellow);white-space:nowrap;border-radius:999px;padding:.02em .42em .08em;display:inline-block}@media (width<=1000px){.about__edu,.about__lab{grid-column:span 6}.about__award{grid-column:span 12}}@media (width<=700px){.about__edu,.about__lab,.about__award{grid-column:span 12}.about__sv{grid-template-columns:minmax(0,1fr)}.fan{height:260px}.fan__card{width:54%}.fan__card--0{transform:translate(-42%,10%)rotate(-10deg)}.fan__card--1{transform:translate(-22%,-8%)rotate(-5deg)}.fan__card--3{transform:translate(22%,-8%)rotate(5deg)}.fan__card--4{transform:translate(42%,10%)rotate(10deg)}.capsule__pill{white-space:normal}}.apps{max-width:var(--max);padding:clamp(80px, 10vw, 160px) var(--pad) clamp(56px, 8vw, 120px);margin:0 auto}.stage{grid-template-columns:minmax(0,440px) minmax(0,1fr);align-items:center;gap:32px;min-height:clamp(640px,62vw,860px);margin-top:clamp(24px,4vw,48px);display:grid;position:relative}.giant{letter-spacing:-.06em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-weight:700;line-height:.78;overflow:hidden}.giant span{display:inline-block}.giant--accent{z-index:0;color:var(--accent);padding-bottom:.04em;font-size:clamp(120px,25vw,380px);position:absolute;bottom:0;left:50%;translate:-50%}.stage__phones{z-index:2;height:100%;min-height:inherit;grid-area:1/2;position:relative}.phone{aspect-ratio:520/1127;background:#121212;border:clamp(6px,.6vw,9px) solid #121212;border-radius:clamp(28px,2.6vw,42px);width:clamp(200px,19vw,290px);position:absolute;overflow:hidden;box-shadow:0 30px 60px #14141438}.phone img{object-fit:cover;border-radius:clamp(22px,2vw,34px);width:100%;height:100%}.phone--front{z-index:2;top:4%;left:18%}.phone--back{top:14%;left:52%;rotate:6deg}.stage__card{z-index:3;flex-direction:column;grid-area:1/1;align-self:start;align-items:flex-start;gap:16px;display:flex;position:relative;box-shadow:0 20px 60px #14141414}.appicon{border-radius:14px}.ticks{gap:8px;display:grid}.ticks li{align-items:flex-start;gap:10px;font-weight:600;display:flex}.ticks .ic{color:var(--accent-ink);margin-top:.25em}@media (width<=900px){.stage{grid-template-columns:minmax(0,1fr);min-height:0;padding-bottom:clamp(96px,26vw,200px)}.stage__card{grid-area:1/1}.stage__phones{grid-area:2/1;height:clamp(380px,112vw,640px);min-height:0}.phone{width:clamp(150px,42vw,240px)}.phone--front{top:0;left:6%}.phone--back{top:8%;left:auto;right:4%}.giant--accent{font-size:30vw}}.projects{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:start;gap:clamp(32px,5vw,80px);margin-top:clamp(72px,10vw,150px);display:grid}.projects__list{flex-direction:column;gap:12px;display:flex}.projs{gap:10px;margin-top:16px;display:grid}.proj{background:var(--paper);border:1px solid var(--line);border-radius:22px;transition:background-color .3s,border-color .3s}.proj[open]{border-color:var(--ink)}.proj summary{cursor:pointer;border-radius:22px;align-items:center;gap:12px;padding:18px 20px;list-style:none;display:flex}.proj summary::-webkit-details-marker{display:none}.proj__name{letter-spacing:-.01em;font-size:19px;font-weight:700}.proj__tag{color:var(--mute);white-space:nowrap;margin-left:auto;font-size:13px;font-weight:700}.proj__plus{background:var(--panel);width:30px;height:30px;transition:transform .35s var(--ease), background-color .3s;border-radius:50%;flex:none;position:relative}.proj__plus:before,.proj__plus:after{content:"";background:currentColor;width:12px;height:2px;position:absolute;top:50%;left:50%;translate:-50% -50%}.proj__plus:after{rotate:90deg}.proj[open] .proj__plus{background:var(--yellow);transform:rotate(45deg)}.proj__body{gap:14px;padding:0 20px 20px;display:grid}.status{flex-wrap:wrap;gap:8px;display:flex}.status__item{background:var(--panel);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.status__item:before{content:"";background:var(--mute);border-radius:50%;width:8px;height:8px}.status__item--live:before{background:#1f9d55}.status__item--beta:before{background:var(--accent)}.status__item--dev:before{background:#d4a400}.status__item--proto:before{background:#3a6df0}.proj__links{flex-wrap:wrap;gap:8px;display:flex}.chip-link{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .25s;display:inline-flex}.chip-link:hover{background:var(--accent);color:var(--ink)}.devices{padding:4% 0 10%;position:sticky;top:110px}.laptop__screen{aspect-ratio:16/10;background:#1a1a1a;border:10px solid #1a1a1a;border-bottom-width:14px;border-radius:18px 18px 6px 6px;position:relative;overflow:hidden}.laptop__base{background:linear-gradient(#d9d9d5,#b9b9b4);border-radius:0 0 22px 22px;height:16px;margin:0 -6%;position:relative}.laptop__base:after{content:"";background:#a5a5a0;border-radius:0 0 8px 8px;width:16%;height:6px;position:absolute;top:0;left:50%;translate:-50%}.screen{object-fit:cover;object-position:top center;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease), transform .8s var(--ease);position:absolute;inset:0;transform:scale(1.03)}.screen.is-on{opacity:1;transform:none}.devices__second{width:27%;position:absolute;bottom:0;right:-2%}.second{opacity:0;transition:opacity .5s var(--ease), transform .6s var(--ease);position:absolute;bottom:0;right:0;transform:translateY(24px)}.second.is-on{opacity:1;transform:none}.second--phone{aspect-ratio:520/1127;background:#121212;border:7px solid #121212;border-radius:28px;width:100%;overflow:hidden;box-shadow:0 24px 50px #14141440}.second--phone img{object-fit:cover;border-radius:21px;width:100%;height:100%}.second--screen{aspect-ratio:16/9;background:#000;border:6px solid #121212;border-radius:12px;width:190%;overflow:hidden;box-shadow:0 24px 50px #14141440}.second--screen img{object-fit:cover;width:100%;height:100%}.proj__shot{display:none}@media (width<=900px){.projects{grid-template-columns:minmax(0,1fr)}.devices{display:none}.proj__shot{aspect-ratio:16/10;background:#1a1a1a;border:6px solid #1a1a1a;border-radius:14px;display:block;overflow:hidden}.proj__shot img{object-fit:cover;object-position:top center;width:100%;height:100%}}.web__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);display:grid}.work{background:var(--paper);transition:transform .45s var(--ease), box-shadow .45s var(--ease);flex-direction:column;gap:18px;padding:12px 12px 22px;text-decoration:none;display:flex}.browser{background:var(--panel);aspect-ratio:16/10;border-radius:18px;position:relative;overflow:hidden}.browser__bar{z-index:1;background:#ffffffe6;gap:6px;padding:10px 12px;display:flex;position:absolute;inset:0 0 auto}.browser__bar i{background:var(--line);border-radius:50%;width:9px;height:9px}.browser img,.browser svg{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .8s var(--ease)}.browser img,.browser video{padding-top:29px}.browser video{object-fit:cover;object-position:top center;background:var(--panel);width:100%;height:100%;display:block}.browser__badge{z-index:1;color:#fff;background:#141414d1;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:38px;right:10px}.tag--lock{color:var(--mute);background:var(--panel);gap:6px;font-weight:600}.work__meta{justify-content:space-between;align-items:flex-start;gap:16px;padding:0 10px;display:flex}.work__meta .h4{margin:4px 0 6px}.work__result{color:var(--mute);font-weight:600}.work__go{border:2px solid var(--ink);width:48px;height:48px;transition:background-color .3s, transform .45s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.work--static .work__meta{flex-direction:column;gap:12px}.work--static .tag{white-space:normal}@media (hover:hover){a.work:hover{transform:translateY(-8px)rotate(-.4deg);box-shadow:0 30px 60px #1414141a}a.work:hover .browser img{transform:scale(1.04)}a.work:hover .work__go{background:var(--accent);border-color:var(--accent);transform:rotate(45deg)}}@media (width<=760px){.web__grid{grid-template-columns:minmax(0,1fr)}}.service{max-width:980px;padding:clamp(96px, 12vw, 180px) var(--pad);text-align:center;flex-direction:column;align-items:center;gap:18px;margin:0 auto;display:flex}.service .h2{margin:0 auto}.service__icon{background:var(--accent);color:#fff;border-radius:24px;place-items:center;width:76px;height:76px;margin-bottom:8px;display:grid}.service__icon svg{width:36px}.service__body{color:var(--mute);max-width:40ch}.prices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:18px 0 10px;display:grid}.prices li{background:var(--panel);border-radius:24px;flex-direction:column;gap:4px;padding:22px 16px;display:flex}.prices li:nth-child(2){background:var(--yellow)}.prices b{letter-spacing:-.02em;font-size:clamp(22px,2.4vw,32px);line-height:1.15}.prices span{color:var(--ink);font-size:14px;font-weight:700}@media (width<=640px){.prices{grid-template-columns:minmax(0,1fr)}}.foot{background:var(--dark);color:var(--on-dark);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:clamp(28px, 4vw, 48px) var(--pad) calc(28px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.foot__top{border-bottom:1px solid #2c2c2a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:24px;display:flex}.foot__nav{flex-wrap:wrap;gap:4px 20px;display:flex}.foot__nav a,.foot__top-link{color:var(--on-dark-mute);padding:6px 0;font-size:15px;font-weight:600;text-decoration:none}.foot__nav a:hover,.foot__top-link:hover{color:var(--on-dark)}.foot__top-link{align-items:center;gap:8px;display:inline-flex}.foot__main{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:start;gap:clamp(32px,4vw,64px);padding:clamp(48px,7vw,96px) 0 clamp(32px,5vw,64px);display:grid}.foot__intro{flex-direction:column;gap:14px;display:flex}.foot__title{text-wrap:balance;letter-spacing:-.04em;font-size:clamp(48px,6vw,96px);font-weight:600;line-height:1}.socials__link{transition:padding .4s var(--ease);border-bottom:1px solid #2c2c2a;grid-template-columns:40px minmax(0,auto) minmax(0,1fr) 24px;align-items:center;gap:14px;padding:18px 0;text-decoration:none;display:grid}.socials li:first-child .socials__link{border-top:1px solid #2c2c2a}.socials__icon{background:#232321;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.socials__icon svg{width:19px;height:19px}.socials__name{letter-spacing:-.02em;font-size:clamp(22px,2vw,30px);font-weight:700}.socials__handle{color:var(--on-dark-mute);text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:14px;overflow:hidden}.socials__arrow{color:var(--on-dark-mute)}.socials__link:hover{padding-left:10px}.socials__link:hover .socials__icon{background:var(--accent);color:var(--ink)}.socials__link:hover .socials__arrow{color:var(--yellow)}.qr{flex-direction:column;align-items:center;gap:10px;display:flex}.qr__code{background:#fff;border-radius:18px;width:148px;padding:10px}.qr__code svg{width:100%;height:auto}.qr figcaption{color:var(--on-dark-mute);font-size:13px;font-weight:700}.giant--light{color:var(--on-dark);margin:0 -.02em;padding-bottom:.1em;font-size:clamp(84px,25vw,400px)}.giant--light .dot{vertical-align:.1em;width:.14em;height:.14em;margin-left:.04em}.foot__legal{color:var(--on-dark-mute);border-top:1px solid #2c2c2a;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:20px;font-size:13px;display:flex}.foot__legal p:first-child{max-width:70ch}@media (width<=1000px){.foot__main{grid-template-columns:minmax(0,1fr)}.qr{align-items:flex-start}}@media (width<=420px){.socials__link{grid-template-columns:36px minmax(0,1fr) 20px}.socials__icon{width:36px;height:36px}.socials__handle{text-align:left;grid-area:2/2;margin-top:-10px}.socials__arrow{grid-area:1/3}}.motion:not(.motion-ready) [data-reveal],.motion:not(.motion-ready) .badge,.motion:not(.motion-ready) [data-pop],.motion:not(.motion-ready) .hero__title .w{opacity:0}