#tools{--shop-bg:#0c0d10;--shop-paper:#f1f0eb;--shop-blue:#1638e2;--shop-lime:#b8ff3b;--shop-muted:#b5b6c1;--shop-line:#303139;background:var(--shop-bg);color:var(--shop-paper);font-family:Arial,Helvetica,sans-serif;padding:28px;position:relative}#tools *{box-sizing:border-box}#tools header{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--shop-line);padding-bottom:22px;font-size:11px;letter-spacing:1px}#tools .blue{color:var(--shop-blue)}#tools .shop-intro{padding:40px 0 30px}#tools small,#tools .category{font-size:10px;letter-spacing:1.3px;font-weight:500}#tools h1{font-size:clamp(36px,7vw,62px);line-height:.98;letter-spacing:-2.5px;margin:22px 0;font-weight:700}#tools h1>span{color:var(--shop-lime)}#tools .shop-intro p{font-size:14px;line-height:1.6;color:var(--shop-muted)}#tools .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#tools .product{display:flex;flex-direction:column;position:relative;min-width:0;text-align:left;border:0;border-radius:3px;padding:25px;min-height:350px;transition:transform .4s,box-shadow .4s;font-family:inherit;isolation:isolate}#tools .paper{background:var(--shop-paper);color:var(--shop-bg)}#tools .electric{background:var(--shop-blue);color:var(--shop-paper)}#tools .lime{background:var(--shop-lime);color:var(--shop-bg)}#tools .graphite{background:#202126;color:var(--shop-paper)}#tools .product h3{font-size:clamp(27px,4.2vw,39px);font-weight:700;line-height:1.02;letter-spacing:-1.4px;margin:23px 0 12px;color:inherit}#tools .product p{font-size:13px;line-height:1.5;margin:16px 0 22px;color:inherit}#tools .product-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;margin-top:auto;gap:12px}#tools .product-bottom>span{font-size:25px;transition:transform .4s}#tools .product:hover,#tools .product:focus-visible{transform:translateY(-5px) rotate(-.6deg);box-shadow:0 14px 32px #0006;z-index:2}#tools .product:hover .product-bottom>span{transform:translate(4px,-4px)}#tools .art{height:90px;position:relative;margin-top:6px}#tools .bars{display:flex;gap:9px;align-items:end;padding-top:10px}#tools .bars i{display:block;width:12%;height:35%;background:var(--shop-blue);transform-origin:bottom;transition:transform .5s}#tools .bars i:nth-child(2){height:58%}#tools .bars i:nth-child(3){height:48%}#tools .bars i:nth-child(4){height:76%}#tools .bars i:nth-child(5){height:95%}#tools .bars>span{position:absolute;right:0;top:0;transform:rotate(-10deg);font-size:13px;font-weight:700}#tools .product:hover .bars i{transform:scaleY(1.1)}#tools .chat{display:flex;flex-direction:column;gap:6px;align-items:start}#tools .chat>span{background:var(--shop-paper);color:var(--shop-bg);border-radius:12px 12px 12px 2px;padding:8px 11px;font-size:12px;transition:transform .4s}#tools .chat>span:nth-child(2){background:var(--shop-lime);align-self:end;transform:rotate(-4deg)}#tools .chat>span:last-child{padding:3px 10px;font-size:9px}#tools .product:hover .chat>span:nth-child(2){transform:rotate(3deg) translateX(-5px)}#tools .quest{padding-top:9px;font-family:monospace}#tools .quest>span{font-size:11px}#tools .quest>div{display:flex;gap:7px;margin:12px 0}#tools .quest i{width:22px;height:18px;background:var(--shop-bg);transition:transform .3s}#tools .quest i:nth-child(n+3){background:transparent;border:2px solid var(--shop-bg)}#tools .quest>b{font-size:12px}#tools .product:hover .quest i{transform:translateX(8px)}#tools .release{display:flex;align-items:center;justify-content:space-between;gap:15px}#tools .release>span{font:bold 78px/1 monospace;color:var(--shop-lime);text-shadow:4px 4px 0 var(--shop-blue);transition:transform .4s}#tools .release>b{font:10px/1.5 monospace;max-width:90px;color:var(--shop-lime)}#tools .product:hover .release>span{transform:rotate(-12deg)}#tools .org{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;gap:12px}#tools .org>span{background:var(--shop-blue);padding:7px 15px}#tools .org>div{display:flex;gap:10px;border-top:1px solid var(--shop-muted);padding-top:10px}#tools .org i{font-style:normal;border:1px solid var(--shop-muted);padding:5px 13px}#tools .budget{display:flex;gap:20px;align-items:center}#tools .budget>span{font-size:72px;font-weight:700;color:var(--shop-blue);line-height:1}#tools .budget>div{flex:1;display:grid;gap:8px}#tools .budget i{height:12px;background:var(--shop-bg);width:90%}#tools .budget i:nth-child(2){width:65%;background:var(--shop-blue)}#tools .budget i:nth-child(3){width:40%}#tools .retention{display:flex;align-items:center;gap:18px}#tools .retention>span{font-size:85px;color:var(--shop-lime);transition:transform .7s}#tools .retention>b{font-size:11px;line-height:1.6;max-width:100px}#tools .product:hover .retention>span{transform:rotate(100deg)}#tools .decision{display:flex;align-items:center;gap:14px}#tools .decision>span{font-size:25px;font-weight:700;letter-spacing:-1px;border:2px solid var(--shop-bg);padding:10px}#tools .decision>span:nth-child(2){border:0;padding:0;transition:transform .4s}#tools .product:hover .decision>span:nth-child(2){transform:rotate(180deg)}#tools footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--shop-line);margin-top:35px;padding:22px 0 0;font-size:9px;letter-spacing:1px}#tools .shop-detail{background:var(--shop-paper);color:var(--shop-bg);padding:28px;margin-top:24px;scroll-margin-top:15px}#tools .shop-detail[hidden]{display:none}#tools .detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #cccac2;padding-bottom:18px;margin-bottom:25px}#tools .detail-close{border:0;background:transparent;color:var(--shop-bg);font:12px Arial;padding:10px;min-height:44px}#tools .detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}#tools .detail-layout h2{font-size:32px;line-height:1.05;letter-spacing:-1px;margin:0 0 16px}#tools .detail-layout p,#tools .detail-layout li{font-size:13px;line-height:1.6}#tools .detail-layout ul{padding-left:18px}#tools .detail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:22px}#tools .demo-button{border:0;background:var(--shop-blue);color:var(--shop-paper);padding:14px 17px;font:13px Arial;min-height:44px}#tools .demo-note{font-size:10px}#tools .detail-preview{background:var(--shop-bg);color:var(--shop-paper);min-height:240px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}#tools .preview-kicker,#tools .preview-status{font-size:10px;letter-spacing:1px;color:var(--shop-lime)}#tools .preview-name{font-size:25px;letter-spacing:-1px}#tools .preview-shapes{display:flex;gap:8px;align-items:end;height:70px}#tools .preview-shapes i{width:18%;height:30%;background:var(--shop-blue);transition:height .7s}#tools .preview-shapes i:nth-child(2){height:50%}#tools .preview-shapes i:nth-child(3){height:70%}#tools .preview-shapes i:nth-child(4){height:90%}#tools .detail-preview.running .preview-shapes i{height:85%}#tools .detail-preview.running .preview-shapes i:nth-child(2){height:35%}#tools .detail-preview.running .preview-shapes i:nth-child(4){height:60%}@media(max-width:520px){#tools{padding:20px}#tools header>span:last-child{display:none}#tools .product-grid{grid-template-columns:1fr}#tools .product{min-height:330px;padding:25px}#tools .product h3{font-size:38px}#tools .detail-layout{grid-template-columns:1fr}#tools .shop-detail{padding:20px}#tools footer{font-size:8px}#tools footer>span{display:none}}@media(prefers-reduced-motion:reduce){#tools *{transition:none!important;transform:none!important}}

