.macbook[data-astro-cid-6gasrvwj]{width:70%;max-width:760px;position:relative;transform-style:preserve-3d;transform:rotateX(8deg)}.macbook-screen[data-astro-cid-6gasrvwj]{width:100%;aspect-ratio:16 / 10;background:#0a0a0b;border-radius:14px 14px 4px 4px;border:2px solid #2a2a2d;position:relative;padding:18px;overflow:hidden;box-shadow:inset 0 0 0 1px #1a1a1d,0 40px 80px #0009,0 60px 120px #a8ff000f}.macbook-notch[data-astro-cid-6gasrvwj]{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:5px;background:#000;border-radius:0 0 6px 6px}.macbook-base[data-astro-cid-6gasrvwj]{width:110%;height:14px;margin-left:-5%;background:linear-gradient(#2a2a2d,#1a1a1d);border-radius:0 0 18px 18px;position:relative}.macbook-base[data-astro-cid-6gasrvwj]:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:2px;width:14%;height:4px;background:#0a0a0b;border-radius:0 0 8px 8px}.iphone[data-astro-cid-6gasrvwj]{width:240px;aspect-ratio:9 / 19.5;background:#0a0a0b;border-radius:36px;border:2px solid #2a2a2d;padding:8px;position:relative;box-shadow:0 30px 60px #0009,inset 0 0 0 1px #1a1a1d}.iphone-screen[data-astro-cid-6gasrvwj]{width:100%;height:100%;background:var(--bg-2);border-radius:28px;overflow:hidden;position:relative}.iphone-island[data-astro-cid-6gasrvwj]{position:absolute;top:8px;left:50%;transform:translate(-50%);width:90px;height:24px;background:#000;border-radius:999px;z-index:3}.ipad[data-astro-cid-6gasrvwj]{width:60%;max-width:600px;aspect-ratio:4 / 3;background:#0a0a0b;border:2px solid #2a2a2d;border-radius:24px;padding:14px;box-shadow:0 30px 60px #00000080}.ipad-screen[data-astro-cid-6gasrvwj]{width:100%;height:100%;background:var(--bg-2);border-radius:12px;overflow:hidden;position:relative}.device-frame--offset[data-astro-cid-6gasrvwj]{transform:translateY(40px) rotate(2deg);opacity:.7}.macbook[data-astro-cid-6gasrvwj].device-frame--detail{width:670px;max-width:none}.device-frame--detail[data-astro-cid-6gasrvwj] .macbook-screen[data-astro-cid-6gasrvwj]{box-shadow:inset 0 0 0 1px #1a1a1d,0 40px 80px #0009}.iphone[data-astro-cid-6gasrvwj].device-frame--detail{width:200px;box-shadow:0 30px 60px #0009}@media(width<=1100px){.macbook[data-astro-cid-6gasrvwj].device-frame--detail{width:50vw}.iphone[data-astro-cid-6gasrvwj].device-frame--detail{width:50vw;max-width:320px}}@media(width<=640px){.iphone[data-astro-cid-6gasrvwj].device-frame--card{width:180px}.device-frame--card[data-astro-cid-6gasrvwj] .macbook-screen[data-astro-cid-6gasrvwj]{padding:12px}.ipad[data-astro-cid-6gasrvwj].device-frame--card{width:80%}.macbook[data-astro-cid-6gasrvwj].device-frame--detail{width:75vw}.iphone[data-astro-cid-6gasrvwj].device-frame--detail{width:75vw;max-width:none}}.cover-bg[data-astro-cid-yx4f7ca2],.cover-img[data-astro-cid-yx4f7ca2]{position:absolute;inset:0;width:100%;height:100%;display:block}.cover-bg[data-astro-cid-yx4f7ca2]{object-fit:cover;object-position:center;background:#0a0a0b;z-index:0}.cover-img[data-astro-cid-yx4f7ca2]{z-index:1}.cover-img[data-astro-cid-yx4f7ca2].is-contain{object-fit:contain;object-position:center}.cover-img[data-astro-cid-yx4f7ca2].is-cover{object-fit:cover;object-position:top center;background:#0a0a0b}.case-diagram[data-astro-cid-oqxfcyyw]{--diagram-accent: #aabfff;position:relative;width:100%;height:100%;padding:clamp(22px,5cqw,60px);padding-top:clamp(60px,7cqw,84px);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(18px,3cqw,36px);color:#f5f5f7;background:radial-gradient(ellipse at 80% 0%,color-mix(in srgb,var(--diagram-accent) 14%,transparent),transparent 65%),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px),#0d1016;background-size:auto,48px 48px,48px 48px,auto}.case-diagram[data-astro-cid-oqxfcyyw][data-tone=amber]{--diagram-accent: #edc293}.case-diagram[data-astro-cid-oqxfcyyw][data-tone=green]{--diagram-accent: #a5ddbf}.case-diagram[data-astro-cid-oqxfcyyw][data-tone=violet]{--diagram-accent: #d0b0f5}.diagram-caption[data-astro-cid-oqxfcyyw]{position:absolute;top:20px;right:20px;margin:0;font:10px / 1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#b5bbc6}.diagram-title[data-astro-cid-oqxfcyyw]{margin:0;font:400 clamp(26px,5cqw,58px) / 1.05 var(--serif);letter-spacing:-.025em}.diagram-title[data-astro-cid-oqxfcyyw] em[data-astro-cid-oqxfcyyw]{color:var(--diagram-accent)}.diagram-flow[data-astro-cid-oqxfcyyw]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3cqw,36px);margin:0;padding:0;list-style:none}.diagram-step[data-astro-cid-oqxfcyyw]{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0;padding:clamp(12px,2cqw,24px);border:1px solid #ffffff26;border-radius:12px;background:#10141d}.diagram-step[data-astro-cid-oqxfcyyw].is-focus{border-color:var(--diagram-accent);background:color-mix(in srgb,var(--diagram-accent) 10%,#10141d)}.step-index[data-astro-cid-oqxfcyyw]{font:11px / 1 var(--mono);color:var(--diagram-accent)}.step-name[data-astro-cid-oqxfcyyw]{font:500 clamp(12px,1.8cqw,20px) / 1.25 var(--ui-sans);overflow-wrap:anywhere}.step-arrow[data-astro-cid-oqxfcyyw]{position:absolute;left:100%;top:50%;width:clamp(18px,3cqw,36px);text-align:center;transform:translateY(-50%);color:var(--diagram-accent);font:18px / 1 var(--ui-sans)}.diagram-note[data-astro-cid-oqxfcyyw]{margin:0;font:12px / 1.5 var(--ui-sans);color:#b5bbc6}@container (width <= 500px){.case-diagram[data-astro-cid-oqxfcyyw]{padding:54px 18px 20px;gap:16px}.diagram-caption[data-astro-cid-oqxfcyyw]{font-size:9px}.diagram-title[data-astro-cid-oqxfcyyw]{font-size:clamp(25px,7.3cqw,34px)}.diagram-flow[data-astro-cid-oqxfcyyw]{gap:18px}.diagram-step[data-astro-cid-oqxfcyyw]{padding:10px 8px;gap:12px;border-radius:8px}.step-name[data-astro-cid-oqxfcyyw]{font-size:11px}.step-arrow[data-astro-cid-oqxfcyyw]{width:18px;font-size:15px}.diagram-note[data-astro-cid-oqxfcyyw]{font-size:10px}}.case-visual[data-astro-cid-43nywdup]{position:absolute;inset:0;container-type:inline-size}.case-visual--cover[data-astro-cid-43nywdup]{display:flex;align-items:center;justify-content:center;perspective:1600px;background:linear-gradient(135deg,#f6f4ef,#d9d2c4)}.case-visual--detail[data-astro-cid-43nywdup].case-visual--cover{background:radial-gradient(#202024,#0a0a0b)}.cover-devices[data-astro-cid-43nywdup]{width:100%;display:flex;gap:40px;align-items:center;justify-content:center}@media(width<=1100px){.case-visual--detail[data-astro-cid-43nywdup]{position:relative}.case-visual--detail[data-astro-cid-43nywdup].case-visual--cover{padding:40px 0}.case-visual--detail[data-astro-cid-43nywdup] .cover-devices[data-astro-cid-43nywdup]{flex-direction:column;gap:24px}}