.stg-guide .stg-final-cta .sf-primary{color:#fff;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.stg-page{--sc-accent:#e25b3f;--stg-ink:#153e43;--stg-sun:#ffc956;background:radial-gradient(circle at 78% 5%,#fff2c9 0,#0000 24rem),#faf9f5}.stg-page .sc-heading{max-width:900px}.stg-page .sc-heading h1{color:var(--stg-ink)}.stg-tool{box-shadow:0 24px 70px #123f4312}.stg-tool .sc-tool-bar{color:var(--stg-ink);background:#e5f0eb}.stg-animation .sc-play-row>span{color:#6c796f;font-size:10px}.stg-create{width:100%;margin-top:16px}.stg-encoding{border-top:1px solid var(--sc-line);background:#fff8dd;justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:14px 24px;font-size:13px;display:flex}.stg-encoding>div{align-items:center;gap:10px;display:flex}.stg-result{border-top:1px solid var(--sc-line);background:#f8faf5;grid-template-columns:minmax(240px,.75fr) minmax(0,1fr);align-items:center;gap:40px;padding:32px;display:grid}.stg-result h2{color:var(--stg-ink);letter-spacing:-.035em;margin-bottom:10px;font-size:27px;font-weight:650}.stg-result p{color:#65746a;font-size:14px;line-height:1.65}.stg-result-size{margin-top:7px}.stg-result-preview{background-color:#f4f4ef;background-image:conic-gradient(#e0e5dd 25%, transparent 0 50%, #e0e5dd 0 75%, transparent 0);background-size:20px 20px;border:1px solid #dbe2d7;border-radius:10px;justify-content:center;align-items:center;min-height:260px;display:flex;overflow:hidden}.stg-result-preview img{max-width:100%;max-height:360px;image-rendering:pixelated;display:block}.stg-result-proof{border-bottom:1px solid var(--sc-line);grid-template-columns:.8fr 1.2fr;align-items:center;gap:64px;padding:92px 0;display:grid}.stg-proof-pair{grid-template-columns:1.45fr .75fr;align-items:stretch;gap:14px;display:grid}.stg-proof-pair figure{background-color:#f2f4ed;background-image:conic-gradient(#e1e5dc 25%, transparent 0 50%, #e1e5dc 0 75%, transparent 0);background-size:18px 18px;border:1px solid #d8dfd3;border-radius:12px;flex-direction:column;justify-content:center;gap:12px;min-width:0;margin:0;padding:14px;display:flex}.stg-proof-pair figure:last-child{background-color:#fff5d7}.stg-proof-pair span{color:#476057;letter-spacing:.04em;background:#fffdf8;border-radius:999px;align-self:flex-start;padding:6px 9px;font-size:10px;font-weight:650}.stg-proof-pair img{object-fit:contain;width:100%;height:auto;image-rendering:pixelated;display:block}.stg-proof-pair figure:last-child img{max-height:310px}.stg-section-copy h2{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(27px,3vw,38px);font-weight:600;line-height:1.12}.stg-section-copy p{color:#667269;margin-bottom:16px;font-size:15px;line-height:1.8}.stg-editorial{border-bottom:1px solid var(--sc-line);padding:64px 0}.stg-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;display:grid}.stg-feature-grid article{background:#fffdf8;border:1px solid #dce2d7;border-radius:14px;min-width:0;padding:24px}.stg-feature-grid figure{background:#edf1e9;border-radius:9px;flex-direction:column;height:280px;margin:0 0 24px;display:flex;overflow:hidden}.stg-feature-grid figcaption{color:#52665d;border-top:1px solid #dce2d7;padding:9px 12px;font-size:11px}.stg-background-pair{flex:1;grid-template-columns:1fr 1fr;height:224px;display:grid}.stg-background-pair>div{background:#f8f3e5;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.stg-background-pair>div:last-child{color:#ecf1e7;background:#163f46}.stg-background-pair span{letter-spacing:.15em;font-size:9px}.stg-background-pair .stg-export-preview{width:min(100%,180px);height:auto}.stg-frame-strip{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:12px 10px 0;display:grid}.stg-frame-strip>span{opacity:.45;text-align:center;border:1px solid #cdd5c9;border-radius:4px;min-width:0}.stg-frame-strip>.is-selected{opacity:1;background:#fff1cf;border-color:#bc5e3d}.stg-frame-art{aspect-ratio:1;background-repeat:no-repeat;background-size:400% 200%;width:100%;display:block}.stg-frame-strip small{padding:2px 0;font-size:9px;display:block}.stg-range-proof{flex-direction:column;display:flex}.stg-range-output{flex:1;justify-content:center;align-items:center;gap:20px;min-height:154px;display:flex}.stg-range-output>div{color:#50655b;flex-direction:column;gap:7px;font-size:13px;display:flex}.stg-range-output small{font-size:10px}.stg-range-output .stg-export-preview{width:140px;height:140px}.stg-range-output svg{color:#a85536;width:25px;height:18px}.stg-guide .stg-feature-summary{margin-bottom:16px}.stg-guide .stg-feature-detail,.stg-guide .stg-use-detail{padding:12px 0 0}.stg-guide details summary{cursor:pointer}.stg-guide details summary:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid #a85536}.stg-local-note{background:#edf1e9;border-radius:14px;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:30px;margin-top:24px;padding:28px;display:grid}.stg-local-note h3{align-items:center;gap:9px;display:flex}.stg-local-note h3 svg{flex:none;width:20px;height:20px}.stg-local-diagram{color:#496458;background:#f8faf5;border:1px solid #bccbc0;border-radius:10px;overflow:hidden}.stg-local-diagram>div:first-child{letter-spacing:.1em;border-bottom:1px solid #d8e0d5;align-items:center;gap:8px;padding:10px 12px;font-size:9px;display:flex}.stg-local-diagram>div:first-child svg{width:14px;height:14px}.stg-local-diagram>div:nth-child(2){justify-content:center;align-items:center;gap:18px;padding:18px 12px 12px;display:flex}.stg-local-diagram>span{text-align:center;padding-bottom:15px;font-size:10px;display:block}.stg-use-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:50px;margin-top:32px;display:grid}.stg-use-list article:first-child{border-top:0;padding-top:0}.stg-portfolio-proof{background:#f6efd9;border:1px solid #d9d5c5;border-radius:14px;margin:0;padding:22px}.stg-portfolio-label{color:#6d715e;letter-spacing:.12em;justify-content:space-between;gap:10px;font-size:9px;display:flex}.stg-portfolio-animation{place-items:center;padding:24px 0 12px;display:grid}.stg-portfolio-animation .stg-export-preview{aspect-ratio:1;width:min(100%,270px);display:block}.stg-portfolio-proof figcaption{flex-direction:column;gap:8px;margin:16px 0 24px;display:flex}.stg-portfolio-proof figcaption strong{font-size:19px;font-weight:600}.stg-portfolio-proof figcaption span{color:#6d715e;font-size:11px}.stg-portfolio-sheet{background:#fffaf0;border:1px solid #dbd6c4;border-radius:8px;width:100%;height:auto;padding:10px;display:block}.stg-feature-grid img,.stg-portfolio-proof img{image-rendering:pixelated}.stg-export-preview{aspect-ratio:1;flex:none;position:relative;overflow:hidden}.stg-export-preview img{width:calc(var(--stg-frames) * 100%);max-width:none;height:100%;animation:stg-evidence-frames calc(var(--stg-frames) * .13s) steps(var(--stg-frames)) infinite;display:block}@keyframes stg-evidence-frames{to{transform:translate(-100%)}}.stg-editorial h3{margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.35}.stg-editorial .stg-format-note{margin:18px 0 0;font-size:12px}.stg-use-list article{border-top:1px solid var(--sc-line);padding:28px 0}.stg-use-list p{max-width:720px}.stg-use-list span{color:#52665d;letter-spacing:.1em;margin-bottom:10px;font-size:10px;display:block}@media (max-width:800px){.stg-feature-grid,.stg-use-layout,.stg-local-note{grid-template-columns:1fr}.stg-feature-grid article{padding:18px}.stg-local-note{gap:22px;padding:22px}.stg-local-diagram{width:100%;max-width:250px}.stg-use-layout{gap:24px}.stg-portfolio-proof{order:-1}.stg-background-pair{height:210px}.stg-range-output{gap:12px;min-height:155px}.stg-editorial{padding:44px 0}}.stg-grid-story{grid-template-columns:1.08fr .92fr}.stg-speed-story{grid-template-columns:.9fr 1.1fr}.stg-output{grid-template-columns:1.15fr .85fr}.stg-file-card{background:#fff1c2;border-color:#ecd68a;transform:rotate(-1deg)}.stg-file-card>span:first-child{color:var(--stg-ink);border-color:#dfca80}@media (min-width:1800px){.stg-result-proof{gap:90px}.stg-proof-pair figure:last-child img{max-height:350px}}@media (max-width:800px){.stg-page .sc-badges{flex-wrap:wrap}.stg-result{grid-template-columns:1fr;gap:24px;padding:20px 16px}.stg-result-preview{min-height:220px}.stg-result-proof{grid-template-columns:1fr;gap:28px;padding:50px 0}.stg-proof-pair{grid-template-columns:1fr}.stg-proof-pair figure:last-child img{max-height:260px}.stg-grid-story,.stg-speed-story,.stg-output{grid-template-columns:1fr}.stg-speed-story figure{order:2}.stg-file-card{transform:none}.stg-encoding{padding:12px 16px}}@media (prefers-reduced-motion:reduce){.stg-export-preview img{animation:none}.stg-page .sc-spin{animation:1.8s linear infinite sc-spin}}