/* Spectrum: indigo structure, selective FingerprintSwitcher red. */
:root{--brand:#ff6b70;--brand-solid:#dc3042;--brand-line:#ff6b7047;--brand-wash:#ff6b700d}
button:focus-visible,a:focus-visible,.signature-stage:focus-visible{outline-color:var(--brand)}
.brand-accent,.hero h1 span,.database-counter strong{color:var(--brand)}
.button{transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s;transform:none}
.button:hover{transform:none}
.button.primary{color:#fff;background:var(--brand-solid);box-shadow:0 4px 18px #ca2b3d16;border-color:#ff7e8a45}
.button.primary:hover{background:#c82537;box-shadow:0 5px 22px #df344731;border-color:#ff9aa15c}
.button.secondary:hover,.button.outline:hover{background:#303456;border-color:#aeb7d3}
.text-link:hover,.site-header nav a:hover,.workflows .section-heading a,.faq-items a{color:var(--brand)}
.key-nav .icon,.stage-top .status-dot{color:var(--brand)}
.stage-top .status-dot{background:var(--brand);box-shadow:0 0 0 5px #ff6b700d}
.signature-stage{cursor:pointer;background:radial-gradient(ellipse at 95% 5%,#8e26302c,transparent 55%),radial-gradient(ellipse at 40% 50%,#38478b70,transparent 70%),linear-gradient(145deg,#161a3b,#1c2055 56%,#12172e)}
.signature-stage button{cursor:pointer}
.proof-float{border-color:var(--brand-line)}
.proof-float>.icon{color:var(--brand)}
.verification-stamp{background:#f7d3d7;border-color:#ffe8eb;color:#4d1b2a}
.stage-controls button.active{background:#ff6b7020;color:#ffe7e9}
.signature-stage[data-phase='1'] .identity-window,.signature-stage[data-phase='2'] .identity-window{border-color:#ce8099}
.stage-disclaimer{font-size:9px;padding-inline:9px}
.database-counter strong{font-variant-numeric:tabular-nums}
.database-counter small{font-size:11px}
.database-footer>.status-dot{background:var(--brand)}
.workflow-tabs button[aria-selected='true']{border-color:#e36b87;box-shadow:inset 0 3px var(--brand);background:#2a2546}
.workflow-tabs button[aria-selected='true']>svg{color:var(--brand)}
.workflows .section-heading a{text-decoration:underline;text-underline-offset:4px}
.workflows .section-heading>p{max-width:370px}
.prompt-example mark{background:#f9e0e3;color:#702d43;box-shadow:none}
.key-callout{border-color:#ef899a}

/* Code migration: new lines are visibly different from the user's existing task. */
.code-art{padding:24px}
.code-tabs button{font-size:13px}
.code-tabs button[aria-selected='true']{color:#ffe3e8;border-color:#ff6b7080;background:#ff6b7012}
.migration-switch{display:flex;gap:4px;margin:19px 0 13px;background:#0c132d;padding:4px;border:1px solid var(--line);border-radius:7px;width:fit-content}
.migration-switch button{font-size:12px;line-height:1.4;padding:9px 13px;border-radius:4px;color:#a3b0d1;font-weight:600}
.migration-switch button[aria-pressed='true']{background:#35304b;color:#ffe2e6}
.migration-switch button:hover{background:#34364f}
.diff-legend{display:flex;align-items:center;gap:7px;font-size:11px;color:#b8c3df;margin-bottom:13px}
.diff-legend i{width:4px;height:13px;background:var(--brand);border-radius:2px}
.package-change{color:#ff9aa0;font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ff6b7066}
.install-line{font-size:12px;min-width:0}
.install-line code{min-width:0;overflow-wrap:anywhere}
.code-art pre{padding:13px 0;margin:0;font-size:12px;line-height:1.85;overflow-x:auto;background:#10152d;border-radius:0 0 7px 7px;scrollbar-width:thin}
.code-line{display:block;min-width:max-content;padding-inline:14px 10px;border-left:3px solid transparent;white-space:pre}
.code-line.code-added{background:#ff6b700b;border-left-color:var(--brand)}
.code-added .tok-keyword{color:#e8a9c5}
.code-line .tok-comment{color:#8e9ebd}
.code-file{padding:12px 14px;border:1px solid var(--line);border-radius:7px 7px 0 0;background:#161f3b;font-size:11px;margin:0}
.code-bottom{font-size:11px;gap:9px}

/* Prominent access point for existing customers. */
.key-access{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:28px;padding:30px 35px;border:1px solid var(--brand-line);border-radius:14px;background:linear-gradient(110deg,#40223477,#1d1c3a 65%);position:relative}
.key-access:before{content:'';position:absolute;left:-1px;top:28px;bottom:28px;width:3px;background:var(--brand);border-radius:3px}
.access-symbol{width:64px;height:64px;border-radius:16px;border:1px solid var(--brand-line);display:grid;place-items:center;color:var(--brand);background:var(--brand-wash)}
.access-symbol .icon{width:31px;height:31px}
.key-access .eyebrow{font-size:10px;color:var(--brand);margin-bottom:8px}
.key-access h2{font-size:32px;margin-bottom:8px}
.key-access p{font-size:14px}
.key-access>div>a{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#f1c7cf;margin-top:10px}
.key-access>div>a .icon{width:15px;height:15px}
.access-action{display:flex;flex-direction:column;align-items:center;gap:10px}
.access-action>span{font-size:10px;color:#a5a5c3}

/* One continuous ecosystem, with clear request/profile distinction. */
.ecosystem-board{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#222544,#171a35);overflow:hidden}
.eco-key{display:flex;align-items:center;gap:15px;padding:25px 32px;background:#ffffff03;border-bottom:1px solid var(--line)}
.eco-key>.icon{color:var(--brand);width:28px;height:28px}
.eco-key>span{font-size:10px;font-weight:700;letter-spacing:.1em;color:#dbacbd}
.eco-key strong{margin-left:auto;font-size:16px;font-weight:500}
.eco-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:38px 35px}
.eco-steps>div{position:relative}
.eco-steps>div:not(:last-child):after{content:'→';position:absolute;top:8px;right:-30px;color:#787caa;font-size:25px}
.eco-steps>div>span{font-family:var(--display);font-size:30px;color:#c0b7e3;letter-spacing:-.04em}
.eco-steps h3{font-size:24px;margin:16px 0 10px}
.eco-steps p{font-size:14px;max-width:290px}
.eco-destination{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 30px 30px}
.eco-destination a{display:flex;align-items:center;gap:14px;padding:19px 16px;border:1px solid #9eaceb38;border-radius:10px;background:#151b34;transition:background .2s,border-color .2s}
.eco-destination a:hover{background:#282a47;border-color:var(--brand)}
.eco-destination a>.icon{color:var(--accent);width:23px;height:23px}
.eco-destination a>.icon:last-child{margin-left:auto;width:17px;height:17px;color:#7888b1}
.eco-destination span{font-size:11px;color:#98a3c6;line-height:1.7}
.eco-destination b{display:block;font-size:15px;color:#eef0ff;font-weight:600}
.eco-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px;background:#0d122780;border-top:1px solid var(--line)}
.eco-bottom strong{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600}
.eco-bottom .icon{color:var(--brand)}
.eco-bottom>span{font-size:13px;color:#a9b2d0}
.engine h2{font-size:38px;line-height:1.15}
.engine .eyebrow{font-size:10px;color:var(--brand)}
.engine-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}
.engine-tags span{font-size:10px;color:#c1c6df;border:1px solid var(--line);border-radius:4px;padding:5px 9px}
.engine-timeline .timeline-track span{color:var(--brand);font-weight:700}

/* PerfectCanvas is a real-data process; the graphic is explicitly illustrative. */
.premium-label{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-size:11px;letter-spacing:.1em;font-weight:700;margin-bottom:22px;line-height:1.5}
.premium-label .icon{width:18px;height:18px}
.perfectcanvas .section-heading{align-items:center}
.canvas-intro{max-width:390px;font-size:16px;line-height:1.8}
.canvas-intro p+p{margin-top:18px}
.canvas-intro strong{color:#e6e7fa;font-weight:600}
.canvas-demo{display:grid;grid-template-columns:1fr 190px 1fr;gap:35px;align-items:center;padding:38px;border:1px solid #9d8db63d;border-radius:18px;background:radial-gradient(ellipse at 78% 65%,#62223328,transparent 50%),linear-gradient(125deg,#1a1e39,#20213d)}
.canvas-demo .mini-label{font-size:9px;color:#bab9d6;margin-bottom:23px}
.canvas-demo p{font-size:13px;line-height:1.7}
.canvas-art{height:176px;position:relative;max-width:340px;overflow:hidden;background:#f1edea;border-radius:8px;box-shadow:0 12px 35px #070c2426;margin-bottom:20px;border:1px solid #f7e3e3}
.canvas-art>span{position:absolute;top:7px;left:20px;font-size:89px;font-family:Georgia,serif;color:#c82943;letter-spacing:-.09em;line-height:1.4;z-index:2}
.canvas-art>i{position:absolute;right:30px;top:25px;width:105px;height:105px;background:#41507c;border-radius:50%;mix-blend-mode:multiply;opacity:.8}
.canvas-art>em{position:absolute;width:120px;height:52px;background:#fbac4d;transform:rotate(-13deg);right:0;bottom:19px;mix-blend-mode:multiply}
.canvas-art>b{position:absolute;bottom:14px;left:22px;font-family:var(--display);font-size:30px;color:#26283c;font-weight:500;letter-spacing:-.06em;z-index:1}
.canvas-process{display:flex;flex-direction:column;align-items:center;gap:18px;position:relative}
.render-chip{width:150px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;border:1px solid #dc657d66;border-radius:21px;background:#302338;box-shadow:0 0 0 7px #ff6b7005,0 0 0 15px #ff6b7004}
.render-chip>.icon{width:42px;height:42px;color:var(--brand)}
.render-chip span{font-size:10px;font-weight:700;letter-spacing:.13em;text-align:center;color:#ffb5bc;line-height:1.8}
.canvas-connector{height:20px;width:100%;position:absolute;top:64px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.canvas-connector:before,.canvas-connector:after{content:'';height:1px;background:#d9829670;width:42px;position:absolute}
.canvas-connector:before{left:-42px}.canvas-connector:after{right:-42px}
.canvas-connector>.icon{position:absolute;right:-52px;width:21px;height:21px;color:#d98296}
.canvas-result{padding:24px;border:1px solid #e394a84d;border-radius:12px;background:#1e213a;box-shadow:0 13px 38px #090d261a}
.canvas-result .mini-label{font-size:8px;margin-bottom:16px}
.pixel-example{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;height:129px;max-width:230px;transform:rotate(-2deg);padding:9px;border:1px solid #86708e6b;border-radius:5px;margin:0 0 20px;background:#12182b}
.pixel-example i{border-radius:1px;background:#d45a6e}.pixel-example .pixel-1{background:#bc425d}.pixel-example .pixel-2{background:#e58394}.pixel-example .pixel-3{background:#545c91}.pixel-example .pixel-4{background:#7779b8}.pixel-example .pixel-5{background:#252c4a}.pixel-example .pixel-6{background:#d8acb5}
.pixel-verdict{display:flex;gap:8px;align-items:center;color:#ffe2e7;font-size:13px;font-weight:700;margin-bottom:9px}
.pixel-verdict .icon{width:17px;height:17px;color:var(--brand)}
.canvas-setup{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:27px;padding-block:23px;border-bottom:1px solid var(--line)}
.canvas-setup>span{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.7}
.canvas-setup b{color:var(--brand);font-family:var(--display);font-size:18px;line-height:1.4;font-weight:400}
.canvas-fineprint{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:19px}
.canvas-fineprint p{font-size:12px;max-width:770px}
.canvas-fineprint a{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#f1c2cf;white-space:nowrap}
.canvas-fineprint .icon{width:15px;height:15px}

/* The buying decision: tangible paid benefits and an honest free starting point. */
.pricing{padding-top:35px}
.pricing .section-heading h2{font-size:clamp(37px,3.7vw,51px)}
.pricing .section-heading>p{max-width:310px}
.premium-box{border-color:#d65b794f;grid-template-columns:1.12fr 1fr;background:#181c36}
.premium-benefits{padding:32px}
.premium-benefits .premium-label{margin-bottom:18px}
.version-benefit{padding-bottom:25px;border-bottom:1px solid var(--line)}
.version-benefit>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#d2bdd7;flex-wrap:wrap}
.version-benefit>span .icon{width:18px;height:18px;color:var(--brand)}
.version-benefit>span b{color:var(--brand);font-size:17px;margin:0 2px}
.version-benefit h3{font-size:34px;line-height:1.15;margin:15px 0 13px}
.version-benefit p{font-size:14px;line-height:1.7;max-width:440px}
.premium-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 23px;padding-top:25px}
.premium-feature-grid>div{display:grid;grid-template-columns:24px 1fr;gap:7px 10px;align-content:start}
.premium-feature-grid .icon{color:#d68fa8;width:21px;height:21px;margin-top:2px}
.premium-feature-grid h4{margin:0;font-size:15px;letter-spacing:-.02em;line-height:1.6;font-weight:700}
.premium-feature-grid p{grid-column:2;margin:0;font-size:12px;line-height:1.7}
.request-limit{margin-top:28px;border-color:#dc647339;background:#ff6b7007;padding:16px}
.request-limit .icon{color:var(--brand)}
.purchase-plans{padding:23px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(160deg,#37223544,#151a32)}
.plan.recommended{border-color:#e970876e;background:linear-gradient(130deg,#32273d,#26223e);padding:30px;box-shadow:0 0 0 4px #ff6b7004}
.plan-title>span{color:#ffafb8;border-color:#ed82905e;background:#ff6b7012;font-size:10px}
.plan.recommended .price{color:#fff0f2;font-size:72px;margin:17px 0 3px}
.plan.recommended .button{margin-top:23px;min-height:57px;font-size:15px}
.plan-under{margin-top:13px;font-size:12px;color:#bea7c2}
.plan.monthly{background:#1c203b;border-color:#8f98c544;padding:23px;margin:0}
.plan.monthly .button{font-size:13px}
.plan-includes{display:flex;gap:10px;align-items:flex-start;padding:4px 10px;font-size:12px;line-height:1.9;color:#b6bfd9}
.plan-includes>.icon{width:18px;height:18px;color:var(--brand);margin-top:2px}
.canvas-plan-note{font-size:11px;line-height:1.8;padding:0 10px;color:#8f99bb}
.canvas-plan-note a{display:inline-flex;align-items:center;gap:4px;color:#c0c5df;text-decoration:underline;text-underline-offset:3px}
.canvas-plan-note .icon{width:12px;height:12px}
.after-purchase{display:flex;align-items:center;flex-wrap:wrap;gap:21px;padding:24px 0;border-bottom:1px solid var(--line)}
.after-purchase>span{display:flex;align-items:center;gap:9px;font-size:13px;margin-right:auto}
.after-purchase>span .icon{color:var(--brand);width:20px;height:20px}
.after-purchase a,.after-purchase button{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#d6c7df;padding:5px 0;margin:0}
.after-purchase .icon{width:15px;height:15px}
.after-purchase button{color:var(--brand);text-decoration:underline;text-underline-offset:4px}
.free-tier{display:grid;grid-template-columns:1fr 1.12fr;gap:55px;align-items:start;margin-top:0;padding:39px 0 20px;border:0;background:none}
.free-heading .eyebrow{font-size:10px;color:#a6afcf;letter-spacing:.08em;margin-bottom:13px}
.free-heading h3{font-size:29px}
.free-heading p{font-size:14px;line-height:1.8;margin-top:13px;max-width:410px}
.free-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:22px}
.free-actions .button{font-size:12px;min-height:47px;margin:0;padding-inline:17px}
.free-actions>a:not(.button){display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#afb9d7}
.free-actions .icon{width:15px;height:15px}
.free-instructions .mini-label{color:#a6afcf;font-size:9px;margin-bottom:10px}
.free-prompt{border:1px solid #8b97cb4f;display:flex;gap:15px;align-items:center;padding:16px 17px;border-radius:8px;background:#171e38}
.free-prompt p{font-size:16px;color:#e2e6f9;line-height:1.6;margin:0}
.free-prompt button{margin-left:auto;flex-shrink:0;border-radius:4px;padding:7px;color:#a5b3d8}
.free-prompt button:hover{background:#ffffff0b}
.free-prompt .icon{width:17px;height:17px}
.free-instructions ul{padding-left:16px;list-style:disc;margin-top:18px}
.free-instructions li{font-size:12px;line-height:1.8;margin-top:7px;color:#9faacb}
.free-instructions li b{font-weight:600;color:#c0c9e3}
.free-instructions p.free-scale{font-size:12px;line-height:1.8;margin-top:17px;color:#b5bed7}
.checkout-note{font-size:10px;margin-top:10px;color:#838cab}
.contact-strip{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:35px 0 45px;border-top:1px solid var(--line)}
.contact-strip h2{font-size:32px;margin-bottom:10px}
.contact-strip p{font-size:14px}
.contact-strip a{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:22px;color:#969db9;letter-spacing:-.03em}
.contact-strip a:hover{color:#c0c6dc}

@media(max-width:1150px){
 .site-header{gap:20px}.site-header nav{gap:16px;font-size:11px}.site-header .button.small{padding-inline:13px;font-size:11px}
 .key-access{grid-template-columns:50px 1fr auto;padding:26px;gap:19px}.access-symbol{width:49px;height:49px}.key-access h2{font-size:29px}.key-access p{font-size:12px}.access-action .button{font-size:12px}
 .eco-key strong{font-size:14px}.eco-steps{gap:35px;padding:30px}.eco-steps h3{font-size:22px}.eco-destination{padding-inline:25px;gap:9px}.eco-destination a{gap:9px;padding:16px 12px}.eco-destination b{font-size:13px}.eco-destination span{font-size:10px}.eco-destination a>.icon:last-child{display:none}
 .canvas-demo{grid-template-columns:1fr 140px 1fr;gap:25px;padding:28px}.render-chip{width:124px;height:135px}.canvas-connector:before{left:-29px;width:25px}.canvas-connector:after{right:-29px;width:25px}.canvas-connector>.icon{right:-38px}.canvas-intro{max-width:320px;font-size:15px}.canvas-result{padding:20px}.canvas-demo .mini-label{font-size:8px}.canvas-art>i{right:13px}.canvas-setup>span{font-size:12px}.premium-feature-grid h4{font-size:13px}.premium-feature-grid p{font-size:11px}.premium-feature-grid{gap:21px 15px}.premium-benefits{padding:27px}.version-benefit h3{font-size:30px}.version-benefit p{font-size:13px}.purchase-plans{padding:18px}.plan.recommended{padding:25px}.plan.monthly{padding:20px}.after-purchase{gap:15px}.after-purchase>span{font-size:12px}.after-purchase a,.after-purchase button{font-size:11px}.code-art{padding:18px}.code-art pre{font-size:10.5px}.code-line{padding-left:10px}.code-tabs button{font-size:12px}.install-line{font-size:10px}
}
@media(max-width:920px){
 .key-access{grid-template-columns:50px 1fr}.access-action{grid-column:2;align-items:flex-start;margin-top:6px}.eco-key{padding:22px;flex-wrap:wrap;gap:12px}.eco-key strong{margin-left:40px;flex-basis:100%;margin-top:-5px}.eco-steps{gap:25px;padding:28px 23px}.eco-steps h3{font-size:20px}.eco-steps p{font-size:12px}.eco-steps>div:not(:last-child):after{right:-22px;font-size:20px}.eco-destination{padding-inline:20px}.eco-destination a{display:block}.eco-destination a>.icon{margin-bottom:10px}.eco-bottom{padding:20px 23px;align-items:flex-start}.eco-bottom strong{font-size:12px;white-space:nowrap}.eco-bottom>span{font-size:11px;max-width:260px}.engine h2{font-size:32px}.engine-tags span{font-size:9px}
 .perfectcanvas .section-heading{gap:28px}.canvas-intro{max-width:290px;font-size:14px}.canvas-demo{grid-template-columns:1fr 110px 1fr;gap:22px;padding:24px}.render-chip{width:100px;height:124px;gap:13px}.render-chip .icon{width:32px;height:32px}.render-chip span{font-size:8px}.canvas-art{height:154px}.canvas-art>span{font-size:75px;left:13px}.canvas-art>i{width:75px;height:75px;right:10px}.canvas-art>b{font-size:25px;left:13px}.canvas-result{padding:15px}.canvas-result .mini-label{font-size:7px}.pixel-verdict{font-size:11px}.canvas-demo p{font-size:11px}.pixel-example{height:113px}.canvas-setup{gap:16px}.canvas-setup>span{font-size:11px;gap:8px}.canvas-fineprint p{font-size:11px}.canvas-fineprint a{font-size:11px}
 .premium-box{grid-template-columns:1fr}.premium-benefits{padding:32px}.version-benefit p{max-width:500px}.premium-feature-grid h4{font-size:15px}.premium-feature-grid p{font-size:13px}.version-benefit h3{font-size:33px}.request-limit strong{font-size:14px}.request-limit span{font-size:12px}.purchase-plans{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:17px}.plan.recommended{grid-row:1/4}.plan.monthly{display:flex;flex-wrap:wrap;align-content:start;gap:13px;padding:23px}.plan.monthly>strong{margin-left:auto}.plan.monthly .button{margin-top:6px;align-self:start}.plan-includes{font-size:11px;line-height:1.8}.canvas-plan-note{font-size:10px}.after-purchase{gap:10px 18px}.after-purchase>span{width:100%;flex-basis:100%;font-size:13px}.after-purchase a,.after-purchase button{font-size:12px}.free-tier{gap:30px;grid-template-columns:1fr 1.1fr}.free-heading h3{font-size:26px}.free-heading p{font-size:13px}.free-prompt p{font-size:14px}.free-instructions li{font-size:11px}.free-heading .eyebrow{font-size:8px}.contact-strip a{font-size:21px}.contact-strip p{font-size:12px}
 .code-art pre{font-size:10px}.code-art{padding:14px}.migration-switch button{font-size:10px;padding:8px 10px}.diff-legend{font-size:9px}.code-file{font-size:9px}.code-tabs button{font-size:10px}.code-bottom{font-size:9px}.code-bottom a{margin-left:0}.package-change{text-underline-offset:3px}
}
@media(max-width:700px){
 .site-header{gap:12px}.site-header .button.small{font-size:10px;padding:9px 11px}
 .stage-disclaimer{font-size:7px}.database-counter small{font-size:10px}.key-access{grid-template-columns:40px 1fr;gap:17px;padding:24px 22px}.access-symbol{width:40px;height:44px;border-radius:11px}.access-symbol .icon{width:24px;height:24px}.key-access .eyebrow{font-size:8px}.key-access h2{font-size:26px}.key-access p{font-size:12px}.key-access>div>a{font-size:11px}.access-action{grid-column:1/3;margin-top:4px;align-items:stretch}.access-action>span{text-align:center;font-size:9px}.access-action .button{min-height:50px;font-size:13px}
 .eco-key{padding:20px;gap:11px}.eco-key>.icon{width:23px;height:23px}.eco-key>span{font-size:8px}.eco-key strong{font-size:13px;margin-left:34px;margin-top:-5px}.eco-steps{grid-template-columns:1fr;padding:26px 23px;gap:27px}.eco-steps>div{padding-left:47px}.eco-steps>div>span{position:absolute;left:0;top:-2px;font-size:27px}.eco-steps>div:not(:last-child):after{content:'';left:15px;right:auto;top:41px;bottom:-18px;border-left:1px solid #939bc74f}.eco-steps h3{font-size:23px;margin:0 0 7px}.eco-steps p{font-size:13px;max-width:none}.eco-destination{grid-template-columns:1fr;padding:0 17px 21px;gap:8px}.eco-destination a{display:flex;align-items:center;padding:16px;gap:15px}.eco-destination a>.icon{margin:0}.eco-destination a>.icon:last-child{display:block}.eco-destination b{font-size:15px}.eco-destination span{font-size:11px}.eco-bottom{display:block;padding:22px}.eco-bottom strong{font-size:14px}.eco-bottom>span{display:block;max-width:none;font-size:12px;margin-top:10px}.engine .eyebrow{font-size:8px}.engine-tags span{font-size:9px}.engine h2{font-size:32px}
 .perfectcanvas .section-heading h2{font-size:38px}.premium-label{font-size:9px}.canvas-intro{max-width:none;font-size:15px;margin-top:25px}.canvas-demo{grid-template-columns:1fr;gap:28px;padding:25px}.canvas-demo .mini-label{font-size:9px}.canvas-art{max-width:none;height:175px;margin-bottom:15px}.canvas-art>span{font-size:93px;left:23px}.canvas-art>i{width:110px;height:110px;right:25px}.canvas-art>b{font-size:32px;left:23px}.canvas-demo p{font-size:12px}.canvas-process{min-height:95px}.render-chip{width:100%;height:87px;border-radius:13px;flex-direction:row;gap:18px;box-shadow:none}.render-chip span{font-size:10px;text-align:left}.render-chip>.icon{width:37px;height:37px}.canvas-connector{inset:0;display:block;width:auto;height:auto}.canvas-connector:before{width:1px;height:28px;top:-28px;left:50%}.canvas-connector:after{width:1px;height:22px;bottom:-19px;left:50%;right:auto}.canvas-connector>.icon{right:auto;left:calc(50% - 10px);top:auto;bottom:-31px;transform:rotate(90deg)}
 .canvas-result{padding:23px}.canvas-result .mini-label{font-size:8px}.pixel-example{max-width:none;height:133px;margin-bottom:19px}.pixel-verdict{font-size:13px}.canvas-setup{grid-template-columns:1fr;gap:17px;margin-top:13px}.canvas-setup>span{font-size:13px;gap:14px}.canvas-fineprint{display:block;margin-top:18px}.canvas-fineprint p{font-size:12px}.canvas-fineprint a{font-size:12px;margin-top:13px}
 .pricing{padding-top:10px}.pricing .section-heading h2{font-size:37px}.premium-benefits{padding:27px 22px}.version-benefit h3{font-size:31px}.version-benefit>span{font-size:10px;gap:7px}.version-benefit p{font-size:13px}.premium-feature-grid{gap:21px;grid-template-columns:1fr}.premium-feature-grid>div{grid-template-columns:26px 1fr;gap:5px 11px}.premium-feature-grid h4{font-size:15px}.premium-feature-grid p{font-size:12px}.premium-feature-grid .icon{width:21px;height:21px}.request-limit{padding:15px 12px;margin-top:24px;gap:11px}.request-limit strong{font-size:13px}.request-limit span{font-size:11px}.purchase-plans{display:flex;padding:16px;gap:15px}.plan.recommended{padding:26px}.plan.recommended .price{font-size:67px}.plan.monthly{padding:22px}.plan.monthly h3{font-size:21px}.plan.monthly>strong{font-size:30px}.plan-includes{font-size:12px;padding:4px 7px}.canvas-plan-note{font-size:11px;padding:0 7px}.after-purchase{display:flex;padding:24px 4px;gap:12px 20px}.after-purchase>span{font-size:13px}.after-purchase a,.after-purchase button{font-size:12px}.free-tier{grid-template-columns:1fr;gap:28px;padding:30px 4px 15px}.free-heading .eyebrow{font-size:9px}.free-heading h3{font-size:28px}.free-heading p{font-size:14px}.free-actions{gap:17px}.free-actions .button{margin:0;font-size:12px;min-height:47px}.free-instructions li{font-size:12px}.free-prompt p{font-size:15px}.free-instructions .mini-label{font-size:9px}.checkout-note{font-size:9px}.contact-strip{display:block;padding:30px 0 36px}.contact-strip h2{font-size:31px}.contact-strip p{font-size:13px}.contact-strip a{font-size:22px;margin-top:23px}
 #panel-ai .workflow-art{height:590px}
 .code-art{padding:18px 13px}.code-tabs button{font-size:12px}.migration-switch button{font-size:11px;padding:9px 11px}.diff-legend{font-size:10px}.code-art pre{font-size:10px}.code-line{padding-inline:7px 10px}.install-line{font-size:10px;padding-inline:6px}.code-file{font-size:9px}.code-bottom{font-size:9px}.code-bottom a{margin-left:auto}
}
@media(max-width:375px){.code-art pre{font-size:9px}.install-line{font-size:9px}.code-tabs button{font-size:11px}.premium-benefits{padding:24px 19px}.version-benefit>span{font-size:9px}.contact-strip a{font-size:20px}.eco-key>span{font-size:7px}}