:root{--paper:#f8f9fa;--ink:#1f1e21;--orange:#ff5a00;--blue:#00a4e4;--green:#78c800;--line:3px solid var(--ink);--hard:6px 6px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(to right,#00a4e418 1px,transparent 1px),linear-gradient(to bottom,#00a4e418 1px,transparent 1px);background-size:24px 24px;font-family:Nunito,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}::selection{background:var(--orange);color:#fff}:focus-visible{outline:3px solid #00689b;outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;padding:10px;background:white;z-index:10}.skip:focus{top:10px}p,h1,h2,h3{margin:0}button,a{touch-action:manipulation}.site-header{max-width:1240px;margin:auto;padding:28px 32px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}.brand{display:flex;align-items:center;gap:13px;font-size:19px;line-height:.94;font-weight:1000;letter-spacing:-.8px}.brand-mark{display:flex;align-items:center;justify-content:center;width:49px;height:49px;background:var(--ink);color:white;border-radius:9px;font-size:37px;letter-spacing:-5px;padding-right:5px;transform:rotate(-5deg)}.brand-mark span{color:var(--orange)}.brand-dot{color:var(--orange)}nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:900}nav .active{border-bottom:3px solid var(--orange);padding:9px 0}.nav-button{padding:12px 18px;background:white;border:2px solid var(--ink);border-radius:7px;box-shadow:3px 3px 0 var(--ink)}.nav-button span{margin-left:20px}.hero{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:52px;padding:66px 32px 77px}.eyebrow{font-size:12px;font-weight:1000;letter-spacing:1.6px;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:9px}.mini-cross{font-size:19px;color:var(--orange)}h1{font-size:clamp(44px,4.6vw,65px);line-height:1.04;font-weight:1000;letter-spacing:-3px;margin:22px 0 24px}.orange-word{color:var(--orange);position:relative}.period{color:var(--ink)}.intro{font-size:23px;font-weight:900;line-height:1.35;letter-spacing:-.5px}.description{max-width:390px;margin-top:14px;font-size:16px;line-height:1.65;color:#565259;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:13px 21px;border:var(--line);border-radius:8px;font-weight:1000;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.primary{background:var(--orange);color:var(--ink)}.hero .button{margin-top:28px}.button:hover,.nav-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.button:active,.nav-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.button span{font-size:22px;line-height:1}.hero-art{border:var(--line);border-radius:16px;box-shadow:var(--hard);background:white;position:relative;transform:rotate(2deg);margin-top:2px}.screen-label,.screen-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;font-weight:900;font-size:12px;letter-spacing:1px}.screen-label{border-bottom:var(--line)}.screen-label>span:last-child{font-size:20px;color:var(--orange)}.art-window{height:278px;overflow:hidden;position:relative;background:#1f1e21}.art-window img{position:absolute;width:auto;height:380px;max-width:none;top:-42px;left:-340px;transform:rotate(-13deg);object-fit:cover}.screen-footer{border-top:var(--line);padding:16px}.pixel{font-family:DotGothic16,monospace;font-weight:400;font-size:12px;letter-spacing:1px}.color-chips{display:flex;gap:6px}.color-chips i{width:13px;height:13px;background:var(--orange);border:2px solid var(--ink)}.color-chips i:nth-child(2){background:var(--blue)}.color-chips i:nth-child(3){background:var(--green)}.sticker{position:absolute;bottom:-24px;right:-14px;background:#fff469;border:var(--line);padding:12px 18px;transform:rotate(-9deg);box-shadow:3px 3px 0 var(--ink);font-size:15px;line-height:1.25}.sticker strong{font-size:19px;font-weight:1000}.divider{display:flex;justify-content:center;gap:43px;overflow:hidden;white-space:nowrap;background:var(--ink);color:white;padding:13px 0;font-size:12px;font-weight:900;letter-spacing:2px}.divider span:nth-child(even){color:var(--orange);font-size:17px;line-height:17px}.section{max-width:1240px;margin:auto;padding:50px 32px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.section-heading .eyebrow{color:#66616b;margin-bottom:8px}h2{font-size:37px;line-height:1.1;font-weight:1000;letter-spacing:-1.4px}.orange-text{color:var(--orange)}.collection-label{padding-bottom:4px}.tool-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px}.ember-card,.soon-card{border:var(--line);border-radius:14px;box-shadow:var(--hard);background:white}.ember-card{padding:27px}.ember-top{display:flex;align-items:center;justify-content:space-between}.tool-identity{display:flex;gap:17px;align-items:center}.tool-icon{position:relative;width:60px;height:60px;background:var(--orange);border:var(--line);border-radius:12px;display:grid;place-items:center;font-size:41px;font-weight:1000;line-height:1}.tool-icon>span{font-size:22px;position:absolute;bottom:1px;right:1px;background:var(--orange)}.tool-title{display:flex;align-items:center;gap:12px}.tool-title h3{font-size:33px;font-weight:1000;letter-spacing:-1.5px}.badge{display:inline-block;border:2px solid var(--ink);border-radius:5px;padding:3px 7px;background:#fff469;font-family:DotGothic16,monospace;font-size:12px;letter-spacing:1px;white-space:nowrap}.tool-identity p{font-size:14px;color:#5e5863;font-weight:700;margin-top:2px}.tool-number{color:#77717c}.format-flow{display:flex;align-items:center;justify-content:center;gap:35px;background:#fff4eb;border:2px solid var(--ink);border-radius:9px;margin:25px 0 19px;padding:21px 15px}.format-flow>div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;font-weight:800}.file-format{font-family:DotGothic16,monospace;font-size:33px;letter-spacing:-1px}.flow-arrow{font-size:40px}.tool-description{font-size:15px;line-height:1.7;color:#57515d;font-weight:600;max-width:535px}.card-bottom{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.category{font-size:12px;font-weight:900;letter-spacing:1px}.soon-card{background:#eaf7fc;display:flex;flex-direction:column;justify-content:space-between;padding:27px;box-shadow:6px 6px 0 #b9c7ce}.soon-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.outline-plus{width:51px;height:51px;border:2px dashed #72818a;border-radius:10px;display:grid;place-items:center;font-size:33px;color:#62727b;font-weight:700}.pale{background:#fff;color:#56636b}.soon-card .eyebrow{color:#5c6e79;font-size:12px}.soon-card h3{font-size:32px;line-height:1.13;letter-spacing:-1px;font-weight:1000;margin:8px 0 15px}.soon-card p:not(.eyebrow){color:#52616b;font-size:15px;line-height:1.7;font-weight:600}.soon-footer{margin-top:28px;font-size:12px;letter-spacing:0;color:#52616b}.about{display:grid;grid-template-columns:64px 1.12fr 1fr;gap:26px;align-items:center;margin-top:10px;padding-top:37px;padding-bottom:51px;border-top:2px dashed #aab8bf}.about-symbol{font-size:68px;color:var(--blue);line-height:1}.about h2{font-size:28px;line-height:1.2;margin-top:8px;letter-spacing:-.7px}.about .eyebrow{font-size:12px}.about-copy{font-size:15px;line-height:1.7;color:#59545e;font-weight:600}.about-copy p+p{color:var(--ink);font-weight:900;margin-top:9px}footer{border-top:2px solid var(--ink);max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 32px 30px;font-size:12px;color:#5a545e}.footer-brand{font-weight:1000;color:var(--ink);letter-spacing:-.4px;font-size:16px}.back-top{font-weight:900;color:var(--ink)}dialog{border:var(--line);border-radius:16px;box-shadow:var(--hard);padding:26px;max-width:510px;width:calc(100% - 36px);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#1f1e2199;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.close{border:2px solid var(--ink);border-radius:6px;background:white;width:36px;height:36px;font-size:26px;line-height:1}dialog h2{font-size:38px}dialog p{line-height:1.7;margin:17px 0;font-size:16px}dialog h3{font-size:19px}.detail-note{padding:16px;background:#fff0e3;border:2px solid var(--ink);border-radius:8px;margin:20px 0}.detail-note p{font-size:14px;margin:10px 0 0}.launch-note{font-weight:800}.close-bottom{width:100%}
@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:90px}}
@media(max-width:1000px){.hero{gap:30px}h1{font-size:48px;letter-spacing:-2.5px}.hero-art{margin-right:7px}.art-window{height:250px}.sticker{right:-10px}.tool-grid{grid-template-columns:1.4fr 1fr}.ember-card,.soon-card{padding:22px}.format-flow{gap:20px}.about{grid-template-columns:50px 1fr 1fr;gap:20px}.about-symbol{font-size:52px}}
@media(max-width:760px){.site-header{padding:20px}.brand{font-size:16px}.brand-mark{width:42px;height:42px;font-size:32px}nav{gap:20px}nav .nav-button{display:none}.hero{grid-template-columns:1fr;padding:38px 24px 52px;gap:45px}.hero-copy{max-width:560px}h1{font-size:clamp(41px,8vw,62px)}.intro{font-size:21px}.description{max-width:470px}.hero-art{width:100%;max-width:540px;justify-self:center}.art-window{height:235px}.art-window img{left:-170px;height:335px}.section{padding:38px 22px}.section-heading{align-items:start;gap:20px}h2{font-size:31px}.collection-label{max-width:80px;text-align:right;font-size:12px}.tool-grid{grid-template-columns:1fr}.soon-card{min-height:310px}.soon-top{margin-bottom:18px}.soon-card h3 br,.desktop-break{display:none}.soon-footer{margin-top:25px}.about{grid-template-columns:42px 1fr;margin:0 22px;padding:30px 0;gap:18px}.about-copy{grid-column:2}.about h2{font-size:26px}.about-symbol{font-size:46px}.about .eyebrow{font-size:12px}.about-copy p{font-size:15px}footer{padding:22px;flex-wrap:wrap;gap:14px}footer>span{order:3;width:100%}.back-top{margin-left:auto}.divider{gap:24px}}
@media(max-width:400px){nav{gap:14px;font-size:12px}.hero{padding-left:20px;padding-right:20px}h1{font-size:40px;letter-spacing:-2.3px}.eyebrow{font-size:12px;letter-spacing:1px}.ember-card{padding:18px}.tool-identity{gap:12px}.tool-identity p{font-size:12px}.tool-icon{width:49px;height:49px}.tool-title h3{font-size:30px}.tool-number{display:none}.format-flow{gap:16px}.format-flow>div{font-size:12px}.file-format{font-size:30px}.card-bottom{align-items:flex-start;flex-direction:column;gap:16px}.card-bottom .button{width:100%}.screen-label{font-size:12px;letter-spacing:0}.sticker{font-size:13px}.sticker strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.art-window img{height:100%;top:0;transform:none;left:-190px}

/* Hybrid card: original card proportions with colorful format tiles. */
.tool-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch}
.ember-hybrid{padding:27px}.ember-hybrid .tool-description{font-size:16px}.tool-icon{flex:none}.ember-hybrid .tool-title{flex-wrap:wrap}
.hybrid-conversion{margin:23px 0 19px;background:#fff8f1;border:2px solid var(--ink);border-radius:10px;overflow:hidden}
.conversion-stage{display:flex;align-items:center;justify-content:center;gap:25px;padding:22px 24px;background-image:radial-gradient(#decfc1 1px,transparent 1px);background-size:8px 8px}
.format-tile{border:2px solid var(--ink);border-radius:7px;background:white;box-shadow:3px 3px 0 var(--ink);display:flex;flex-direction:column;align-items:center;overflow:hidden;flex:1;max-width:168px;min-width:0}
.tile-label{width:100%;padding:7px 4px;border-bottom:2px solid var(--ink);text-align:center;font-family:DotGothic16,monospace;font-size:12px;line-height:1.5;white-space:nowrap}
.kwz-label{background:var(--blue)}.ppm-label{background:var(--orange)}
.format-tile strong{font-size:38px;font-weight:1000;letter-spacing:-1.5px;line-height:1.2;margin:14px 5px 4px}
.tile-caption{font-family:DotGothic16,monospace;font-size:14px;margin-bottom:15px;white-space:nowrap}
.conversion-arrow{font-size:32px;flex:none}
.conversion-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;border-top:1px solid #dfcbb8;background:#fff8f1}
.conversion-caption .pixel{font-size:12px;letter-spacing:0}
.flipnote-stars{display:flex;gap:3px;flex:none;font-size:17px;line-height:1}
.flipnote-stars i{font-style:normal;color:#e9b900}.flipnote-stars i:nth-child(2){color:var(--green)}.flipnote-stars i:nth-child(3){color:#ff5757}.flipnote-stars i:nth-child(4){color:var(--blue)}.flipnote-stars i:nth-child(5){color:#b258ef}
.hybrid-beta{border-top:1px dashed #d6c4b4;padding-top:16px;margin-top:23px;font-size:14px;line-height:1.6;color:#625963}.hybrid-beta strong{color:var(--ink)}
.soon-card{justify-content:flex-start}.soon-card>div:nth-child(2){margin:auto 0}.soon-footer{margin-top:32px}.soon-card p:not(.eyebrow){font-size:16px}
.about-studio{margin-top:12px;border-top:2px dashed #aab8bf;padding-top:44px;padding-bottom:35px}.about-edition{font-size:12px;text-align:right}
.studio-sheet{display:grid;grid-template-columns:1fr 1fr;background:white;border:var(--line);border-radius:16px;box-shadow:var(--hard);overflow:hidden}
.studio-story{padding:35px;background:#eaf7fc;border-right:var(--line)}
.studio-signature{display:flex;align-items:center;gap:16px;margin-bottom:25px}.studio-signature .brand-mark{flex:none}.studio-signature .pixel{font-size:12px;line-height:1.5;letter-spacing:.5px;max-width:160px}
.studio-story h3{font-size:36px;font-weight:1000;line-height:1.08;letter-spacing:-1.2px;margin-bottom:21px}.studio-story p{font-size:16px;font-weight:600;line-height:1.75;color:#4c5964}.studio-story p+p{margin-top:15px}.studio-story .studio-closing{font-weight:900;color:var(--ink)}
.studio-notes{padding:12px 34px;display:flex;flex-direction:column;justify-content:center}.studio-note{display:flex;align-items:flex-start;gap:17px;padding:25px 0}.studio-note+.studio-note{border-top:1px dashed #c4c4c9}.note-number{font-family:DotGothic16,monospace;font-size:14px;line-height:1;flex:none;padding:10px 8px;border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink)}.blue-note{background:var(--blue)}.orange-note{background:var(--orange)}.green-note{background:#a3e635}.studio-note h4{font-size:19px;font-weight:1000;line-height:1.3;margin:0 0 9px}.studio-note p{font-size:16px;line-height:1.65;color:#59545e}.studio-footnote{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:800;margin-top:26px;text-align:center}.studio-footnote span{color:var(--orange);font-size:26px}
nav a[href='#about'].active{border-bottom-color:var(--blue)}
@media(max-width:1000px) and (min-width:761px){.ember-hybrid{padding:22px}.conversion-stage{gap:14px;padding:20px 16px}.tile-label{white-space:normal;min-height:50px;display:grid;place-items:center}.tile-caption{font-size:12px}.conversion-caption{flex-wrap:wrap}.format-tile strong{font-size:34px}.studio-story{padding:28px}.studio-notes{padding:8px 25px}}
@media(max-width:760px){.tool-grid{grid-template-columns:minmax(0,1fr)}.ember-hybrid{padding:23px}.soon-card{min-height:320px}.soon-card>div:nth-child(2){margin:15px 0}.soon-footer{margin-top:auto}.about-studio{margin-top:0}.about-studio .section-heading{display:block}.about-edition{display:block;text-align:left;margin-top:14px}.studio-sheet{grid-template-columns:minmax(0,1fr)}.studio-story{padding:28px;border-right:0;border-bottom:var(--line)}.studio-story h3{font-size:33px}.studio-notes{padding:4px 25px}.studio-note{padding:24px 0}.studio-footnote{font-size:14px}}
@media(max-width:400px){.ember-hybrid{padding:18px}.conversion-stage{gap:13px;padding:17px 12px}.format-tile strong{font-size:31px}.tile-label{white-space:normal;min-height:49px;display:grid;place-items:center}.tile-caption{font-size:12px}.conversion-arrow{font-size:26px}.conversion-caption{flex-wrap:wrap;gap:9px}.studio-story{padding:24px}.studio-notes{padding:0 20px}.studio-note{gap:13px}.studio-note h4{font-size:18px}}


.studio-signature .brand-mark{font-weight:1000}

/* Featured Ember card: prototype structure in Toolkit Studio's visual language. */
.tool-grid{grid-template-columns:minmax(0,1fr);gap:26px}
.ember-feature{padding:0;overflow:hidden}
.feature-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);color:white;padding:14px 24px;font-family:DotGothic16,monospace;font-size:14px;line-height:1.5}
.feature-bar>span:first-child{display:flex;align-items:center;gap:12px;color:#a3e635}
.feature-number{border:1px solid #747077;border-radius:4px;padding:1px 6px;color:white;font-size:12px}
.feature-body{display:grid;grid-template-columns:1fr 1fr}
.conversion-panel{background:#e0e0e0;border-right:var(--line);padding:28px;display:flex;flex-direction:column;justify-content:center;gap:20px;min-width:0}
.conversion-stage{display:flex;align-items:center;justify-content:center;gap:17px;min-height:270px;padding:28px 20px;background-color:white;background-image:radial-gradient(#cccbd1 1px,transparent 1px);background-size:8px 8px;border:var(--line);border-radius:10px}
.format-tile{border:var(--line);border-radius:8px;background:white;box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column;align-items:center;overflow:hidden;flex:1;max-width:178px;min-width:0}
.tile-label{width:100%;padding:12px 4px;border-bottom:2px solid var(--ink);text-align:center;font-family:DotGothic16,monospace;font-size:12px;white-space:nowrap;line-height:1.5}
.kwz-label{background:var(--blue)}.ppm-label{background:var(--orange)}
.format-tile strong{font-size:clamp(30px,3.2vw,46px);font-weight:1000;letter-spacing:-2px;line-height:1.2;margin:24px 5px 8px}
.tile-caption{font-family:DotGothic16,monospace;font-size:14px;margin-bottom:24px;white-space:nowrap}
.conversion-arrow{font-size:31px;flex:none}
.conversion-caption{display:flex;align-items:center;justify-content:space-between;gap:10px}
.conversion-caption .pixel{font-size:12px;letter-spacing:0}
.flipnote-stars{display:flex;gap:3px;flex:none;font-size:23px;line-height:1}
.flipnote-stars i{font-style:normal;color:#e9b900}.flipnote-stars i:nth-child(2){color:var(--green)}.flipnote-stars i:nth-child(3){color:#ff5757}.flipnote-stars i:nth-child(4){color:var(--blue)}.flipnote-stars i:nth-child(5){color:#b258ef}
.feature-copy{padding:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}
.feature-title{display:flex;gap:18px;align-items:center;margin-bottom:18px}
.feature-title h3{font-size:48px;font-weight:1000;letter-spacing:-2.5px;line-height:1.1;text-shadow:2px 2px 0 white,3px 3px 0 var(--ink)}
.feature-title .badge{background:#e0e0e0;box-shadow:2px 2px 0 var(--ink);font-size:14px}
.feature-tagline{font-size:25px;font-weight:1000;line-height:1.22;letter-spacing:-.6px;margin-bottom:14px}
.feature-description{font-size:16px;line-height:1.65;font-weight:700;color:#57515d}
.compatibility-note{font-size:14px;line-height:1.6;margin-top:10px;color:#625c67}
.feature-cta{width:100%;justify-content:space-between;margin-top:24px;padding:14px 19px}
.feature-beta{border-top:var(--line);border-left:6px solid var(--orange);background:#fff5df;display:grid;grid-template-columns:135px 1fr;gap:20px;padding:21px 27px;align-items:start}
.feature-beta .pixel{font-size:14px;letter-spacing:0;line-height:1.75;white-space:nowrap}
.feature-beta p{font-size:16px;font-weight:700;line-height:1.65}
.soon-strip{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:22px;padding:23px 27px;min-height:0}
.soon-strip>.outline-plus{flex:none}.soon-strip>div{flex:1}.soon-strip h3{font-size:25px;margin:4px 0 5px}.soon-strip p:not(.eyebrow){font-size:16px}.soon-strip>.badge{margin-left:auto}
@media(max-width:1000px) and (min-width:761px){.conversion-panel{padding:20px}.conversion-stage{gap:10px;padding:20px 10px;min-height:250px}.tile-label{font-size:12px;white-space:normal;min-height:60px;display:grid;place-items:center}.tile-caption{font-size:12px}.conversion-caption{flex-wrap:wrap}.feature-copy{padding:26px}.feature-title h3{font-size:42px}.feature-tagline{font-size:23px}}
@media(max-width:760px){.feature-bar{padding:13px 18px;font-size:12px;gap:12px}.feature-body{grid-template-columns:minmax(0,1fr)}.conversion-panel{border-right:0;border-bottom:var(--line);padding:23px;gap:18px}.conversion-stage{min-height:245px;gap:20px;padding:24px 18px}.format-tile strong{font-size:42px}.feature-copy{padding:28px}.feature-tagline br{display:none}.feature-tagline br::after{content:' '}.feature-title{margin-bottom:18px}.feature-beta{grid-template-columns:1fr;gap:6px;padding:19px 22px}.soon-strip{flex-wrap:wrap;padding:22px;gap:16px}.soon-strip>.outline-plus{width:43px;height:43px}.soon-strip>div{flex-basis:calc(100% - 60px)}.soon-strip>.badge{margin-left:59px}.soon-strip h3{font-size:24px}}
@media(max-width:400px){.feature-bar{padding:12px;font-size:12px}.feature-bar>span:first-child{gap:7px}.feature-bar>span:last-child{max-width:85px;text-align:right}.conversion-panel{padding:17px}.conversion-stage{gap:10px;padding:20px 10px;min-height:214px}.tile-label{font-size:12px;white-space:normal;min-height:57px;display:grid;place-items:center}.format-tile strong{font-size:34px;margin-top:20px}.tile-caption{font-size:12px;margin-bottom:20px}.conversion-arrow{font-size:24px}.conversion-caption{flex-wrap:wrap;gap:12px}.feature-copy{padding:24px 20px}.feature-title h3{font-size:43px}.feature-tagline{font-size:23px}}
/* Keep the restored feature and Coming Soon beside each other. */
.tool-grid{grid-template-columns:minmax(0,2.7fr) minmax(260px,1fr);gap:26px}
.ember-feature{container-type:inline-size}
.ember-feature .conversion-panel{padding:20px}.ember-feature .conversion-stage{padding:22px 12px;gap:12px;min-height:250px}.ember-feature .tile-label{white-space:normal;min-height:55px;display:grid;place-items:center;padding:8px 4px}.ember-feature .tile-caption{font-size:13px}.ember-feature .conversion-caption{flex-wrap:wrap;gap:12px}.ember-feature .feature-copy{padding:24px}.ember-feature .feature-title{gap:14px;flex-wrap:wrap}.ember-feature .feature-title h3{font-size:42px}.ember-feature .feature-tagline{font-size:23px}.ember-feature .feature-beta{grid-template-columns:1fr;gap:6px;padding:18px 22px}
.soon-card .soon-top{flex-wrap:wrap;gap:14px}.soon-card h3{font-size:30px}.soon-card{padding:24px}
.third-party{padding-top:25px}.independent-badge{background:#eaf7fc;font-size:12px}.third-party-panel{background:white;border:var(--line);border-radius:14px;box-shadow:var(--hard);overflow:hidden}.third-party-intro{display:flex;align-items:flex-start;gap:22px;padding:28px}.external-symbol{border:2px solid var(--ink);border-radius:10px;background:#eaf7fc;width:50px;height:50px;display:grid;place-items:center;font-size:30px;flex:none}.third-party h3{font-size:24px;letter-spacing:-.5px;font-weight:1000;margin:0 0 10px}.third-party p{font-size:16px;line-height:1.65;color:#59545e}.third-party-empty{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:2px dashed #bacbd3;background:#f1f9fd;padding:20px 28px}.third-party-empty .pixel{font-size:14px;letter-spacing:0}nav a[href='#third-party'].active{border-bottom-color:var(--green)}
@container(max-width:660px){.feature-body{grid-template-columns:1fr}.conversion-panel{border-right:0;border-bottom:var(--line)}}
@media(max-width:1050px){nav{gap:20px}.nav-button{display:none}}
@media(max-width:760px){.tool-grid{grid-template-columns:minmax(0,1fr)}.site-header{flex-wrap:wrap;gap:20px}nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}.third-party .section-heading{display:block}.independent-badge{margin-top:18px}.third-party-intro{padding:23px;gap:16px}.third-party-empty{flex-direction:column;align-items:flex-start;gap:8px;padding:20px 23px}.third-party h3{font-size:22px}.soon-card{min-height:310px}}
@media(max-width:400px){nav{font-size:12px}.ember-feature .conversion-panel{padding:17px}.ember-feature .conversion-stage{gap:10px;padding:20px 10px;min-height:214px}.third-party-intro{display:block}.external-symbol{margin-bottom:16px}}
.ember-feature .conversion-caption{background:transparent;border:0;padding:0}
