.commerce{padding-top:65px}.commerce-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:60px}.commerce-intro h2 span{color:var(--muted)}.commerce-intro>p{max-width:335px;font-size:16px;color:var(--muted)}.commerce-case{--brand:#5bff14;--case-bg:#111410;--case-text:#f4f6ee;background:var(--case-bg);color:var(--case-text);border:1px solid #323c2b;margin-bottom:60px;padding:35px;overflow:hidden}.commerce-case.sog{--brand:#ff6945;--case-bg:#151516;border-color:#383436}.commerce-topline{display:flex;justify-content:space-between;gap:25px;align-items:center;font:11px monospace;letter-spacing:1px}.commerce-topline>span{color:var(--brand)}.commerce-topline a{border-bottom:1px solid #73756c;padding-bottom:7px}.commerce-title{display:flex;justify-content:space-between;align-items:end;margin:38px 0;gap:20px}.commerce-title h3{font-size:clamp(40px,6.3vw,95px);font-weight:800;letter-spacing:-.07em;line-height:1}.commerce-title h3>span{font-size:18px;vertical-align:top;letter-spacing:0;margin-left:6px}.commerce-title p{font-size:15px;color:#c6c8bf;line-height:1.5}.commerce-stage{position:relative;padding:75px 8% 50px;isolation:isolate;background:radial-gradient(ellipse at 50% 90%,#526b274a,transparent 68%),#1c2417;overflow:hidden}.sog .commerce-stage{background:radial-gradient(ellipse at 50% 90%,#b7553433,transparent 70%),#242021}.stage-word{position:absolute;top:14px;left:2%;width:96%;text-align:center;font-size:clamp(45px,8.6vw,135px);line-height:1;font-weight:900;letter-spacing:-.06em;color:#d0e6b81a;white-space:nowrap;z-index:-1}.sog .stage-word{color:#fbc5b415;font-size:clamp(38px,7.5vw,110px)}.browser-frame{border:1px solid #8b957d;border-radius:8px;overflow:hidden;box-shadow:0 30px 65px #0008;transform:perspective(1700px) rotateY(-4deg) rotateX(3deg);transition:transform .5s ease;position:relative;background:#131313}.sog .browser-frame{transform:perspective(1700px) rotateY(4deg) rotateX(3deg)}.commerce-stage:hover .browser-frame{transform:perspective(1700px) rotateY(0) rotateX(0)}.browser-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:#abb09f;font:10px monospace;background:#20241d}.sog .browser-toolbar{background:#262323;color:#b5aaaa}.browser-dots{font-size:8px;letter-spacing:3px;color:#606b52}.commerce-screen{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}.commerce-screen[hidden]{display:none}.stage-caption{display:block;text-align:center;margin-top:30px;font:10px monospace;letter-spacing:2px;color:#9ba88a}.sog .stage-caption{color:#b39d96}.screen-selector{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0 35px}.screen-selector button{border:1px solid #5b6550;background:transparent;color:#cdd3c4;padding:12px 18px;border-radius:25px;font:12px Arial;cursor:pointer}.screen-selector button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#101410}.screen-selector>span{margin-left:auto;font:9px monospace;color:#aab39c;letter-spacing:1px}.commerce-story{display:grid;grid-template-columns:1fr 1.3fr .9fr;gap:35px;border-top:1px solid #3d4535;padding-top:30px}.case-kicker{font:10px monospace;letter-spacing:1px;color:var(--brand);margin-bottom:20px}.commerce-story h4{margin:0;font-size:29px;font-weight:500;line-height:1.1;letter-spacing:-1px}.commerce-story>p{font-size:15px;line-height:1.8;color:#bec4b6}.commerce-story ul{margin:0}.commerce-story li{color:#c7cebd;border-color:#3d4535;font-size:12px}.commerce-story li:first-child{border-top:0;padding-top:0}.commerce-visit{display:flex;justify-content:space-between;align-items:center;margin-top:35px;padding-top:25px;border-top:1px solid #3d4535;font-size:18px}.commerce-visit>span:last-child{color:var(--brand);font-size:32px}.commerce-visit:hover{color:var(--brand)}.commerce-close{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:20px 0 45px;border-bottom:1px solid var(--line)}.commerce-close p{font-size:25px;letter-spacing:-.6px;line-height:1.4;color:var(--muted)}.commerce-close strong{color:var(--ink);font-weight:500}.commerce a:focus-visible,.commerce button:focus-visible{outline:3px solid #b1c7ff;outline-offset:5px}[data-theme=light] .commerce-story li{color:#c7cebd}@media(max-width:750px){.commerce{padding-top:40px}.commerce-intro{display:block}.commerce-intro>p{margin-top:25px;max-width:none}.commerce-case{padding:20px;margin-bottom:35px}.commerce-topline{font-size:9px;gap:15px}.commerce-title{display:block;margin:30px 0}.commerce-title h3{font-size:clamp(33px,8.5vw,62px)}.commerce-title p{margin-top:16px}.commerce-stage{padding:50px 3% 23px;margin:0 -20px}.stage-word{font-size:12vw}.sog .stage-word{font-size:10vw}.browser-toolbar{padding:9px;font-size:8px}.stage-caption{font-size:8px;letter-spacing:1px;margin-top:22px}.screen-selector{gap:8px;margin-bottom:25px}.screen-selector button{font-size:11px;padding:10px 13px}.screen-selector>span{width:100%;margin:5px 0 0;font-size:8px}.commerce-story{grid-template-columns:1fr;gap:23px}.commerce-story h4{font-size:27px}.commerce-story ul{display:grid;grid-template-columns:1fr 1fr;gap:10px}.commerce-story li{border-top:0;padding:0;font-size:11px}.commerce-close{flex-direction:column;align-items:start}.commerce-close p{font-size:22px}}@media(prefers-reduced-motion:reduce){.browser-frame,.sog .browser-frame{transform:none;transition:none}}