/* Production layout and accessible native dialogs. */
#tools{padding:85px 0;background:transparent}#tools .product-grid{margin-top:40px;gap:22px}#tools .product h3{font-family:var(--sans);margin:23px 0 12px;color:inherit}#tools .product{min-height:365px}#tools .product-bottom{min-height:28px}#tools .product-dialog{background:#0c0d10;color:#f1f0eb;border:1px solid #34353b;border-radius:14px;width:min(1100px,calc(100% - 32px));max-height:88dvh;margin:auto;padding:26px;overscroll-behavior:contain;overflow:auto}#tools .product-dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}#tools .product-dialog:not([open]){display:none}#tools .product-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #34353b;padding-bottom:18px;margin-bottom:25px}#tools .product-dialog-label{font-size:11px;letter-spacing:.1em;color:#b8ff3b}#tools .product-close{border:1px solid #666;background:#202126;color:#f1f0eb;font:14px var(--sans);padding:11px 17px;border-radius:6px;min-height:44px;cursor:pointer}#tools .product-dialog .tool{display:block;margin:0;padding:0}#tools .product-dialog .tool-info{max-width:760px;margin-bottom:25px}#tools .product-dialog .tool-info>h3{font-family:var(--sans);font-weight:600;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em}#tools .product-dialog .reveal{opacity:1!important;transform:none!important;filter:none!important;scale:1!important;animation:none!important}#tools .product-dialog .frame{width:100%;max-width:none;transform:none!important}#tools .product-dialog .fbody{height:min(650px,65dvh);min-height:360px}#tools .product-dialog iframe{height:100%;width:100%}#tools .fposter[hidden]{display:none!important}#tools .tool-more{margin-top:40px}body.product-modal-open{overflow:hidden}@media(max-width:580px){#tools{padding:65px 0}#tools .product-grid{grid-template-columns:1fr;gap:18px}#tools .product{min-height:330px}#tools .product-dialog{padding:18px;width:calc(100% - 16px);max-height:92dvh}#tools .product-dialog .fbody{min-height:410px;height:65dvh}}
#tools .fposter{display:flex;align-items:stretch;justify-content:space-between;text-align:left;padding:30px;gap:22px;background:#202126;color:#f1f0eb;overflow:hidden}#tools .fposter.preview-paper{background:#f1f0eb;color:#0c0d10}#tools .fposter.preview-electric{background:#1638e2;color:#f1f0eb}#tools .fposter.preview-lime{background:#b8ff3b;color:#0c0d10}#tools .poster-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 10px/1.5 Arial;letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:18px}#tools .poster-top>b{font-size:25px;letter-spacing:-2px}#tools .poster-body{display:block;position:relative;z-index:1;max-width:85%}#tools .poster-title{display:block;font:700 clamp(28px,4vw,55px)/1.02 Arial;letter-spacing:-.05em;overflow-wrap:anywhere}#tools .poster-copy{display:block;max-width:600px;font:14px/1.6 Arial;margin-top:18px}#tools .poster-graphic{display:block;width:200px;max-width:40%;height:100px;align-self:flex-end;position:relative;opacity:.9}#tools .poster-graphic img{width:100%;height:100%;object-fit:contain}#tools .poster-graphic .art{height:100%;margin:0}#tools .poster-graphic .chat>span{font-size:10px}#tools .poster-footer{display:flex;flex-wrap:wrap;gap:14px;align-items:center;border-top:1px solid currentColor;padding-top:20px;position:relative;z-index:1}#tools .poster-footer .fp-play{width:42px;height:42px;border-radius:0;background:currentColor;color:inherit;font:25px Arial;padding:0;background:transparent;border:1px solid currentColor}#tools .poster-footer>b{font:500 14px Arial;color:inherit}#tools .poster-footer>small{color:inherit;font:11px Arial;opacity:.8}@media(max-width:580px){#tools .fposter{padding:20px;gap:16px}#tools .poster-body{max-width:100%}#tools .poster-title{font-size:32px}#tools .poster-copy{font-size:12px;line-height:1.5}#tools .poster-graphic{height:75px;width:150px}#tools .poster-top{font-size:9px}#tools .poster-footer{gap:10px}#tools .poster-footer>small{display:none}}