/* Optional services: illustrative previews with existing service pricing. */
#addons.addons-visual{background:radial-gradient(ellipse at 100% 0,#d9eee1 0,transparent 42%),#f4f7f3;scroll-margin-top:88px}
.addons-visual .sec-intro{max-width:850px;margin-bottom:2.5rem}
.addons-visual .sec-intro h2{font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.04;letter-spacing:-.055em}
.addon-emphasis{color:#17615d}
.addon-terms{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}
.addon-terms span{font-size:.75rem;font-weight:600;border:1px solid #cbd9cf;border-radius:100px;padding:.4rem .75rem;background:#ffffffa8}
#addons.addons-visual .catalog--preview{border:1px solid #ccdbd2;border-radius:22px;margin-bottom:1.5rem;box-shadow:0 10px 30px #143f3510;background:white;overflow:hidden}
#addons.addons-visual .catalog--preview summary{padding:0;background:transparent;border:0}
.addon-category{display:block;background:#154f4d;color:#fff;padding:1.7rem 2rem 1.6rem;position:relative;overflow:hidden}
.addon-kicker{display:block;font:500 .69rem var(--mono);letter-spacing:.12em;margin-bottom:.65rem;color:#bce9d0}
.addons-visual .catalog__heading>strong{font-size:clamp(1.3rem,2.1vw,1.8rem);letter-spacing:-.035em}
.addons-visual .catalog__count{border-color:#ffffff40;color:#fff;background:#ffffff10}
.addons-visual .catalog__description{color:#d0e5de;font-size:.9rem;margin-top:.55rem}
.catalog--growth .addon-category{background:#f4d473;color:#203d37}
.catalog--growth .addon-kicker,.catalog--growth .catalog__description,.catalog--growth .catalog__count{color:#3d5041}
.catalog--growth .catalog__count{border-color:#203d3740;background:#fff6}
.addon-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;padding:1.5rem 1.5rem .5rem}
.addon-card{display:block;border:1px solid #dce5de;border-radius:14px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s;min-width:0}
.addon-card__body{display:block;padding:1.15rem 1.2rem}
.addon-card__body>strong{display:block;font-size:1.06rem;line-height:1.3;letter-spacing:-.025em}
.addon-card__description{display:block;min-height:2.8em;margin-top:.45rem;font-size:.78rem;line-height:1.45;color:#586e65}
.addon-price{display:flex;align-items:baseline;gap:.3rem;margin-top:1rem;color:#164c42;white-space:nowrap}
.addon-price b{font-size:2rem;line-height:1.05;letter-spacing:-.06em;font-weight:700}
.addon-price small,.addon-price>span{font-size:.75rem;color:#586e65}
.addon-price small:empty{display:none}
.addon-art{height:190px;display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden;font-weight:500;isolation:isolate}
.art-reels{background:#c9e8b9;background-image:radial-gradient(circle at 95% 10%,#ebffb3 0,transparent 65%)}
.reel-screen{width:114px;height:163px;background:linear-gradient(145deg,#257e6c,#103f40);border:4px solid #123d36;border-radius:15px;transform:rotate(7deg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 5px;color:#fff;box-shadow:0 9px 15px #143f3530;z-index:2}
.reel-back{position:absolute;width:111px;height:151px;border-radius:14px;background:#84b798;transform:rotate(-13deg) translateX(-24px);border:3px solid #ffffffb0}
.reel-label{font:500 7px var(--mono);letter-spacing:.06em}
.reel-play{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff50;border-radius:50%;background:#ffffff20;font-size:13px;padding-left:2px}
.reel-caption{font-size:11px;line-height:1.3;text-align:center;font-weight:700}
.reel-progress{height:3px;width:75px;background:linear-gradient(90deg,#e5fbb2 65%,#ffffff30 65%);border-radius:10px}
.art-sticker{position:absolute;bottom:23px;right:13px;z-index:3;background:#edffb4;color:#193f34;padding:7px 10px;border-radius:6px;font:500 10px var(--mono);transform:rotate(-7deg);box-shadow:0 3px 8px #103f4018}
.art-capture{flex-direction:column;background:#143e3d;color:#d6edba;gap:14px;background-image:radial-gradient(ellipse at bottom,#2d6857 0,transparent 80%)}
.recording{display:flex;align-items:center;gap:6px;font:500 8px var(--mono);letter-spacing:.08em}
.recording i{height:6px;width:6px;background:#fa9479;border-radius:50%}
.soundwave{display:flex;align-items:center;gap:4px;height:90px}
.soundwave i{height:var(--h);width:5px;border-radius:6px;background:linear-gradient(#e1f4aa,#6cc5a4)}
.capture-note{font-size:11px;color:#fff}
.art-blog{background:#e8dff1}
.article-sheet{background:#fff;width:200px;padding:15px 17px;transform:rotate(-5deg) translateY(18px);box-shadow:0 4px 24px #3d224b20;border-radius:3px}
.paper-tag{display:block;font:500 7px var(--mono);color:#6e557b;letter-spacing:.12em;margin-bottom:9px}
.article-sheet b{font-size:15px;line-height:1.15;display:block;color:#322941}
.paper-image{display:block;margin-top:10px;height:45px;background:linear-gradient(135deg,#b9a1ce 50%,#d7c6e2 50%);border-radius:2px}
.paper-lines{display:block;height:20px;margin-top:10px;background:repeating-linear-gradient(transparent 0 4px,#ccd7d1 4px 6px);width:88%}
.mail-stamp{position:absolute;bottom:20px;right:13px;background:#68527f;color:#fff;border-radius:6px;padding:8px 11px;font-size:9px;transform:rotate(4deg)}
.art-search{background:#f5edcc;flex-direction:column;padding:18px;gap:8px}
.search-box{background:#fff;border-radius:20px;border:1px solid #d3c9a9;display:flex;align-items:center;gap:7px;padding:8px 11px;font-size:9px;width:100%;max-width:270px;white-space:nowrap}
.search-box>span{font-size:18px;line-height:1;color:#426054}
.search-result{display:block;background:#fff;padding:11px 15px;width:90%;max-width:250px;border-radius:5px;box-shadow:0 3px 8px #7d682310}
.search-result small{display:block;font:500 7px var(--mono);color:#6a7d6f;margin-bottom:6px}
.search-result b{display:block;font-size:13px;line-height:1.2;color:#1a5b53}
.search-result .paper-lines{height:12px;margin-top:6px}
.search-chip{font:500 8px var(--mono);color:#5b6745}
.art-flow{flex-direction:column;background:#d9e8e8;padding:20px;gap:3px}
.flow-message{display:flex;align-items:center;justify-content:space-between;gap:10px;background:white;border:1px solid #c0d5cf;border-radius:9px;padding:12px;width:95%;max-width:250px;box-shadow:0 5px 12px #154f4d0a;transform:translateX(-5px)}
.flow-message i{font:500 9px var(--mono);background:#e5f1dc;color:#3a654e;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}
.flow-message small{display:block;font:500 7px var(--mono);color:#6c7e75;margin-bottom:4px}
.flow-message b{display:block;font-size:10px;color:#234d43}
.flow-message>span:last-child{color:#4b7f6c;font-size:15px}
.flow-message.second{transform:translateX(7px)}
.flow-connector{line-height:1;color:#719989;font-size:16px}
.art-audit{background:#eac2ac}
.report{background:#fffaf3;transform:rotate(3deg);border-radius:8px;padding:16px 17px;width:80%;max-width:245px;box-shadow:0 7px 16px #794e2d20}
.report-title{display:block;font:500 8px var(--mono);color:#56665b;margin-bottom:14px;letter-spacing:.04em}
.report-row{display:flex;align-items:center;gap:10px;margin:9px 0}
.report-row small{font-size:9px;color:#53675d;width:33px;flex-shrink:0}
.report-row i{height:10px;width:var(--w);background:#407b68;border-radius:3px}
.report-row:nth-child(3) i{background:#9fbf88}.report-row:nth-child(4) i{background:#d9b75b}
.report-foot{display:block;font-size:8px;border-top:1px solid #dfe2d5;padding-top:10px;margin-top:12px;color:#69755f}
.addon-gallery-note{display:block;padding:.2rem 1.5rem .9rem;font:400 .62rem var(--mono);color:#63776d}
#addons.addons-visual .catalog__action{margin:0 1.5rem;padding:1rem 0 1.2rem;font-size:.85rem}
.addons-visual .catalog__toggle{width:2rem;height:2rem;background:#174f4b;color:#fff}
.catalog--growth .catalog__toggle{background:#f4d473;color:#203d37}
#addons.addons-visual .catalog--preview summary:focus-visible{outline:3px solid #268475;outline-offset:-4px;border-radius:22px}
.addons-visual .tnote{max-width:1000px;color:#52695e}
@media(hover:hover){.addon-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #154f4d12}.addons-visual summary:hover .catalog__action{color:#0d3934}}
@media(max-width:800px){.addon-gallery{gap:.7rem;padding:1rem 1rem .5rem}.addon-category{padding:1.5rem}.addon-card__body{padding:.9rem}.addon-art{height:175px}.addon-card__body>strong{font-size:.95rem}.addon-card__description{font-size:.75rem}.addon-price b{font-size:1.8rem}.search-box{font-size:8px;padding:7px}.flow-message{gap:5px;padding:9px}.flow-message b{font-size:9px}.flow-message i{width:19px;height:19px}.art-flow{padding:10px}.report{width:90%;padding:12px}}
@media(max-width:599px){.addons-visual .sec-intro{margin-bottom:1.5rem}.addon-category{padding:1.25rem}.addons-visual .catalog__heading{gap:.6rem}.addons-visual .catalog__count{font-size:.65rem}.addon-gallery{grid-template-columns:1fr;padding:1rem;gap:1rem}.addon-card{display:grid;grid-template-columns:minmax(125px,42%) 1fr;align-items:stretch}.addon-art{height:100%;min-height:182px}.addon-card__body{padding:1rem .85rem;align-self:center}.addon-card__description{min-height:0}.addon-price{margin-top:.8rem;gap:.2rem}.addon-price b{font-size:1.75rem}.addon-price small,.addon-price>span{font-size:.65rem}.reel-screen{width:85px;height:144px}.reel-back{width:80px;height:130px;transform:rotate(-13deg) translateX(-13px)}.reel-label{font-size:5px}.reel-caption{font-size:9px}.art-sticker{font-size:7px;right:5px;bottom:12px;padding:6px}.soundwave{gap:3px;transform:scaleX(.72)}.recording{font-size:5px;gap:4px}.capture-note{font-size:8px}.article-sheet{width:115px;padding:10px}.article-sheet b{font-size:11px}.paper-tag{font-size:5px}.mail-stamp{font-size:7px;right:4px;bottom:14px;padding:6px}.art-search{padding:9px;gap:10px}.search-box{font-size:5px;gap:4px;padding:6px}.search-box>span{font-size:13px}.search-result{width:100%;padding:10px}.search-result b{font-size:10px}.search-result small{font-size:5px}.search-chip{font-size:5px}.art-flow{padding:7px}.flow-message{padding:8px 5px;gap:4px;width:96%}.flow-message i{width:16px;height:16px;font-size:6px}.flow-message small{font-size:5px}.flow-message b{font-size:7px}.flow-message>span:last-child{display:none}.report{padding:10px;width:90%}.report-title{font-size:5px;line-height:1.5}.report-row{gap:4px}.report-row small{font-size:7px;width:25px}.report-foot{font-size:6px}.addon-gallery-note{font-size:.55rem;padding:0 1rem .8rem}#addons.addons-visual .catalog__action{margin:0 1rem;font-size:.77rem}.addon-terms span{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.addon-card{transition:none}}