.ph-index{color:var(--fg-2);font-size:14px}.sv-sec{padding:clamp(72px,12vh,140px) 0}.sv-over{position:relative}.sv-over-orb{right:max(var(--gutter), 4vw);width:min(24vw,340px);top:clamp(140px,18vh,220px)}.sv-statement{letter-spacing:-.035em;text-wrap:balance;max-width:20ch;margin-top:clamp(40px,7vh,72px);font-size:clamp(2rem,4.4vw,4.25rem);font-weight:500;line-height:1.08}.sv-statement em{font-style:normal}.motion .sv-statement .word{color:var(--line-2);transition:color .2s}.motion .sv-statement .word.is-lit{color:var(--fg)}.motion .sv-statement em.word.is-lit{color:var(--blue)}.sv-paras{grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin-top:clamp(48px,8vh,88px);margin-left:auto;display:grid}.sv-scope-list{border-top:1px solid var(--line);margin:clamp(32px,5vh,56px) 0 0;padding:0;list-style:none}.sv-scope-list li{border-bottom:1px solid var(--line);letter-spacing:-.04em;transition:color .4s, padding .7s var(--ease);grid-template-columns:80px 1fr;align-items:baseline;padding:clamp(18px,2.4vw,30px) 0;font-size:clamp(1.6rem,3.6vw,3.5rem);font-weight:560;line-height:1.05;display:grid}.sv-scope-list li .meta{letter-spacing:.02em;color:var(--faint);font-size:13px}.sv-scope-list li:hover{color:var(--blue);padding-left:12px}.steps{margin:clamp(32px,5vh,56px) 0 0;padding:0;list-style:none}.step{border-top:1px solid var(--line);grid-template-columns:minmax(120px,.6fr) 1.4fr;gap:32px;padding:clamp(28px,4vh,48px) 0;display:grid}.step:last-child{border-bottom:1px solid var(--line)}.step-n{letter-spacing:-.06em;color:var(--line-2);font-size:clamp(3rem,7vw,6rem);font-weight:560;line-height:.85;transition:color .5s}.step:hover .step-n{color:var(--blue)}.step h3{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:560}.step p{color:var(--muted);max-width:640px;font-size:17px;line-height:1.65}.grid4,.grid3{background:var(--line);border:1px solid var(--line);border-radius:22px;gap:1px;margin-top:clamp(32px,5vh,56px);display:grid;overflow:hidden}.grid4{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.tile{background:var(--bg);min-height:240px;transition:background-color .5s var(--ease), color .5s;flex-direction:column;gap:10px;padding:clamp(24px,2.6vw,36px);display:flex}.tile .meta{color:var(--faint);margin-bottom:auto;padding-bottom:32px;font-size:13px;transition:color .5s}.tile h3{letter-spacing:-.025em;font-size:22px;font-weight:560}.tile p{color:var(--muted);font-size:15px;line-height:1.6;transition:color .5s}.tile:hover{background:var(--blue);color:#fff}.tile:hover .meta,.tile:hover p{color:#fffc}.sv-work .work-index{margin-top:clamp(24px,4vh,40px)}.products{grid-template-columns:1fr 1fr;gap:16px;margin-top:clamp(32px,5vh,56px);display:grid}.product{background:var(--surface);min-height:260px;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .5s var(--ease), transform .8s var(--ease);border-radius:24px;flex-direction:column;justify-content:space-between;gap:18px;padding:clamp(28px,3vw,44px);display:flex;position:relative}.product img{align-self:flex-start;width:auto}.product p{letter-spacing:-.02em;max-width:18ch;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:500;line-height:1.2}.product-go{width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .5s, color .5s, transform .7s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:28px;right:28px}.product:hover{box-shadow:inset 0 0 0 1px var(--blue), 0 30px 60px -30px #1b4dff66;transform:translateY(-4px)}.product:hover .product-go{background:var(--blue);color:#fff;box-shadow:none;transform:rotate(45deg)}.tech{flex-wrap:wrap;gap:10px;margin:clamp(32px,5vh,56px) 0 0;padding:0;list-style:none;display:flex}.tech li{box-shadow:inset 0 0 0 1px var(--line);border-radius:100px;padding:14px 24px;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:500;transition:background-color .4s,color .4s,box-shadow .4s}.tech li:hover{background:var(--ink);color:#fff;box-shadow:none}.sv-faq-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:72px;margin-top:clamp(40px,7vh,72px);display:grid}.sv-faq-grid .h2{top:calc(var(--nav-h) + 40px);position:sticky}.others{grid-template-columns:repeat(2,1fr);gap:16px;margin:clamp(32px,5vh,56px) 0 0;padding:0;list-style:none;display:grid}.others a{box-shadow:inset 0 0 0 1px var(--line);transition:background-color .5s var(--ease), color .5s, box-shadow .5s;border-radius:20px;grid-template-columns:40px 1fr 32px;align-items:baseline;gap:6px 12px;padding:28px;display:grid}.others .meta{color:var(--faint);font-size:13px;transition:color .5s}.others strong{letter-spacing:-.03em;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:560}.others-short{color:var(--muted);grid-column:2;font-size:15px;transition:color .5s}.others-go{transition:transform .6s var(--ease);grid-area:1/3;font-size:22px}.others a:hover{background:var(--ink);color:#fff;box-shadow:none}.others a:hover .meta,.others a:hover .others-short{color:#ffffffb3}.others a:hover .others-go{transform:translate(6px)}@media (max-width:900px){.sv-over-orb{width:30vw;top:32px;right:-16vw}.sv-paras{grid-template-columns:1fr}.sv-scope-list li{grid-template-columns:48px 1fr}.step{grid-template-columns:1fr;gap:12px}.grid4,.grid3,.products,.others{grid-template-columns:1fr}.sv-faq-grid{grid-template-columns:1fr;gap:32px}.sv-faq-grid .h2{position:static}}@media (min-width:901px) and (max-width:1180px){.grid4{grid-template-columns:repeat(2,1fr)}}
