@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--pink:#e90063;--ink:#161725;--muted:#666775;--line:#e9e7ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.brand{display:flex;gap:11px;align-items:center;font:800 27px Manrope,sans-serif;letter-spacing:-1px}.brand img{width:43px;height:43px;border-radius:11px}.api{display:inline-block;font:700 10px 'DM Sans',sans-serif;color:var(--pink);border:1px solid #f2b5cf;border-radius:4px;margin-left:8px;padding:3px 5px;vertical-align:middle;letter-spacing:1px}nav{display:flex;gap:34px;font-size:14px}nav a:hover,.textlink:hover{color:var(--pink)}.navcta{font-weight:600;font-size:14px;border:1px solid #dddce4;border-radius:8px;padding:13px 19px}.navcta span{margin-left:20px}.menu{display:none}.hero{min-height:650px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;padding:65px 6% 60px;overflow:hidden;background:radial-gradient(ellipse at 90% 70%,#fbeafa,transparent 50%)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:var(--pink);margin-bottom:28px}.eyebrow>span{width:6px;height:6px;background:var(--pink);border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-2px;margin:0;font-weight:800}h1{font-size:clamp(40px,4.2vw,65px);line-height:1.12}em{color:var(--pink);font-style:normal}.hero-copy>p{color:var(--muted);max-width:450px;line-height:1.8;margin:27px 0 30px;font-size:16px}.actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;background:var(--pink);color:#fff;padding:17px 22px;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 6px 18px #e9006319;border:0}.button:hover{filter:brightness(.94);transform:translateY(-1px)}.textlink{font-size:13px;font-weight:700}.hero-foot{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:1.5px;color:#85818c;margin-top:42px}.hero-foot i{height:3px;width:3px;background:#bbb;border-radius:100%}.visual{height:490px;position:relative;isolation:isolate}.grid{position:absolute;inset:0;background-image:radial-gradient(#dabdd6 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#000,transparent 70%);z-index:-1}.orbit{position:absolute;border:1px solid #e3bfd8;border-radius:50%;left:5%;top:15%;width:90%;height:70%;transform:rotate(-28deg)}.o2{transform:rotate(35deg);height:50%;top:23%;border-color:#f2cce1}.core{position:absolute;left:34%;top:24%;width:160px;height:160px;border-radius:36px;transform:rotate(-10deg);padding:4px;background:linear-gradient(135deg,#ffb2e4,#e90063);box-shadow:20px 25px 55px #aa176d38,0 0 0 17px #f9e4f050,0 0 0 36px #f8e6f350}.core img{width:100%;height:100%;border-radius:32px}.node{position:absolute;border:1px solid #eee1ec;background:#ffffffed;box-shadow:0 8px 25px #36294408;padding:12px 17px;border-radius:13px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.node span{color:var(--pink);font-size:23px}.n1{top:35px;left:10%}.n2{right:-5px;top:150px}.n3{bottom:45px;right:10%}.float-card{position:absolute;left:3%;bottom:115px;background:white;box-shadow:0 15px 50px #2a12341a;border:1px solid #eee;border-radius:12px;padding:17px;display:flex;gap:13px;align-items:center;transform:rotate(-4deg)}.success{background:#e6f8ef;color:#179665;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.float-card b{font-size:12px}.float-card small{display:block;font-size:10px;color:#8b8490;margin-top:5px}.spark{color:var(--pink);font-size:24px;margin-left:15px}.visual-label{position:absolute;bottom:0;left:28%;font-size:8px;letter-spacing:2px;color:#9d7b97}.ribbon{padding:25px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:13px}.ribbon>span{font-weight:700}.ribbon>div{display:flex;gap:25px;color:#777481}.ribbon b{color:#d3b9cd}.section{padding:105px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}h2{font-size:40px;line-height:1.2}.section-head>p{max-width:310px;color:var(--muted);font-size:14px;line-height:1.8}.solutions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.solution{background:#f8f8fb;border-radius:14px;padding:30px;overflow:hidden;position:relative;min-height:400px}.solution.featured{background:#fff0f6;padding-bottom:220px}.icon{display:block;font-size:27px;color:var(--pink);margin-bottom:43px}.tag{font-size:9px;letter-spacing:1.6px;color:#827a86}.solution h3{font-size:24px;letter-spacing:-.8px;margin:14px 0}.solution p{font-size:13px;line-height:1.8;color:var(--muted)}.solution a{font-size:12px;font-weight:700;display:block;margin-top:25px}.solution a span{float:right}.mini-checkout{position:absolute;bottom:-20px;left:30px;right:30px;background:white;border:1px solid #f6d5e4;border-radius:12px;padding:20px;transform:rotate(-4deg);box-shadow:0 10px 30px #e900630a;font-size:11px}.mini-checkout>span{display:flex;justify-content:space-between;font-weight:bold}.mini-checkout>div{margin-top:18px}.mini-checkout strong{display:block;font-size:24px;margin-top:6px}.mini-checkout small{font-size:10px;color:#999}.mini-button{background:var(--pink);color:white;text-align:center;padding:12px;border-radius:5px}.demo-section{display:grid;grid-template-columns:1fr 1fr;padding:80px 10%;gap:100px;background:#f8f7fb;align-items:center}.demo-section p{font-size:14px;line-height:1.8;color:var(--muted);max-width:360px}.steps{margin-top:30px}.step{background:transparent;border:0;text-align:left;display:flex;gap:18px;padding:18px 0;width:100%;opacity:.5}.step.active{opacity:1}.step>b{border:1px solid #ddd;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:11px}.step.active>b{background:var(--pink);color:white;border-color:var(--pink)}.step strong{display:block;font-size:13px;margin-bottom:6px}.step small{font-size:11px;color:var(--muted)}.demo-badge{text-align:center;font-size:8px;letter-spacing:1px;margin-bottom:20px;color:#8b7b8b}.demo-badge span{display:inline-block;height:5px;width:5px;border-radius:50%;background:var(--pink);margin-right:5px}.checkout{background:white;border:1px solid #e9e6ed;padding:28px;border-radius:17px;box-shadow:0 20px 60px #2414300a;min-height:340px}.checkout-brand{font-weight:800;font-size:16px;display:flex;gap:8px;align-items:center}.checkout-brand img{width:25px;border-radius:6px}.checkout h3{font-size:21px;letter-spacing:-.6px;margin-top:30px}.checkout p{font-size:12px}.order{display:flex;justify-content:space-between;align-items:center;padding:22px 0;margin:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px}.order strong{font-size:21px}.checkout .button{width:100%;font-size:12px}.checkout .back{display:block;margin:15px auto 0;border:0;background:none;color:var(--muted);font-size:11px}.demo-section .demo-note{font-size:10px;text-align:center;max-width:none}.complete{text-align:center;padding:25px 0 5px}.complete .success{margin:auto;width:50px;height:50px;font-size:23px}.complete h3{margin-top:20px}.developer{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;background:#141520;color:white}.developer p{color:#a7a7b8;font-size:14px;line-height:1.8;max-width:350px}.developer ul{list-style:none;padding:0;font-size:12px;margin:30px 0}.developer li{padding:12px 0;color:#c3c3d0}.developer li span{color:#ed6ca3;margin-right:17px;font-size:10px}.developer .eyebrow{color:#f578af}.code-panel{border:1px solid #383845;border-radius:13px;background:#1c1d29;align-self:center;overflow:hidden}.code-top{padding:20px;display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid #32333e;color:#d6d5e0}.code-top button{color:#9998aa;background:none;border:0;font-size:11px}.code-top i{display:inline-block;background:#ed1a75;border-radius:50%;width:6px;height:6px;margin-right:9px}.code-tabs{display:flex;gap:15px;padding:15px 20px;align-items:center}.code-tabs button{border:0;background:none;color:#8b8c9c;font-size:11px;padding:8px}.code-tabs button.selected{color:#fff;border-bottom:2px solid var(--pink)}.code-tabs>span{margin-left:auto;font-size:8px;color:#868595;letter-spacing:1px}pre{padding:10px 26px 25px;font-size:12px;color:#f4a2c6;line-height:1.9;overflow:auto;margin:0}.code-bottom{font-size:10px;line-height:1.6;padding:18px 23px;border-top:1px solid #32333e;color:#a3a2b4}.about{text-align:center;padding:100px 20%;background:radial-gradient(ellipse at 50% 100%,#fcebf6,transparent 70%)}.about .eyebrow{justify-content:center}.about p{font-size:15px;line-height:1.9;color:var(--muted)}.about>div:last-child{display:flex;justify-content:center;gap:40px;margin-top:35px;font-size:13px;font-weight:700}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq h2{font-size:34px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{color:var(--pink);font-size:19px}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;color:var(--muted)}.closing{padding:65px 6%;background:var(--pink);color:#fff;position:relative;overflow:hidden}.closing>span{font-size:9px;letter-spacing:2px}.closing h2{margin-top:20px;font-size:42px}.closing .button{position:absolute;right:9%;top:45%}.white{background:white;color:var(--pink)}footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding:55px 6% 25px;gap:35px}footer .brand{align-self:start}footer p{margin:0;font-size:12px;line-height:1.8;color:var(--muted)}footer>div:not(.footer-bottom){display:flex;gap:15px;flex-direction:column;font-size:12px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;font-size:10px;color:#8b8794}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ad86ef;outline-offset:5px}@media(min-width:1500px){main,footer,header{padding-left:max(6%,calc((100vw - 1350px)/2));padding-right:max(6%,calc((100vw - 1350px)/2))}main{padding:0}}@media(max-width:1000px){.actions{gap:15px;flex-wrap:wrap}.hero{padding-top:50px}.core{width:130px;height:130px}.node{padding:10px;font-size:10px}.n2{right:-10px}.float-card{left:0}.demo-section{gap:40px;padding:65px 6%}.developer{gap:40px}.solutions{gap:12px}.solution{padding:23px}.ribbon>div{gap:12px}.faq{gap:35px}}@media(max-width:700px){header{height:76px;padding:0 6%}.brand{font-size:23px}.brand img{width:35px;height:35px}.navcta{margin-left:auto;padding:10px;font-size:11px}.navcta span{margin-left:5px}.menu{display:block;background:none;border:0;margin-left:12px;font-size:21px}nav{display:none;position:absolute;left:0;right:0;top:76px;background:white;padding:25px;box-shadow:0 15px 20px #00000008}nav.open{display:flex;flex-direction:column;gap:20px}.hero{display:flex;flex-direction:column;padding-top:45px;padding-bottom:28px}.hero-copy{width:100%}h1{font-size:43px;letter-spacing:-2.1px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:23px}.hero-copy>p{font-size:14px;margin:22px 0}.button{font-size:12px;padding:15px 18px}.hero-foot{font-size:8px;letter-spacing:1px;margin-top:28px}.visual{height:365px;width:100%;max-width:430px;margin-top:25px}.core{top:26%;left:33%;width:125px;height:125px}.n1{top:20px;left:2%}.n2{top:125px;right:-5px}.n3{bottom:25px}.float-card{bottom:85px;padding:12px}.float-card b{font-size:10px}.visual-label{font-size:7px;left:20%}.ribbon{flex-direction:column;gap:15px;padding:24px 6%;font-size:11px}.ribbon>div{gap:9px;flex-wrap:wrap}.section{padding:60px 6%}.section-head{display:block;margin-bottom:27px}h2{font-size:31px;letter-spacing:-1.2px}.section-head>p{max-width:none}.solutions{grid-template-columns:1fr}.solution{min-height:280px;padding:27px}.solution.featured{padding-bottom:220px}.icon{margin-bottom:25px}.solution h3{font-size:25px}.demo-section{grid-template-columns:1fr;padding:55px 6%;gap:25px}.demo-section>div>p{max-width:none}.checkout-wrap{max-width:400px;width:100%;margin:auto}.developer{grid-template-columns:1fr;gap:30px}pre{font-size:11px;padding-left:18px}.about{padding:65px 6%}.about p{font-size:14px}.about>div:last-child{gap:25px;font-size:12px}.faq{grid-template-columns:1fr;gap:15px}.faq h2{font-size:31px}.closing{padding:45px 6%}.closing h2{font-size:32px}.closing .button{position:static;margin-top:25px}footer{grid-template-columns:1fr 1fr;gap:25px;padding-top:35px}footer .brand{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:15px;line-height:1.6}.footer-bottom span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Kyntegra commercial presentation */
.hero{grid-template-columns:1fr 1.05fr;min-height:710px;background:radial-gradient(ellipse at 95% 55%,#ffe6f2,transparent 52%);gap:15px}.hero h1{font-size:clamp(42px,4.5vw,68px);letter-spacing:-3px}.product-scene{position:relative;height:490px;isolation:isolate}.scene-glow{position:absolute;inset:20px -40px;background:radial-gradient(ellipse,#f5abd270,transparent 65%);z-index:-1}.scene-ring{position:absolute;inset:0;border:1px solid #f1cbdf;border-radius:50%;transform:rotate(-30deg);z-index:-1}.preview-dashboard{position:absolute;top:48px;left:0;right:0;background:white;border:1px solid #efe3ed;border-radius:13px;box-shadow:0 25px 60px #55143918;transform:perspective(1000px) rotateY(-7deg) rotateZ(-4deg);overflow:hidden}.preview-nav{display:flex;align-items:center;padding:17px;border-bottom:1px solid #f0ebf0;gap:24px;font-size:8px;color:#999}.preview-nav b{margin-left:auto}.tiny-brand{font-size:14px;color:var(--ink);font-weight:800}.preview-body{display:flex}.preview-sidebar{line-height:43px;text-align:center;width:48px;border-right:1px solid #f3edf2;color:var(--pink);padding-top:10px}.preview-content{padding:22px;flex:1}.preview-title{font-size:11px;font-weight:700}.preview-title>span{font-size:6px;letter-spacing:1px;display:block;margin-top:8px;color:#a49aa3}.preview-metrics{display:flex;gap:35px;margin:23px 0;font-size:8px;color:#827783}.preview-metrics strong{display:block;font-size:23px;margin-top:6px;color:var(--ink)}.preview-metrics small{font-size:7px;display:block;margin-top:5px}.bars{height:90px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #f1e7ee;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#f6f0f5 29px,#f6f0f5 30px)}.bars i{background:#f9b4d2;flex:1;border-radius:3px 3px 0 0}.bars i:nth-child(3n){background:var(--pink)}.chart-labels{display:flex;justify-content:space-between;font-size:6px;color:#a49ba3;margin:10px 0}.phone{position:absolute;top:155px;right:-12px;width:175px;background:#fff;border:5px solid #22222d;border-radius:29px;padding:12px 14px 25px;box-shadow:0 22px 45px #49253c22;transform:rotate(7deg);text-align:center}.phone-speaker{height:5px;width:45px;margin:0 auto 20px;background:#22222d;border-radius:10px}.phone-brand{display:flex;justify-content:center;align-items:center;gap:5px;font-weight:bold;font-size:13px}.phone-brand img{width:22px;border-radius:6px}.shopping-icon{color:var(--pink);background:#ffedf5;border-radius:15px;margin:20px auto 12px;padding:10px;width:45px;font-size:23px}.phone>small{font-size:8px;color:#9e919b}.phone>strong{display:block;font-size:25px;margin-top:7px}.phone-currency{font-size:7px;letter-spacing:1px;color:#9b8d98}.phone-line{display:flex;justify-content:space-between;font-size:6px;margin:20px 0;padding-top:13px;border-top:1px solid #eee}.phone-pay{background:var(--pink);color:white;padding:12px 5px;font-size:8px;border-radius:5px}.phone-footer{font-size:6px;color:#aaa;margin-top:13px}.payment-toast{position:absolute;bottom:24px;left:22px;display:flex;gap:12px;align-items:center;background:white;border:1px solid #eee;border-radius:12px;padding:15px 20px;box-shadow:0 12px 35px #46243a12;transform:rotate(-4deg)}.payment-toast b{font-size:12px}.payment-toast small{display:block;font-size:8px;color:#999;margin-top:6px}.solutions{grid-template-columns:1.15fr 1fr 1fr}.solution{border:1px solid #efedf2}.integration-section{padding-top:30px}.integration-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:20px}.integration-tabs button{border:1px solid transparent;border-radius:8px;padding:14px 24px;background:#f7f6f9;font-size:13px;color:#7f7480}.integration-tabs button.selected{background:#fff0f6;border-color:#f5bbd4;color:var(--pink)}.integration-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:40px 0}.integration-detail h3{font-size:28px;letter-spacing:-1px;margin:15px 0}.integration-detail p{font-size:14px;line-height:1.8;color:var(--muted);max-width:430px}.integration-flow{display:flex;align-items:center;justify-content:space-evenly;background:#faf8fb;border-radius:16px;padding:30px 15px}.integration-flow>div{display:flex;flex-direction:column;align-items:center;gap:17px}.integration-flow span{font-size:30px;color:#918394}.integration-flow b{font-size:10px}.integration-flow img{width:65px;border-radius:16px;box-shadow:0 12px 25px #ec00682b}.integration-flow i{color:#dbb3cc;font-style:normal}.integration-note{font-size:10px;color:#938795;margin:0}.panel-section{background:#fcf7fa;display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center}.panel-copy>p{color:var(--muted);font-size:14px;line-height:1.8}.panel-benefit{display:flex;gap:15px;margin-top:25px}.panel-benefit>span{color:var(--pink);font-size:23px}.panel-benefit b{font-size:13px}.panel-benefit p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:5px}.outline-label{display:inline-block;border:1px solid #dfc8d8;border-radius:5px;font-size:8px;padding:8px 10px;letter-spacing:1px;color:#9f7893;margin-top:20px}.live-panel{background:white;border:1px solid #eee1e9;border-radius:14px;box-shadow:0 25px 50px #4d12360b;padding:25px}.panel-header{display:flex;justify-content:space-between;align-items:center;font-size:15px}.panel-header>span{color:var(--pink);font-size:8px;letter-spacing:1px;background:#fff0f6;padding:5px 8px;border-radius:5px}.panel-totals{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin:25px 0;font-size:9px;color:#8e7c88}.panel-totals>div{border:1px solid #f0e8ee;border-radius:8px;padding:15px}.panel-totals strong{display:block;font-size:25px;color:var(--ink);margin-top:8px}.filterbar{display:flex;gap:8px;margin-bottom:17px}.filterbar button{background:none;border:0;padding:7px 10px;border-radius:5px;font-size:10px;color:#867e8a}.filterbar button.selected{color:var(--pink);background:#fff0f6}.table-wrap{min-height:196px;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:10px;white-space:nowrap}th{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#a398a2;font-weight:500;padding:10px 5px}td{border-top:1px solid #f2edf0;padding:15px 5px}.status{font-size:8px;background:#e9f8ef;color:#27895b;padding:5px 7px;border-radius:20px}.status.pending{background:#fff4de;color:#a87513}.status.declined{background:#fbebee;color:#a5536c}.panel-bottom{border-top:1px solid var(--line);padding-top:16px;color:#9d909b;font-size:9px}.contact-section{background:#faf9fc;display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.contact-section>div>p{font-size:15px;color:var(--muted);line-height:1.8;max-width:360px}.contact-note{display:flex;gap:16px;max-width:340px;margin-top:30px}.contact-note>span{font-size:24px;color:var(--pink)}.contact-note p{font-size:12px;line-height:1.8;color:#8b8190;margin:0}form{padding:30px;background:white;border:1px solid var(--line);border-radius:13px}form label{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:600;margin-bottom:20px}input,select,textarea{width:100%;border:1px solid #e3dfe7;border-radius:6px;padding:12px;font:12px 'DM Sans',sans-serif;background:white;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #f3a7c9;outline-offset:1px}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:10px;line-height:1.7;color:#948b99;margin:15px 0 0}#brief-result{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;font-size:12px}#brief-result p{font-size:11px;color:var(--muted)}#brief-text{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#faf8fc;font-size:11px}#copy-brief{border:1px solid #efb4ce;color:var(--pink);background:white;border-radius:5px;padding:9px;font-size:11px}#brief-status{font-size:10px;margin-left:10px}nav{gap:22px;font-size:12px}@media(max-width:1000px){.hero h1{font-size:49px}.hero{min-height:650px}.phone{right:-10px;width:150px}.product-scene{height:460px}.preview-metrics{gap:20px}.preview-metrics strong{font-size:18px}.preview-content{padding:16px}.panel-section,.contact-section{gap:40px}.preview-nav{gap:10px}}@media(max-width:700px){.hero h1{font-size:47px;letter-spacing:-2px}.hero{gap:0}.product-scene{width:100%;max-width:440px;height:410px;margin-top:25px}.preview-dashboard{top:20px;right:12px}.preview-nav{font-size:6px;padding:12px}.preview-content{padding:13px}.preview-sidebar{width:32px}.preview-title{font-size:9px}.preview-metrics{margin:15px 0}.bars{height:65px;gap:6px}.phone{width:142px;top:130px;right:0;padding:10px 10px 18px;border-width:4px;border-radius:24px}.phone-brand{font-size:11px}.shopping-icon{margin-top:12px;font-size:18px}.phone-speaker{margin-bottom:12px}.phone-line{margin:14px 0}.payment-toast{left:0;bottom:28px;padding:12px}.payment-toast small{font-size:7px}.solutions{grid-template-columns:1fr}.integration-section{padding-top:10px}.integration-tabs{gap:5px}.integration-tabs button{padding:10px 8px;font-size:10px;flex:1}.integration-detail{grid-template-columns:1fr;gap:25px;padding:25px 0}.integration-detail h3{font-size:25px}.integration-flow{padding:30px 15px;min-height:160px}.panel-section,.contact-section{grid-template-columns:1fr;gap:30px}.live-panel{padding:20px}.panel-totals strong{font-size:22px}.contact-section form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.contact-section>div>p{max-width:none}}
/* Confirmation mark drawn from Kyntegra's ascending silhouette. */
.success{background:#fde7f1;color:transparent;font-size:0!important;position:relative;flex-shrink:0}.success::after{content:"";position:absolute;inset:22%;background:url('assets/success-kyntegra.svg') center/contain no-repeat}.complete .success::after{inset:21%}
.ui-icon{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle}.shopping-icon{display:grid;place-items:center;padding:10px}.shopping-icon .ui-icon{width:25px;height:25px}.integration-flow span{display:grid;place-items:center;width:58px;height:58px;background:#fdebf3;border-radius:16px}.integration-flow span .ui-icon{width:32px;height:32px;border-radius:0;box-shadow:none}.integration-tabs button{display:inline-flex;gap:8px;align-items:center;justify-content:center}.integration-tabs .ui-icon{width:19px;height:19px}.tiny-brand{display:flex;align-items:center;gap:5px;white-space:nowrap}.mono-logo{width:19px;height:19px;border-radius:4px;filter:grayscale(1) contrast(3)}.preview-sidebar{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:20px;flex-shrink:0}.preview-sidebar .ui-icon{width:16px;height:16px}@media(max-width:700px){.integration-tabs button{flex-direction:column;gap:7px}.integration-flow span{width:44px;height:44px;border-radius:12px}.integration-flow span .ui-icon{width:26px;height:26px}.mono-logo{width:16px;height:16px}.preview-sidebar{gap:17px;padding-top:15px}.preview-sidebar .ui-icon{width:13px;height:13px}}