@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";.interactive-demo{position:relative;background:#fff;border:1px solid #dfe8f3;border-radius:16px;overflow:hidden;box-shadow:0 18px 45px #12274712;margin:20px 0 35px;color:#1b2b43}.demo-app-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:27px 30px;background:linear-gradient(110deg,#102b4d,#174b80);color:#fff}.demo-app-kicker{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#8bd0ff}.demo-app-head h3{font:800 25px Manrope,sans-serif;margin:7px 0}.demo-app-head p{font-size:13px;color:#d2e2f5;margin:0;line-height:1.6}.demo-app-reset{background:#ffffff16;color:#fff;border:1px solid #ffffff55;border-radius:8px;padding:11px 13px;display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:700;font-size:12px}.demo-app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 30px;background:#f5f8fc}.demo-app-stats>div{background:#fff;border:1px solid #e3eaf3;border-radius:11px;padding:16px}.demo-app-stats span,.demo-app-stats strong{display:block}.demo-app-stats span{font-size:11px;color:#7a8ca2}.demo-app-stats strong{font:800 22px Manrope,sans-serif;margin-top:6px}.demo-app-toolbar{display:flex;gap:12px;align-items:center;padding:23px 30px;flex-wrap:wrap}.demo-app-search{display:flex;align-items:center;gap:8px;border:1px solid #d7e1ed;border-radius:9px;padding:0 12px;flex:1;min-width:180px;color:#7c8ca0}.demo-app-search input{border:0;outline:0;width:100%;padding:12px 0;min-width:0}.demo-app-toolbar select,.demo-app-fields input,.demo-app-fields select,.demo-app-fields textarea{border:1px solid #d7e1ed;border-radius:9px;padding:11px;background:#fff;color:#22324a;font:inherit;font-size:13px;max-width:100%}.demo-app-add{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#1675d5;color:#fff;border:0;border-radius:9px;padding:12px 16px;font-weight:800;font-size:12px}.demo-app-success{display:flex;gap:8px;align-items:center;margin:0 30px 18px;padding:12px;background:#e8f8ef;color:#18744c;border-radius:8px;font-size:12px}.demo-app-form{margin:0 30px 25px;border:1px solid #cbdff4;border-radius:12px;padding:20px;background:#f8fbff}.demo-app-form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.demo-app-form-head button{border:0;background:transparent}.demo-app-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-app-fields label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:12px}.demo-app-wide{grid-column:1/-1}.demo-app-fields textarea{resize:vertical}.demo-app-check{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:16px}.demo-app-error{color:#a82b30;font-size:12px}.demo-app-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.demo-app-cancel{border:1px solid #d4deea;border-radius:8px;background:#fff;padding:11px 15px}.demo-app-table-scroll{overflow-x:auto;margin:0 30px 25px;border:1px solid #e1e8f0;border-radius:10px}.demo-app-table{border-collapse:collapse;width:100%;min-width:620px;text-align:left;font-size:12px}.demo-app-table th{background:#f5f8fc;color:#75859a;font-size:10px;text-transform:uppercase;letter-spacing:.8px;padding:15px}.demo-app-table td{padding:15px;border-top:1px solid #edf1f6}.demo-app-table td strong,.demo-app-table td small{display:block}.demo-app-table td small{color:#8b98a9;margin-top:5px;max-width:240px}.demo-app-active,.demo-app-inactive{border-radius:20px;padding:6px 10px;font-weight:800;font-size:10px;background:#e6f8ef;color:#148354}.demo-app-inactive{background:#f1f3f7;color:#748296}.demo-app-actions{display:flex;gap:7px}.demo-app-actions button{border:1px solid #e2e9f1;border-radius:7px;background:#fff;padding:8px;color:#366caa}.demo-app-actions button:last-child{color:#c85050}.demo-app-empty{text-align:center;padding:24px;color:#8795a8;font-size:13px}.demo-app-footnote{padding:0 30px 23px;margin:0;color:#7b8da2;font-size:11px;line-height:1.7}.demo-app-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#09182a99;display:grid;place-items:center;padding:20px;z-index:5}.demo-app-confirm>div{background:#fff;padding:25px;border-radius:12px;max-width:340px;box-shadow:0 20px 50px #0003}.demo-app-confirm h4{margin:0;font-size:18px}.demo-app-confirm p{color:#6c7c8d;font-size:13px;line-height:1.6}.demo-app-confirm>div>div{display:flex;justify-content:flex-end;gap:9px}.demo-app-confirm button{border:1px solid #d7e0eb;background:#fff;padding:10px 13px;border-radius:8px}.demo-app-confirm button.demo-app-danger{background:#c92d38;border-color:#c92d38;color:#fff}.interactive-entry{margin:35px 0;background:#eaf3ff;border:1px solid #cce0f8;border-radius:12px;padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.interactive-entry strong{display:block;font-size:17px}.interactive-entry p{font-size:13px;color:#56708d;margin:7px 0 0}.interactive-entry button{border:0;border-radius:9px;background:#176fd2;color:#fff;padding:12px 16px;font-weight:800;white-space:nowrap}.interactive-demo-heading{margin-top:40px}@media(max-width:760px){.demo-app-head{flex-direction:column;align-items:flex-start;padding:20px}.demo-app-stats{padding:15px;gap:7px}.demo-app-stats>div{padding:10px}.demo-app-stats strong{font-size:16px}.demo-app-toolbar{padding:18px;align-items:stretch}.demo-app-toolbar select,.demo-app-toolbar .demo-app-add{flex:1}.demo-app-form{margin:0 15px 20px}.demo-app-fields{grid-template-columns:1fr}.demo-app-table-scroll{margin:0 15px 20px}.demo-app-footnote{padding:0 15px 20px}.interactive-entry{flex-direction:column;align-items:flex-start}.demo-app-success{margin:0 15px 15px}}.customer-experience{background:#fff;border:1px solid #dce6f1;border-radius:17px;margin:24px 0 30px;overflow:hidden;box-shadow:0 16px 40px #15365b0c;color:#182d46}.cx-heading{background:linear-gradient(115deg,#0c2443,#15589a);color:#fff;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.cx-eyebrow{font-size:10px;letter-spacing:1.5px;color:#8dd1ff;font-weight:800}.cx-heading h3{font-size:24px;margin:7px 0}.cx-heading p{font-size:13px;color:#d5e4f3;margin:0}.cx-reset{display:flex;gap:7px;align-items:center;padding:10px 13px;background:#ffffff15;border:1px solid #ffffff66;border-radius:8px;color:#fff;white-space:nowrap}.cx-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:26px}.cx-panel h4,.cx-form h4{font-size:18px;margin:0 0 18px}.cx-options{display:grid;gap:10px}.cx-option{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;background:#f7faff;border:1px solid #dfe8f4;padding:14px 16px;border-radius:10px;color:#213c5c}.cx-option.selected{border-color:#1975d4;background:#eaf4ff;box-shadow:inset 3px 0 #1975d4}.cx-option strong{font-size:14px}.cx-option small{font-size:12px;color:#6d819a}.cx-option b{font-size:14px;color:#1267bd}.cx-add{margin-top:15px;background:#176fd2;border:0;border-radius:9px;color:#fff;padding:12px 16px;display:flex;gap:8px;align-items:center;font-weight:750}.cx-quantity{margin-top:20px;display:flex;align-items:center;gap:12px;font-size:13px}.cx-quantity span{margin-right:auto}.cx-quantity button{width:32px;height:32px;border-radius:8px;border:1px solid #cddded;background:#fff;font-size:20px}.cx-quantity b{min-width:20px;text-align:center}.cx-form{background:#f7f9fc;border:1px solid #e1e9f3;padding:20px;border-radius:12px}.cx-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cx-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750}.cx-field input,.cx-field textarea{font:inherit;font-size:13px;padding:11px 12px;background:#fff;border:1px solid #d3deec;border-radius:8px;color:#20364e;min-width:0}.cx-wide{grid-column:1/-1}.cx-summary{margin:18px 0;background:#eaf3ff;border:1px solid #d2e5fb;padding:14px;border-radius:10px}.cx-summary div{display:flex;justify-content:space-between;gap:12px;align-items:center}.cx-summary span,.cx-summary small{font-size:12px;color:#637b97}.cx-summary strong{font-size:18px}.cx-summary button{background:transparent;border:0;color:#1764b6;text-decoration:underline;font-size:12px;margin-top:8px;padding:0}.cx-submit,.cx-success button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#146ed0;color:#fff;border:0;border-radius:9px;padding:14px;font-weight:800}.cx-error{color:#bb2d39;font-size:12px}.cx-disclaimer,.cx-note{color:#7388a1;font-size:11px;line-height:1.7;margin:12px 0 0}.cx-success{padding:65px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px}.cx-success svg{color:#169b64}.cx-success h4{font-size:25px;margin:0}.cx-success p{max-width:500px;line-height:1.7;color:#647990}.cx-success button{max-width:280px}@media(max-width:800px){.cx-content{grid-template-columns:1fr;padding:16px}.cx-heading{padding:20px;align-items:flex-start;flex-direction:column}.cx-fields{grid-template-columns:1fr}.cx-summary div{align-items:flex-start;flex-direction:column}}.cx-pizza-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:15px}.cx-pizza-actions .cx-add{margin-top:0}.cx-cart-controls{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px}.cx-cart-controls button{margin:0}.cx-summary small{display:block;margin-top:8px}.shop-trigger{--shop-accent:#146ed0;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:9px;background:var(--shop-accent);color:#fff;padding:11px 13px;font-size:12px;font-weight:750;cursor:pointer}.shop-trigger strong{font-size:13px}.shop-trigger em{font-style:normal;display:grid;place-items:center;background:#fff;color:var(--shop-accent);min-width:23px;height:23px;border-radius:50%;padding:0 4px}.shop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#081422a8;display:flex;justify-content:center;align-items:center;padding:18px}.shop-modal{--shop-accent:#176dd3;position:relative;background:#fff;color:#1b2d42;width:min(790px,100%);max-height:min(90vh,800px);overflow:auto;border-radius:16px;display:grid;grid-template-columns:48% 52%;box-shadow:0 22px 90px #0005}.shop-close{position:absolute;z-index:2;right:12px;top:12px;border:0;background:#fff;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;cursor:pointer;color:#334}.shop-modal-image{background:#f4f7fa;min-height:345px;display:grid;place-items:center;overflow:hidden}.shop-modal-image img{width:100%;height:100%;max-height:570px;object-fit:cover}.shop-modal-info{padding:42px 29px 26px;display:flex;flex-direction:column;align-items:flex-start}.shop-modal-info>small,.shop-drawer-heading small{font-size:10px;letter-spacing:1.1px;color:var(--shop-accent);font-weight:800}.shop-modal-info h3{font-size:25px;margin:12px 0}.shop-modal-info p{font-size:14px;color:#65778a;line-height:1.65;margin:0 0 18px}.shop-price{font-size:24px;color:var(--shop-accent);margin-bottom:19px}.shop-price span{font-size:11px;color:#78899c}.shop-modal-info>label{font-size:12px;font-weight:800;margin-bottom:8px}.shop-quantity{display:inline-flex;align-items:center;border:1px solid #d8e2ec;border-radius:8px;overflow:hidden;background:#fff}.shop-quantity button{width:35px;height:34px;display:grid;place-items:center;border:0;background:#fff;color:#223b55;cursor:pointer}.shop-quantity button:disabled{opacity:.35;cursor:not-allowed}.shop-quantity output{min-width:35px;text-align:center;font-size:13px;font-weight:800}.shop-subtotal{display:flex;align-items:center;justify-content:space-between;width:100%;margin:20px 0 13px;padding:12px;background:#f1f5f9;border-radius:9px;gap:10px}.shop-subtotal span{font-size:12px;color:#677d93}.shop-subtotal strong{font-size:19px}.shop-confirm{width:100%;border:0;border-radius:9px;padding:13px 15px;background:var(--shop-accent);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;cursor:pointer}.shop-confirm:disabled{opacity:.45;cursor:not-allowed}.shop-cancel{border:0;background:transparent;color:#536b83;padding:12px;cursor:pointer;font-size:12px;font-weight:700;align-self:center}.shop-drawer-backdrop{padding:0;justify-content:flex-end;align-items:stretch}.shop-drawer{--shop-accent:#176dd3;width:min(430px,100vw);background:#fff;color:#15283d;display:flex;flex-direction:column;box-shadow:-12px 0 45px #0003}.shop-drawer-heading{padding:22px;border-bottom:1px solid #e2e8ef;display:flex;justify-content:space-between;align-items:start}.shop-drawer-heading h3{margin:7px 0;font-size:22px}.shop-drawer-heading span{font-size:12px;color:#73879b}.shop-drawer-heading>button{border:0;background:transparent;padding:6px;cursor:pointer}.shop-drawer-list{flex:1;overflow:auto;padding:16px 20px}.shop-cart-item{display:flex;gap:12px;border-bottom:1px solid #e4eaf0;padding:15px 0}.shop-cart-item img{width:68px;height:68px;object-fit:cover;border-radius:9px}.shop-cart-description{flex:1;min-width:0}.shop-cart-description>strong,.shop-cart-description>small{display:block}.shop-cart-description>strong{font-size:13px}.shop-cart-description>small{font-size:11px;color:#8190a0;margin:6px 0}.shop-cart-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.shop-cart-item-bottom b{font-size:13px}.shop-drawer-footer{border-top:1px solid #e0e8f0;padding:19px;display:grid;gap:12px}.shop-drawer-footer>div{display:flex;justify-content:space-between;gap:12px}.shop-drawer-footer>div strong{font-size:19px;color:var(--shop-accent)}.shop-drawer-footer>small{color:#718398;font-size:10px;text-align:center}.shop-cart-empty{text-align:center;padding:50px 12px;color:#6e8299}.shop-cart-empty svg{color:#a2b3c3}.shop-cart-empty h4{color:#203a54}.shop-cart-empty button{border:1px solid #cdd8e5;background:#fff;padding:10px 15px;border-radius:8px;cursor:pointer}.shop-trigger:focus-visible,.shop-backdrop button:focus-visible{outline:3px solid #70a9ff;outline-offset:2px}@media(max-width:620px){.shop-modal{grid-template-columns:1fr;max-height:94vh}.shop-modal-image{min-height:175px;height:200px}.shop-modal-info{padding:23px}.shop-modal-info h3,.shop-price{font-size:21px}.shop-trigger span{display:none}}.concept-experience{--cx-accent:#176dd3;background:#fff;border:1px solid #dce4ed;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px #12335410;color:#142b45;margin:25px 0 34px}.concept-experience button{cursor:pointer}.concept-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 25px;background:#fff}.concept-brand{display:flex;align-items:center;gap:12px}.concept-brand-icon{display:grid;place-items:center;background:#f0f5fc;border-radius:13px;font-size:27px;width:48px;height:48px}.concept-brand strong{display:block;font-size:19px}.concept-brand small{color:#6c8199;font-size:12px}.concept-demo-label{color:#7589a1;font-weight:800;letter-spacing:1px;font-size:10px}.concept-hero{background:linear-gradient(115deg,#13253c,var(--cx-accent));padding:30px 35px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.concept-hero span{font-size:10px;letter-spacing:1.5px;color:#d5eaff;font-weight:800}.concept-hero h3{font-size:28px;line-height:1.2;max-width:480px;margin:10px 0}.concept-hero p{font-size:13px;color:#e5edf6;max-width:470px}.concept-hero-art{font-size:90px;filter:drop-shadow(0 8px 15px #0003)}.concept-stepper{display:grid;grid-template-columns:repeat(4,1fr);background:#f7f9fc;border-bottom:1px solid #e0e7f0}.concept-stepper button{border:0;background:transparent;padding:16px 8px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7a8ba0;font-size:12px;font-weight:750}.concept-stepper button span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #c7d3e1;border-radius:50%;background:#fff}.concept-stepper button.current{color:var(--cx-accent);background:#fff;box-shadow:inset 0 -3px var(--cx-accent)}.concept-stepper button.current span,.concept-stepper button.complete span{background:var(--cx-accent);color:#fff;border-color:var(--cx-accent)}.concept-stage{padding:28px}.concept-stage h4{font-size:23px;margin:0 0 12px}.concept-stage-heading{display:flex;justify-content:space-between;gap:18px;align-items:end}.concept-stage-heading p,.concept-product p,.concept-hint{font-size:13px;color:#6e8197;line-height:1.6}.concept-search{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#72869c;font-weight:700}.concept-search input,.concept-checkout input:not([type=radio]),.concept-checkout textarea{border:1px solid #d1ddeb;border-radius:9px;padding:12px 13px;background:#fff;color:#152b44;min-width:0;font:inherit}.concept-categories{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.concept-categories button{padding:9px 14px;border:1px solid #d9e4ef;border-radius:25px;background:#fff;color:#60748d;font-size:12px}.concept-categories button.active{background:var(--cx-accent);color:#fff;border-color:var(--cx-accent)}.concept-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.concept-product{border:1px solid #e1e8f0;border-radius:13px;overflow:hidden;background:#fff}.concept-product-image{height:125px;display:grid;place-items:center;background:linear-gradient(145deg,#f1f6fc,#e4ecf5);font-size:62px}.concept-product-content{padding:16px}.concept-product-content small,.concept-detail small{font-size:11px;color:var(--cx-accent);font-weight:800}.concept-product h5{font-size:15px;margin:8px 0}.concept-product p{min-height:42px;margin:0 0 10px}.concept-product strong{display:block;font-size:18px}.concept-product-actions{display:flex;gap:8px;margin-top:13px}.concept-product-actions button{flex:1;border:1px solid #d5e0ec;background:#fff;border-radius:8px;padding:10px 6px;font-weight:750;color:#334b66;font-size:11px}.concept-product-actions .concept-add{background:var(--cx-accent);color:#fff;border-color:var(--cx-accent);display:flex;justify-content:center;align-items:center;gap:4px}.concept-stage-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}.concept-stage-actions>span{font-size:13px;color:#697f99}.concept-primary,.concept-secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 17px;border-radius:9px;font-weight:800;font-size:13px}.concept-primary{background:var(--cx-accent);color:#fff;border:1px solid var(--cx-accent)}.concept-secondary{background:#fff;color:#36516e;border:1px solid #d2deeb;margin-right:8px}.concept-detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.concept-detail-art{min-height:300px;display:grid;place-items:center;font-size:125px;background:linear-gradient(145deg,#edf3fb,#d9e7f3);border-radius:16px}.concept-detail h4{font-size:30px;margin:12px 0}.concept-detail strong{display:block;font-size:28px;margin:14px 0}.concept-detail p{color:#6b8097}.concept-cart-list{display:grid;gap:10px}.concept-cart-row{display:flex;gap:14px;align-items:center;border:1px solid #e1e9f1;padding:12px;border-radius:11px}.concept-cart-emoji{font-size:34px;background:#f1f5fa;border-radius:9px;padding:10px}.concept-cart-name{flex:1;min-width:0}.concept-cart-name b,.concept-cart-name small{display:block}.concept-cart-name small{color:#778ca4;font-size:12px;margin-top:5px}.concept-counter{display:flex;align-items:center;gap:10px}.concept-counter button{width:30px;height:30px;border:1px solid #d4dfec;background:#fff;border-radius:7px;display:grid;place-items:center}.concept-cart-row>strong{min-width:85px;text-align:right}.concept-total{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#edf5fd;padding:16px;border-radius:10px;margin-top:17px}.concept-total strong{font-size:22px}.concept-checkout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.concept-checkout>label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750}.concept-wide{grid-column:1/-1}.concept-delivery{border:1px solid #d9e4f0;border-radius:9px;display:flex;gap:20px;flex-wrap:wrap;padding:12px}.concept-delivery legend{font-size:12px;font-weight:800}.concept-delivery label{display:flex;gap:7px;align-items:center;font-size:13px}.concept-error{color:#bc283c;font-size:13px}.concept-confirmation{text-align:center;padding:38px 24px}.concept-confirmation>svg{color:#13a16b}.concept-confirmation h3{font-size:28px}.concept-confirmation p{color:#6e829a;max-width:550px;margin:0 auto 22px}.concept-receipt{max-width:530px;margin:0 auto 22px;text-align:left;background:#f4f8fc;border:1px solid #dce6f0;padding:18px;border-radius:12px}.concept-receipt>div{display:flex;justify-content:space-between;gap:15px;padding-top:10px;font-size:13px}.concept-receipt .concept-receipt-total{border-top:1px solid #d6e1ed;margin-top:12px;font-size:16px}.concept-empty{text-align:center;padding:38px;color:#7588a0;display:grid;justify-items:center;gap:12px}.concept-feedback{padding:13px 24px;background:#e9f8f0;color:#16704b;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.concept-feedback button{background:none;border:0;color:#125c9f;font-weight:800;text-decoration:underline}.concept-legal{padding:14px 24px;margin:0;border-top:1px solid #e0e8f1;color:#6d829a;font-size:11px;line-height:1.5;background:#f8fafc}@media(max-width:850px){.concept-products{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-detail{grid-template-columns:1fr}.concept-detail-art{min-height:190px}.concept-hero-art{font-size:62px}}@media(max-width:560px){.concept-top{align-items:flex-start;flex-direction:column;padding:16px}.concept-hero{padding:23px}.concept-hero h3{font-size:23px}.concept-hero-art{display:none}.concept-stepper button{flex-direction:column;gap:5px;font-size:10px;padding:10px 3px}.concept-stage{padding:17px}.concept-stage-heading{align-items:stretch;flex-direction:column}.concept-products,.concept-checkout{grid-template-columns:1fr}.concept-wide{grid-column:auto}.concept-cart-row{flex-wrap:wrap}.concept-cart-row>strong{margin-left:auto}.concept-detail h4{font-size:23px}}.concept-hero-art{width:35%;max-width:330px;height:150px;position:relative;flex-shrink:0;filter:none;overflow:hidden;border-radius:13px;box-shadow:0 8px 22px #0004}.concept-hero-art img,.concept-product-image img,.concept-detail-art img,.concept-cart-emoji img,.concept-receipt-photo{width:100%;height:100%;object-fit:cover;display:block}.concept-hero-art span{position:absolute;bottom:9px;left:9px;color:#fff;background:#10243bc9;padding:6px 8px;border-radius:5px;font-size:10px;letter-spacing:0}.concept-product-image,.concept-detail-art{position:relative;overflow:hidden;padding:0;display:block}.concept-product-image-caption,.concept-detail-art>span{position:absolute;left:10px;bottom:10px;background:#0d213cdd;color:#fff;padding:5px 8px;border-radius:5px;font-size:10px;font-weight:750}.concept-detail-art img{position:absolute;top:0;right:0;bottom:0;left:0}.concept-cart-emoji{width:58px;height:58px;flex-shrink:0;padding:0;overflow:hidden;display:block}.concept-receipt-photo{height:100px;border-radius:8px;margin-bottom:13px;object-position:center}@media(max-width:850px){.concept-hero-art{height:125px}}@media(max-width:560px){.concept-hero-art{display:block;width:100%;max-width:none;height:110px}.concept-hero{flex-direction:column;align-items:stretch}}.concept-cart-toolbar{display:flex;justify-content:flex-end;padding:10px 25px;background:#f7f9fc;border-bottom:1px solid #e0e8f1}.concept-product-actions button:hover,.concept-stage button:hover{filter:brightness(.96)}.concept-cart-toolbar{align-items:center;gap:15px;flex-wrap:wrap}.concept-cart-message{font-size:12px;color:#18704b;margin-right:auto}:root{font-family:DM Sans,sans-serif;color:#17243b;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #57aaff;outline-offset:3px}a{text-decoration:none;color:inherit}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}.site-header{position:sticky;top:0;z-index:40;background:#0a1425;color:#fff;box-shadow:0 2px 12px #07102124}.header-inner{height:76px;display:flex;align-items:center;gap:35px}.brand{border:0;background:none;color:inherit;display:flex;align-items:center;gap:11px;text-align:left;padding:0}.brand-mark{width:42px;height:42px;border:2px solid #50a4ff;border-radius:13px;display:grid;place-items:center;color:#73bdff;font:italic 800 28px Manrope}.brand b{display:block;font:800 23px Manrope;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:4px}.nav{display:flex;align-items:center;gap:25px;margin:auto}.nav button{border:0;background:none;color:#d4deee;font-size:13px;font-weight:700;padding:8px 0}.nav button:hover{color:#70bdff}.whatsapp{background:#15ac62;color:#fff;border:0;border-radius:9px;padding:13px 18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 24px #05995130}.whatsapp:hover{background:#0c9553}.menu-button{display:none;background:none;color:#fff;border:0}.hero{background:radial-gradient(ellipse at 80% 20%,#24405b,#101b2a 47%,#0a1018);color:#fff;overflow:hidden}.hero-grid{min-height:505px;display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:64px;padding:54px 0}.overline{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#3088e7}.hero-kicker{color:#7cc7ff;display:inline-flex;align-items:center;gap:8px}.hero h1{font:800 clamp(37px,4.1vw,62px)/1.09 Manrope,sans-serif;letter-spacing:-2px;margin:20px 0}.hero h1 em{font-style:normal;color:#76c5ff}.hero p{font-size:16px;line-height:1.8;color:#d2dbe8;max-width:530px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;border:1px solid transparent;padding:13px 19px;font-weight:800;font-size:13px}.button-primary{background:#1675ee;color:#fff}.button-primary:hover{background:#075fd1}.button-outline,.button-glass{background:transparent;border-color:#ffffff70;color:#fff}.button-outline:hover,.button-glass:hover{background:#ffffff1b}.hero-points{display:flex;flex-wrap:wrap;gap:15px;color:#c8d6e5;font-size:12px}.hero-points span{display:flex;align-items:center;gap:5px}.hero-points svg{color:#2ad28b}.hero-display{border:1px solid #ffffff36;background:#101b2d;border-radius:15px;padding:8px;box-shadow:0 35px 80px #0008;transform:perspective(1100px) rotateY(-4deg)}.hero-display-top,.browser-top{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#a8b8d0;font-size:11px}.hero-display-top>span:first-child,.browser-dots{display:flex;gap:5px}.hero-display-top i,.browser-dots i{width:7px;height:7px;background:#fa756e;border-radius:50%;display:block}.hero-display-top i:nth-child(2),.browser-dots i:nth-child(2){background:#f9c462}.hero-display-top i:nth-child(3),.browser-dots i:nth-child(3){background:#54cfa4}.hero-display img{display:block;width:100%;height:275px;object-fit:cover;object-position:top;border-radius:6px}.hero-slide-buttons{display:flex;align-items:center;justify-content:space-between;padding:9px 5px 2px;font-size:12px;color:#d9e9fa}.hero-slide-buttons button,.gallery-controls button{border:1px solid #ffffff35;border-radius:50%;background:#ffffff19;color:inherit;display:grid;place-items:center;width:30px;height:30px}.solutions{background:#f5f7fb;padding:75px 0 70px}.section-heading{text-align:center;max-width:680px;margin:0 auto 28px}.section-heading h2,.technology h2,.about h2,.contact h2{font:800 clamp(28px,3vw,37px)/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:9px 0 12px}.section-heading p,.technology p,.about p,.contact p{color:#6c7a90;line-height:1.7;font-size:14px}.filter-bar{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 26px}.filter-bar button{border:1px solid #dae3f0;background:#fff;color:#51637b;border-radius:40px;padding:9px 18px;font-size:12px;font-weight:800}.filter-bar button.active{background:#146fdf;color:#fff;border-color:#146fdf}.solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.solution-card{background:#fff;border:1px solid #e6eaf0;border-radius:13px;overflow:hidden;box-shadow:0 8px 22px #182c4910;transition:transform .2s,box-shadow .2s}.solution-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #182c4925}.solution-visual{width:100%;height:155px;padding:0;display:block;position:relative;border:0;overflow:hidden;background:#14253c}.solution-visual>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s}.solution-card:hover .solution-visual>img{transform:scale(1.04)}.visual-cta{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:5px;border-radius:7px;background:#10213ddc;color:#fff;font-size:10px;font-weight:800;padding:7px 10px}.concept-art{height:100%;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 75%,#161a2b),#0d1c33);position:relative;overflow:hidden;display:flex;align-items:center;padding:20px}.concept-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:#fff2;filter:blur(25px);right:-35px;top:-50px}.concept-emoji{position:relative;font-size:65px;filter:drop-shadow(0 12px 10px #0005);z-index:1}.concept-panel{position:absolute;right:-9px;top:23px;width:58%;height:113px;border-radius:8px;background:#ffffffed;transform:rotate(-9deg);box-shadow:0 12px 35px #0006;padding:13px}.panel-lines{display:grid;gap:6px}.panel-lines i{display:block;width:80%;height:6px;background:#dce5ef;border-radius:5px}.panel-lines i:nth-child(2){width:60%}.panel-lines i:nth-child(3){width:70%}.panel-chart{display:flex;gap:6px;align-items:end;height:43px;margin-top:5px}.panel-chart i{flex:1;background:var(--accent);height:45%;border-radius:3px 3px 0 0}.panel-chart i:nth-child(2){height:85%}.panel-chart i:nth-child(3){height:63%}.panel-chart i:nth-child(4){height:100%}.solution-content{padding:17px}.solution-label{font-size:9px;font-weight:800;letter-spacing:1.2px;color:var(--accent)}.solution-content h3{font:800 17px Manrope;margin:7px 0 6px}.solution-content p{font-size:12px;color:#68798c;margin:0;min-height:34px;line-height:1.5}.solution-link{background:none;border:0;padding:0;margin-top:19px;color:var(--accent);font-weight:800;font-size:12px;display:flex;align-items:center;gap:6px}.portfolio-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#64768d;font-size:12px;margin:25px 0 36px}.conversion{border-radius:14px;background:linear-gradient(110deg,#081526,#0d3763);color:#fff;padding:28px 38px;display:flex;justify-content:space-between;align-items:center;gap:25px}.conversion h2{font:800 22px Manrope;margin:0 0 8px}.conversion p{margin:0;color:#d4e1ee;font-size:13px;line-height:1.6}.technology{padding:78px 0}.technology-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.technology h2{max-width:390px}.technology p{max-width:500px}.tech-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tech-points span{display:flex;align-items:center;gap:6px;background:#eaf3ff;color:#31649c;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:800}.tech-box{background:#0e2747;color:#fff;border-radius:16px;padding:35px;box-shadow:0 18px 45px #17375930}.tech-box small{display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:#92b6e3;margin:0 0 13px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 27px}.tech-tags:last-child{margin:0}.tech-tags span{border:1px solid #567394;border-radius:7px;padding:11px 15px;font-size:13px;font-weight:800}.about{background:#f5f8fc;padding:76px 0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center}.about-card{background:#fff;border-radius:16px;border:1px solid #e1eaf4;padding:29px;box-shadow:0 10px 28px #172b4210}.about-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:16px;background:#e7f2ff;color:#1473dd}.about-card h3{font:800 21px Manrope;margin:19px 0 8px}.about-card a{display:inline-flex;align-items:center;gap:7px;color:#146fdf;font-size:13px;font-weight:800;margin-top:10px}.contact{background:#0b203c;color:#fff;padding:64px 0}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .overline{color:#80bfff}.contact p{color:#c6d7eb}footer{background:#071322;color:#b7c6da}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:100px;font-size:12px}.footer-brand{color:#fff}.floating-whatsapp{position:fixed;right:25px;bottom:23px;width:55px;height:55px;display:grid;place-items:center;background:#17b66d;border:0;border-radius:50%;color:#fff;z-index:35;box-shadow:0 9px 25px #0003}.detail-hero{background:radial-gradient(ellipse at 88% 0%,color-mix(in srgb,var(--accent) 34%,#132034),#101827 65%);color:#fff}.detail-hero-inner{padding:34px 0 58px}.return-link{border:0;background:none;color:#cdd9e7;display:flex;align-items:center;gap:8px;padding:0;font-size:13px}.detail-title{display:flex;align-items:center;gap:25px;margin-top:35px}.detail-symbol{font-size:64px;width:105px;height:105px;display:grid;place-items:center;border-radius:22px;background:color-mix(in srgb,var(--accent) 35%,transparent)}.detail-title .overline{color:#acd8ff}.detail-title h1{font:800 clamp(32px,4vw,48px) Manrope;margin:7px 0}.detail-title p{color:#d4e0ed;line-height:1.7;max-width:680px;margin:0 0 21px}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.detail-body{padding:55px 0 70px}.real-gallery{max-width:1050px;margin:auto}.screen-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:25px 0}.screen-tabs button{background:#f1f3f7;color:#64748b;border:0;border-radius:7px;padding:10px 18px;font-weight:800;font-size:12px}.screen-tabs button.active{background:#176ee2;color:#fff}.browser{border-radius:13px;overflow:hidden;box-shadow:0 15px 42px #0e213a23;border:1px solid #d7e2f0}.browser-top{background:#0c1e35;color:#b9c9dc;height:38px}.browser-top>span:nth-child(2){display:flex;align-items:center;gap:7px}.browser-top button{background:none;color:#cbd8e9;border:0}.screen-shot{display:block;padding:0;border:0;width:100%;background:#e6eaf1}.screen-shot img{display:block;width:100%;max-height:650px;object-fit:contain;object-position:top}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:18px 0 50px}.gallery-bottom p{margin:4px 0;color:#6d7b8e;font-size:13px}.gallery-controls{display:flex;align-items:center;gap:13px;font-size:12px}.gallery-controls button{background:#eaf1fb;color:#174c87;border-color:#d4e2f3}.demo-area{border-top:1px solid #e5ebf2;padding-top:42px}.demo-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.demo-intro h2{font:800 30px Manrope;margin:7px 0}.demo-intro p{font-size:13px;color:#6b7b8f;line-height:1.6;max-width:580px}.demo-prompt{text-align:center;background:#f4f8fc;border:1px dashed #b7cce2;padding:45px;border-radius:14px;color:#4d6885}.demo-prompt button{border:0;background:none;color:#116ad5;font-weight:800;display:inline-flex;gap:8px;align-items:center}.detail-body>.conversion{margin-top:40px}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000e;z-index:100;display:flex;align-items:center;justify-content:center;padding:35px}.zoom-overlay img{max-height:90vh;max-width:94vw;object-fit:contain}.zoom-close{position:absolute;top:18px;right:22px;background:#fff;color:#12243c;border:0;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}@media(max-width:1000px){.solution-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{gap:25px}.hero-display img{height:240px}.technology-grid{gap:35px}.nav{gap:12px}}@media(max-width:760px){.header-inner{height:68px}.menu-button{display:block;margin-left:auto}.top-whats{display:none}.nav{display:none;position:absolute;left:0;right:0;top:68px;background:#0a1425;padding:15px 24px 25px;box-shadow:0 12px 20px #0004}.nav.open{display:grid;gap:8px}.nav button{text-align:left;padding:12px}.hero-grid,.technology-grid,.about-grid{grid-template-columns:1fr}.hero-grid{padding:56px 0 44px;gap:35px}.hero h1{font-size:42px}.hero-display{transform:none}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technology,.about{padding:55px 0}.conversion,.contact-inner{flex-direction:column;align-items:flex-start}.footer-inner{flex-wrap:wrap;padding:25px 0}.detail-title{align-items:flex-start}.detail-symbol{width:75px;height:75px;font-size:44px}.demo-intro{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.wrap{width:calc(100% - 30px)}.solution-grid{grid-template-columns:1fr}.solution-visual{height:190px}.hero h1{font-size:35px}.hero-display img{height:205px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-points{display:grid}.conversion{padding:24px}.detail-title{flex-direction:column;gap:12px}.detail-title h1{font-size:32px}.screen-tabs button{flex:1}.gallery-bottom{flex-direction:column;align-items:flex-start}.contact-inner .whatsapp,.conversion .whatsapp{width:100%}}.customer-flow{margin-top:50px}.experience-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.experience-switch button{border:1px solid #cbdbea;background:#fff;color:#244668;padding:11px 15px;border-radius:9px;font-size:13px;font-weight:750}.experience-switch button.active{background:#176fd2;border-color:#176fd2;color:#fff}.demo-navigation{position:sticky;top:76px;z-index:39;background:#fff;border-bottom:1px solid #dbe5f1;box-shadow:0 5px 18px #0e274014}.demo-navigation-inner{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-navigation-context{display:flex;align-items:center;gap:9px;color:#475b75;font-size:13px;font-weight:700;min-width:0}.demo-navigation-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#15ac62}.demo-navigation-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;background:#eaf3ff;color:#125fb4;border:1px solid #bfd7f4;border-radius:9px;padding:10px 15px;font-weight:800;font-size:13px}.demo-navigation-back:hover{background:#dcecff}.demo-bottom-navigation{display:flex;justify-content:center;padding-top:30px}#solucoes{scroll-margin-top:76px}@media(max-width:760px){.demo-navigation{top:68px}.demo-navigation-inner{min-height:56px}.demo-navigation-context{font-size:11px}.demo-navigation-back{padding:10px 12px;font-size:12px}#solucoes{scroll-margin-top:68px}}@media(max-width:380px){.demo-navigation-context{max-width:43%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.demo-navigation-dot{display:none}}.solution-visual.concept>img{object-position:center}.illustrative-tag{position:absolute;top:10px;left:10px;background:#0b1d32d9;color:#fff;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:800;letter-spacing:.5px}
