.curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:var(--accent);transform-origin:top;pointer-events:none}.chead{padding:130px var(--gutter) clamp(2.5rem,5vw,4.5rem)}.chead__top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.chead__back{font-size:14px;color:var(--ink-2);transition:color .3s}.chead__back:hover{color:var(--accent)}.chead .label,.cpages .label,.cphones .label,.csum .label,.cnext .label,.cscope .label,.cfeat .label,.ctech .label{font-size:13px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}.chead__title{font-family:var(--display);font-weight:600;font-size:clamp(3.6rem,13.5vw,15rem);line-height:.86;letter-spacing:-.055em;margin:clamp(2rem,5vw,4rem) 0 clamp(2rem,4vw,3.5rem)}.chead__title .mask{padding-bottom:.12em;margin-bottom:-.12em}.chead__row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,6vw,7rem);align-items:start;border-top:1px solid var(--line);padding-top:22px}.chead__lede{font-size:clamp(1.15rem,1.7vw,1.6rem);line-height:1.35;max-width:44rem}.chead__meta{display:grid;grid-template-columns:1fr 1fr;gap:18px 2rem;font-size:14px}.chead__meta dt{color:var(--ink-3);font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.chead__meta dd{color:var(--ink)}.cmedia{padding:0 var(--gutter)}.cmedia__frame{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--bg-2);clip-path:inset(0 8% round 8px);will-change:clip-path}.cmedia__frame video,.cmedia__frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}.cbody{padding:clamp(6rem,12vw,11rem) var(--gutter) clamp(5rem,9vw,8rem)}.cblock{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.5rem,5vw,6rem);padding:clamp(28px,3vw,44px) 0;border-top:1px solid var(--line)}.cblock:last-child{border-bottom:1px solid var(--line)}.cblock__h{font-family:var(--display);font-weight:500;font-size:clamp(1.8rem,3.4vw,3.4rem);letter-spacing:-.035em;line-height:1;display:flex;gap:.6em;align-items:baseline}.cblock__h span{font-family:var(--body);font-size:12px;font-weight:500;color:var(--accent);letter-spacing:.04em}.cblock__text p{color:var(--ink-2);font-size:clamp(16px,1.3vw,19px);line-height:1.6;max-width:40rem}.cblock__text p+p{margin-top:1em}.cshots{display:grid;gap:clamp(12px,1.4vw,20px);padding:0 var(--gutter)}.cpair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,20px);padding:clamp(12px,1.4vw,20px) var(--gutter) 0}.cshot{margin:0;border-radius:8px;overflow:hidden;background:var(--bg-2)}.cshot img{width:100%;height:auto;display:block;transform:scale(1.08)}.cpages{padding:clamp(6rem,11vw,10rem) var(--gutter) 0}.cpages__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(12px,1.6vw,24px);margin-top:1.6rem}.browser{border-radius:10px;overflow:hidden;background:#1a1a18;border:1px solid var(--line)}.browser__bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line)}.browser__bar i{width:9px;height:9px;border-radius:50%;background:#3a3a36}.browser__bar span{margin-left:12px;font-size:12px;color:var(--ink-3)}.browser__view{height:min(78vh,760px);overflow:hidden}.browser__view img{width:100%;display:block;will-change:transform}.cphones{padding:clamp(6rem,11vw,10rem) var(--gutter) 0}.cphones__row{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,32px);margin-top:1.6rem}.phone{border-radius:10px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}.phone:nth-child(2n){margin-top:10vh}.phone__view{aspect-ratio:9 / 16;overflow:hidden}.phone__view img{width:100%;display:block;will-change:transform}.csum{padding:clamp(8rem,15vw,13rem) var(--gutter);display:grid;grid-template-columns:1fr 3fr;gap:2rem}.csum__text{font-family:var(--display);font-weight:500;font-size:clamp(1.7rem,3.6vw,4rem);line-height:1.04;letter-spacing:-.025em}.csum__text .w{opacity:.14}.cnext{position:relative;display:block;padding:clamp(4rem,8vw,7rem) var(--gutter) clamp(5rem,10vw,9rem);border-top:1px solid var(--line);overflow:hidden}.cnext__title{display:block;margin-top:1.4rem;font-family:var(--display);font-weight:600;font-size:clamp(2.6rem,8.5vw,9.5rem);line-height:.9;letter-spacing:-.05em;max-width:min(14ch,58%);position:relative;z-index:1;transition:transform .8s var(--ease),color .4s}.cnext:hover .cnext__title{transform:translate(2vw);color:var(--accent)}.cnext__img{position:absolute;right:var(--gutter);top:50%;width:min(34vw,520px);aspect-ratio:3 / 2;border-radius:8px;overflow:hidden;transform:translateY(-50%) rotate(3deg) scale(.85);opacity:0;transition:opacity .5s,transform .8s var(--ease);pointer-events:none}.cnext__img img{width:100%;height:100%;object-fit:cover}.cnext:hover .cnext__img{opacity:1;transform:translateY(-50%) rotate(-2deg) scale(1)}.cprog{position:fixed;left:0;right:0;top:0;height:2px;z-index:110;pointer-events:none}.cprog i{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.cscope{padding:clamp(6rem,11vw,10rem) var(--gutter) 0}.cscope__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.5rem,5vw,6rem);margin-top:1.6rem;border-top:1px solid var(--line);padding-top:clamp(24px,3vw,40px)}.cscope h3{font-size:12px;font-weight:500;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1.2rem}.cscope__tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.cscope__tags li{border:1px solid var(--line);border-radius:999px;padding:.55em 1em;font-size:14px}.cscope__list{list-style:none;margin:0;padding:0;counter-reset:r}.cscope__list li{counter-increment:r;display:grid;grid-template-columns:2.6rem 1fr;padding:14px 0;border-bottom:1px solid var(--line);font-size:clamp(16px,1.35vw,20px);line-height:1.4}.cscope__list li:first-child{padding-top:0}.cscope__list li:before{content:counter(r,decimal-leading-zero);color:var(--accent);font-size:12px;padding-top:.35em}.cfeat{padding:0 var(--gutter) clamp(6rem,11vw,10rem)}.cfeat__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1px;margin-top:1.6rem;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.cfeat__item{background:var(--bg);padding:clamp(22px,2.4vw,36px);min-height:clamp(220px,20vw,300px);display:flex;flex-direction:column;transition:background .5s var(--ease)}.cfeat__item:hover{background:var(--bg-2)}.cfeat__n{font-size:12px;color:var(--accent);letter-spacing:.04em}.cfeat__item h3{font-family:var(--display);font-weight:500;font-size:clamp(1.4rem,2vw,2rem);letter-spacing:-.03em;line-height:1.05;margin:auto 0 .6rem;padding-top:2.5rem}.cfeat__item p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55}.ctech{padding:clamp(6rem,11vw,10rem) var(--gutter) 0}.ctech__list{list-style:none;margin:1.6rem 0 0;padding:0;border-top:1px solid var(--line)}.ctech__list li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(1.5rem,5vw,6rem);align-items:baseline;padding:clamp(18px,2vw,28px) 0;border-bottom:1px solid var(--line)}.ctech__list span{font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,3vw,3rem);letter-spacing:-.035em;line-height:1}.ctech__list p{margin:0;color:var(--ink-2);font-size:clamp(15px,1.2vw,18px);line-height:1.55;max-width:36rem}@media (max-width: 1000px){.cscope__grid,.ctech__list li{grid-template-columns:1fr}.ctech__list li{gap:.6rem}.chead{padding-top:110px}.chead__row,.cblock,.csum{grid-template-columns:1fr}.chead__meta{grid-template-columns:1fr 1fr}.cmedia__frame{aspect-ratio:4 / 5}.cpair,.cpages__grid{grid-template-columns:1fr}.browser__view{height:62vh}.cphones__row{grid-template-columns:1fr 1fr}.phone:nth-child(2n){margin-top:6vh}.cnext__img{display:none}}