/* IcefoxPixel: the original turquoise product mark within the Icefox polar-night palette. */
.ip-page{--ip-violet:#82e1cf;--ip-gold:#e9c879;--ip-panel:#101a2b;--ip-text:#eaf2ff;--ip-muted:#b0bdd2;--ip-line:#2a3b48;width:min(1180px,100% - 48px);margin:auto;color:var(--ip-muted)}
.ip-page h1,.ip-page h2,.ip-page h3,.ip-page h4{color:var(--ip-text);margin:0;text-wrap:balance}.ip-page h2{font-size:clamp(1.85rem,3.7vw,3.05rem);line-height:1.35;letter-spacing:-.035em;font-weight:700}.ip-page h3{font-size:1.18rem;line-height:1.5}.ip-page p{margin:18px 0 0}.ip-page figure{margin:0}.ip-page a{color:var(--ip-violet)}.ip-page a:hover{color:#fff}.ip-page button,.ip-page summary{font:inherit;touch-action:manipulation}.ip-page :focus-visible{outline:3px solid var(--ip-gold);outline-offset:5px}.ip-kicker{font:11px/1.8 'JetBrains Mono',monospace!important;letter-spacing:.12em;color:var(--ip-violet);margin:0 0 18px!important}.ip-kicker>span{display:block;color:#96a3bb;letter-spacing:.06em}.ip-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding:72px 0 60px}.ip-hero h1{font:700 clamp(2.2rem,4.5vw,3.6rem)/1.3 Manrope,'Microsoft YaHei',sans-serif;letter-spacing:-.045em;overflow-wrap:normal}.ip-lead{font-size:1.24rem;font-weight:600;color:var(--ip-violet);line-height:1.65}.ip-summary{font-size:15px;line-height:1.95;max-width:54ch}.ip-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.ip-page .ip-button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;min-height:50px;padding:12px 22px;background:var(--ip-violet);color:#10211e;border:1px solid var(--ip-violet);border-radius:6px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s}.ip-page .ip-button:hover{background:#b3f0e3;border-color:#b3f0e3;color:#10211e}.ip-link{display:inline-flex;align-items:center;min-height:44px}.ip-small{font-size:12px!important;line-height:1.85!important;color:#9faec4}.ip-hero-art{min-width:0}.ip-hero-art figcaption{margin:16px 0 0;padding-left:10px;font-size:11px;line-height:1.9;color:#a4b4ce}.ip-dot{display:inline-block;width:6px;height:6px;background:var(--ip-gold);margin-right:6px}.ip-player{border:1px solid #39405a;border-radius:12px;overflow:hidden;background:#12172b;box-shadow:0 16px 70px #0003}.ip-checker{background-color:#19243a;background-image:conic-gradient(#202e46 25%,transparent 0 50%,#202e46 0 75%,transparent 0);background-size:24px 24px}.ip-player>.ip-checker{display:grid;place-items:center;min-height:420px}.ip-pixel{image-rendering:pixelated;image-rendering:crisp-edges}.ip-sprite{width:384px;height:384px;max-width:none}.ip-player-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:#151c30;border-top:1px solid #39405a;font:11px/1.5 'JetBrains Mono',monospace;color:var(--ip-violet)}.ip-player-bar button{font:11px/1.5 Manrope,'Microsoft YaHei',sans-serif;min-height:44px;background:transparent;border:1px solid #555273;color:#eee8ff;border-radius:4px;padding:8px 12px;cursor:pointer}.ip-player-bar button:hover{background:#30314c}.ip-jump{display:flex;gap:28px;justify-content:space-between;flex-wrap:wrap;padding:14px 0;border-block:1px solid var(--ip-line);font-size:12px}.ip-jump a{display:flex;align-items:center;min-height:44px;text-decoration:none}.ip-intent{display:grid;grid-template-columns:1fr 1.2fr;gap:18px 72px;padding:80px 0}.ip-intent>.ip-kicker{grid-column:1/-1}.ip-intent>p:last-child{margin:0;font-size:15px;line-height:2}.ip-case,.ip-capabilities,.ip-setup{scroll-margin-top:28px;padding:72px 0;border-top:1px solid var(--ip-line)}.ip-section-head{max-width:750px;margin-bottom:30px}.ip-section-head>p:not(.ip-kicker){font-size:15px;line-height:2}.ip-facts{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.ip-facts span{font:11px/1.7 'JetBrains Mono','Microsoft YaHei',monospace;color:#d4f1e9;background:#15262a;border:1px solid #304b4d;padding:7px 12px;border-radius:4px}.ip-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ip-art{min-height:420px;display:grid;place-items:center;border-radius:8px;border:1px solid #33405b;overflow:hidden}.ip-reference-source{width:384px;height:auto;max-width:100%}.ip-compare figcaption{display:flex;justify-content:space-between;gap:12px;font:11px/1.6 'JetBrains Mono','Microsoft YaHei',monospace;padding:14px 2px;color:#9faec4}.ip-compare figcaption>span{color:#e4e9f8}.ip-proof{border:1px solid var(--ip-line);border-radius:6px;margin-top:26px;background:#0d1422}.ip-proof summary{padding:14px 18px;cursor:pointer;font-size:12px;color:var(--ip-violet);min-height:48px}.ip-proof summary:hover{background:#151d30}.ip-proof summary>span{float:right}.ip-proof[open] summary{border-bottom:1px solid var(--ip-line)}.ip-proof figure{padding:16px}.ip-proof-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#65577e #171c2b}.ip-proof-image{display:block;max-width:none;width:auto;height:auto}.ip-proof figcaption{font-size:11px;line-height:1.9;padding-top:12px}.ip-selection{position:relative;line-height:0;width:384px}.ip-selection-box{position:absolute;left:37.5%;top:42.1875%;width:32.8125%;height:26.5625%;border:2px solid #f4b567;box-shadow:0 0 0 1px #2e223d;pointer-events:none}.ip-change{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:32px;align-items:center;padding:24px 0}.ip-change>p{margin:0}.ip-change strong{display:block;color:var(--ip-gold);font:400 44px/1.25 Unbounded,sans-serif;letter-spacing:-.04em}.ip-change span{font-size:12px;display:block;margin-top:8px}.ip-animation-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}.ip-animation-grid>div>p:not(.ip-kicker){font-size:15px;line-height:2}.ip-animation-grid figure{min-width:0}.ip-animation-grid figcaption{font-size:11px;line-height:1.9;padding-top:14px}.ip-frame-viewer{margin-top:48px;background:#101729;border:1px solid var(--ip-line);padding:28px;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.ip-frame-heading{align-self:center}.ip-frame-heading .ip-small{margin-top:6px}.ip-frame-inspect{display:flex;align-items:center;flex-direction:column}.ip-frame-inspect>.ip-checker{border:1px solid #33405b;width:256px;border-radius:4px}.ip-frame-large{width:256px;height:256px;max-width:none}.ip-frame-inspect>p{font:11px/1.5 'JetBrains Mono','Microsoft YaHei',monospace;margin-top:12px}.ip-frame-buttons{grid-column:1/-1;display:flex;gap:10px;overflow-x:auto;padding:6px;scrollbar-color:#65577e #171c2b}.ip-frame-buttons button{cursor:pointer;flex:0 0 130px;padding:0 0 8px;border:1px solid #3a425c;border-radius:4px;color:#b3bdd0;background:#19243a;font:11px/1.6 'JetBrains Mono',monospace}.ip-frame-buttons button>img{max-width:none;width:128px;height:128px}.ip-frame-buttons button[aria-pressed=true]{border-color:var(--ip-gold);outline:1px solid var(--ip-gold);color:var(--ip-gold)}.ip-frame-buttons button:hover{background:#28354d}.ip-frame-buttons span{display:block}.ip-layers{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;margin-top:50px}.ip-layers h3{font-size:1.7rem}.ip-layers ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;counter-reset:layer}.ip-layers li{counter-increment:layer}.ip-layers li:before{content:'L' counter(layer);font:10px/1.6 'JetBrains Mono',monospace;color:var(--ip-gold);display:block;margin-bottom:6px}.ip-layers strong{display:block;color:var(--ip-text);font-weight:600;font-size:14px}.ip-layers li>span{display:block;font-size:12px;line-height:1.9;margin-top:6px}.ip-cap-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.ip-cap-list article{padding:24px 0;border-bottom:1px solid var(--ip-line)}.ip-cap-list h3{font-size:16px;color:var(--ip-violet)}.ip-cap-list p{font-size:13px;line-height:1.95;margin-top:10px}.ip-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.ip-setup-grid>div>h3{color:var(--ip-gold)}.ip-steps{margin:24px 0 0;padding:0 0 0 26px}.ip-steps>li{padding:0 0 28px 8px}.ip-steps>li::marker{font-family:'JetBrains Mono',monospace;color:var(--ip-violet)}.ip-steps h4{font-size:14px;font-weight:600}.ip-steps p{font-size:12px;line-height:2;margin-top:8px;overflow-wrap:anywhere}.ip-get{padding:56px 48px;margin:10px 0 80px;border:1px solid #34534f;border-radius:12px;background:#132326}.ip-get>p{max-width:72ch;font-size:14px;line-height:2}.ip-get .ip-button{margin-top:28px}.ip-get .ip-small{max-width:88ch;margin-top:28px}
@media(max-width:1080px){.ip-hero,.ip-animation-grid{gap:36px}.ip-sprite{width:256px;height:256px}.ip-selection{width:256px}.ip-player>.ip-checker,.ip-art{min-height:312px}.ip-reference-source{width:256px}.ip-hero{grid-template-columns:1.2fr 1fr}.ip-change{grid-template-columns:1fr 1fr}.ip-change>.ip-small{grid-column:1/-1}.ip-intent{gap:24px 40px}.ip-jump{justify-content:flex-start;gap:12px 30px}}
@media(max-width:760px){.ip-page{width:calc(100% - 32px)}.ip-hero{grid-template-columns:1fr;gap:36px;padding:42px 0}.ip-hero h1{font-size:clamp(2rem,7.5vw,3.25rem)}.ip-hero-art{width:min(100%,460px);justify-self:center}.ip-wordmark{font-size:1.55rem}.ip-lead{font-size:1.1rem}.ip-summary{font-size:14px}.ip-hero-sprite{width:384px;height:384px}.ip-hero-art .ip-player>.ip-checker{min-height:408px}.ip-intent{grid-template-columns:1fr;padding:48px 0;gap:18px}.ip-intent>.ip-kicker{margin-bottom:0!important}.ip-page h2{font-size:clamp(1.7rem,6vw,2.5rem)}.ip-case,.ip-capabilities,.ip-setup{padding:48px 0}.ip-compare{gap:20px;grid-template-columns:1fr}.ip-art{min-height:300px}.ip-compare figure{width:100%}.ip-compare figcaption{font-size:10px}.ip-proof figure{padding:10px}.ip-change{gap:24px;padding-bottom:0}.ip-change strong{font-size:36px}.ip-animation-grid{grid-template-columns:1fr;gap:28px}.ip-animation-grid figure{width:min(100%,460px);justify-self:center}.ip-frame-viewer{grid-template-columns:1fr;padding:18px;margin-top:32px}.ip-frame-heading{text-align:center}.ip-frame-buttons{grid-column:1}.ip-layers{grid-template-columns:1fr;gap:24px;margin-top:36px}.ip-layers ol{gap:22px}.ip-cap-list{grid-template-columns:1fr}.ip-cap-list article{padding:20px 0}.ip-setup-grid{grid-template-columns:1fr;gap:24px}.ip-steps>li{padding-bottom:22px}.ip-get{padding:32px 24px;margin-bottom:48px}.ip-jump{gap:0 22px;font-size:11px}.ip-kicker{font-size:10px!important}.ip-get .ip-button{gap:16px}.ip-get h2 br{display:none}}
@media(max-width:460px){.ip-hero-sprite{width:256px;height:256px}.ip-hero-art .ip-player>.ip-checker{min-height:300px}.ip-actions{gap:10px 20px}.ip-page .ip-button{padding:12px 16px;font-size:13px}.ip-lead{font-size:1rem}.ip-frame-viewer{padding:14px}.ip-player-bar{padding:8px 12px;gap:10px}.ip-layers ol{grid-template-columns:1fr 1fr;gap:20px}.ip-layers h3{font-size:1.5rem}.ip-selection-box{border-width:1px}}
@media(prefers-reduced-motion:reduce){.ip-page *{scroll-behavior:auto!important;transition:none!important}}
/* Client evidence and agent-led installation. */
.ip-clients{padding:30px 0 66px}.ip-clients h2{font-size:clamp(1.6rem,3vw,2.25rem)}.ip-clients>p:not(.ip-kicker){font-size:14px}.ip-clients dl{display:block;margin:28px 0 0;padding:0;border:1px solid var(--ip-line);border-radius:8px;overflow:hidden}.ip-clients dl>div{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:20px 24px;background:#101729}.ip-clients dl>div+div{border-top:1px solid var(--ip-line)}.ip-clients dt{color:var(--ip-violet);font:600 13px/1.8 'JetBrains Mono',monospace}.ip-clients dd{font-size:13px;line-height:1.95;color:var(--ip-muted)}.ip-install-prompt{padding:24px;background:#101729;border:1px solid var(--ip-line);border-radius:8px;margin:30px 0 36px}.ip-install-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 'JetBrains Mono','Microsoft YaHei',monospace;color:#dce3f5;margin:20px 0}.ip-install-prompt button{min-height:44px;padding:10px 16px;border:1px solid #60527f;border-radius:4px;background:#28213e;color:#e9dfff;font:600 12px/1.6 Manrope,'Microsoft YaHei',sans-serif;cursor:pointer}.ip-install-prompt button:hover{background:#3a2e56}.ip-page .ip-release-pending{display:inline-block;padding:12px 18px;border:1px solid #59536a;border-radius:6px;color:#c3bfd0;background:#27283b;font-size:13px;margin-top:24px}.ip-get>p{max-width:78ch}@media(max-width:600px){.ip-clients{padding-bottom:42px}.ip-clients dl>div{grid-template-columns:1fr;gap:7px;padding:18px}.ip-install-prompt{padding:18px}.ip-install-prompt pre{font-size:12px}}

/* Original IcefoxPixel product mark, shared with the product listing. */
.ip-product-logo{display:block;width:min(100%,460px);height:auto;margin:0 0 24px;border:1px solid #20363c;border-radius:6px;background:#080f19}.ip-clients dt{color:var(--ip-violet)}.ip-install-prompt button{border-color:#3d6a62;background:#19352f;color:#dcfff5}.ip-install-prompt button:hover{background:#254b43}.ip-player-bar button{border-color:#3d6264;color:#ddf7f0}.ip-player-bar button:hover{background:#254043}@media(max-width:760px){.ip-product-logo{width:min(100%,420px);margin-bottom:24px}}

/* Native Aseprite project screenshots: original files, full frame, no crop. */
.ip-native{margin-top:46px;padding:30px;background:#101c26;border:1px solid #2e4b4d;border-radius:10px;scroll-margin-top:24px}.ip-native-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:end;margin-bottom:24px}.ip-native-heading h3{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.45;letter-spacing:-.025em}.ip-native-heading>p{font-size:13px;line-height:1.95;margin:0}.ip-native-controls{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.ip-native-controls[hidden],.ip-native-figure[hidden]{display:none!important}.ip-native-controls button{min-height:44px;border:1px solid #3a565c;background:#172b31;color:#d4e6e7;border-radius:5px;padding:10px 16px;font:600 12px/1.65 Manrope,'Microsoft YaHei',sans-serif;cursor:pointer;touch-action:manipulation}.ip-native-controls button[aria-pressed=true]{background:#82e1cf;border-color:#82e1cf;color:#10211e}.ip-native-controls button:hover{border-color:#b3f0e3}.ip-native-figure{border:1px solid #3c505d;border-radius:6px;overflow:hidden;background:#0b131c}.ip-native-figure+.ip-native-figure{margin-top:20px}.ip-native-image-link{display:block;cursor:zoom-in}.ip-native-image{width:100%;height:auto;display:block;image-rendering:pixelated}.ip-native-figure figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:11px;line-height:1.8;border-top:1px solid #334957}.ip-native-figure figcaption a{white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.ip-native-notes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px;margin-top:26px}.ip-native-notes h4{font-size:14px;line-height:1.6}.ip-native-notes .ip-kicker{font-size:9px!important;margin-bottom:10px!important}.ip-native-notes p:not(.ip-kicker){font-size:12px;line-height:1.95;margin-top:9px}.ip-native-notes code{font:11px/1.8 'JetBrains Mono',monospace;color:#c5f4e8;overflow-wrap:anywhere}@media(max-width:760px){.ip-native{padding:20px 16px;margin-top:32px}.ip-native-heading{grid-template-columns:1fr;gap:16px}.ip-native-notes{grid-template-columns:1fr;gap:18px}.ip-native-notes article+article{border-top:1px solid #29434b;padding-top:18px}.ip-native-figure figcaption{padding:10px 12px;align-items:start;flex-direction:column;gap:4px}.ip-native-controls button{padding:9px 12px;font-size:11px}}

.ip-native-figure[hidden]+.ip-native-figure{margin-top:0}

/* Rebuilt from the original product page: short promise, animated proof, then one story per case. */
.ip-hero{padding:48px 0;gap:44px}.ip-product-logo{width:min(100%,340px);margin-bottom:22px}.ip-hero h1{font-size:clamp(2.2rem,4.3vw,3.5rem)}.ip-hero .ip-summary{font-size:15px;line-height:1.85;max-width:43ch}.ip-hero .ip-small{margin-top:18px}
.ip-launch-offer{margin-top:26px;padding:20px 22px;background:#112b25;border:1px solid #3a695b;border-radius:8px;display:grid;gap:14px;max-width:440px}.ip-launch-offer>strong{font-size:clamp(1.4rem,2.1vw,1.8rem);line-height:1.5;color:var(--ip-violet)}.ip-launch-offer>span{font-size:11px;line-height:1.7}.ip-launch-offer .ip-button{justify-content:center;gap:16px}
.ip-section-head{margin-bottom:26px}.ip-story-copy{font-size:16px;line-height:2;max-width:80ch;margin:26px 0 0!important;color:#c7d4e6}.ip-animation-result{width:min(100%,600px);margin:auto}.ip-animation-result .ip-checker{min-height:440px}.ip-animation-result .ip-sprite{width:384px;height:384px}
.ip-details{margin-top:28px;border:1px solid var(--ip-line);border-radius:7px}.ip-details>summary{cursor:pointer;color:var(--ip-violet);padding:15px 20px;min-height:50px;font-size:13px}.ip-details[open]>summary{border-bottom:1px solid var(--ip-line)}.ip-details>div{padding:22px}.ip-details .ip-native{margin-top:0;padding:0;border:0;background:none}.ip-details .ip-clients{padding:0}.ip-details .ip-clients dl{margin:0}.ip-details .ip-install-prompt{margin-top:0}
.ip-motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.ip-motion-grid .ip-checker{display:grid;place-items:center;min-height:250px;border:1px solid var(--ip-line);border-radius:8px}.ip-motion-grid img{width:192px;height:auto;max-width:100%}.ip-motion-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;color:var(--ip-text);font-size:14px}.ip-motion-grid button{min-height:44px;padding:8px 18px;background:#19352f;color:#dcfff5;border:1px solid #3d6a62;border-radius:5px;cursor:pointer}.ip-more-examples .ip-story-copy+.ip-motion-grid{margin-top:46px}.ip-setup{margin-bottom:40px}
@media(max-width:760px){.ip-hero{gap:28px;padding:32px 0}.ip-product-logo{width:280px;margin-bottom:18px}.ip-hero h1{font-size:clamp(2rem,8vw,3rem)}.ip-launch-offer{padding:16px 18px;margin-top:20px}.ip-launch-offer>strong{font-size:1.4rem}.ip-hero-art .ip-player>.ip-checker{min-height:300px}.ip-hero-sprite{width:256px;height:256px}.ip-story-copy{font-size:14px;line-height:1.95}.ip-animation-result .ip-checker{min-height:300px}.ip-animation-result .ip-sprite{width:256px;height:256px}.ip-details>div{padding:14px}.ip-motion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ip-motion-grid .ip-checker{min-height:132px}.ip-motion-grid img{width:128px}.ip-motion-grid figcaption{flex-direction:column;font-size:12px}.ip-motion-grid button{padding:8px 12px}.ip-more-examples .ip-story-copy+.ip-motion-grid{margin-top:32px}}
@media(max-width:380px){.ip-motion-grid{grid-template-columns:1fr}.ip-motion-grid .ip-checker{min-height:190px}.ip-motion-grid img{width:128px}.ip-motion-grid figcaption{flex-direction:row}}

/* Approved itch story: native workspace stays visible and each supporting case carries its own explanation. */
.ip-motion-note{font-size:14px;line-height:1.9;margin:4px 0 0!important;color:#c7d4e6}.ip-motion-grid figcaption{align-items:center}.ip-motion-grid .ip-checker img{width:192px;height:auto;max-width:none}
@media(max-width:640px){.ip-motion-grid{grid-template-columns:1fr;gap:32px}.ip-motion-grid .ip-checker{min-height:230px}.ip-motion-grid figcaption{flex-direction:row}.ip-motion-note{font-size:14px}}