@font-face{font-family:Averta;src:url('/assets/averta-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Averta;src:url('/assets/averta-bold.woff2') format('woff2');font-weight:700 900;font-display:swap} :root{--ink:#24242d;--muted:#6f6d78;--pink:#ed3566;--deep-pink:#c91e50;--orange:#f6a51b;--line:#e9e7ec;--purple:#7464bf;--cream:#fcfaf8;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Averta,Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #8c65d6;outline-offset:5px}img{max-width:100%;height:auto}svg{width:21px;height:21px;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(42px,4.5vw,68px);margin-bottom:25px}h2{font-size:clamp(33px,3.3vw,48px);margin-bottom:22px}h3{font-size:26px}p{color:var(--muted)}.container{width:min(1240px,calc(100% - 96px));margin:auto}.narrow{max-width:760px}.section{padding:105px 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--ink);display:flex;align-items:center;gap:9px;margin-bottom:23px}.eyebrow>span,.preview-dot{width:7px;height:7px;background:var(--pink);border-radius:50%;display:inline-block}.gradient-text{background:linear-gradient(112deg,#e92965 12%,#f37c2b 87%);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:#99949f}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:17px 24px;background:var(--pink);border:1px solid var(--pink);border-radius:8px;color:#fff;font-weight:700;font-size:14px;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:var(--deep-pink);border-color:var(--deep-pink);box-shadow:0 6px 20px #ed356628;transform:translateY(-2px)}.button-small{padding:12px 18px;font-size:13px}.button-white{background:#fff;border-color:#fff;color:var(--pink)}.button-white:hover{background:#fff5f6;border-color:#fff5f6}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:700;line-height:1.5}.text-link:hover{color:var(--pink)}.text-link svg{width:19px}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}.preview-bar{background:#27232e;color:#e9e4ec;min-height:31px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:10px;letter-spacing:.06em}.preview-bar .preview-dot{width:5px;height:5px;background:#f5b77c}.preview-bar a{margin-left:14px;display:flex;align-items:center;gap:5px;color:#ffbbcf}.preview-bar svg{width:13px;height:13px}.preview-separator{color:#7e7484}.site-header{height:91px;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(15px);z-index:20;border-bottom:1px solid #f3f0f3}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:flex;align-items:center}.brand img{width:117px;height:65px;object-fit:contain}#main-nav{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:700}#main-nav>a:not(.button):hover,#main-nav>a[aria-current]{color:var(--pink)}.nav-dropdown{position:relative}.nav-dropdown>button{background:none;border:0;color:inherit;padding:15px 0;font-weight:700;font-size:13px}.nav-dropdown>button span{margin-left:5px}.dropdown-panel{position:absolute;top:50px;left:-25px;width:282px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 45px #26202c15}.dropdown-panel a{display:block;padding:14px;border-radius:8px}.dropdown-panel a:hover{background:#fff4f6}.dropdown-panel span{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:3px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;padding:87px 0 90px;background:radial-gradient(ellipse at 90% 20%,#fff1ed 0,transparent 48%),radial-gradient(ellipse at 48% 90%,#f9f4ff 0,transparent 50%),#fff}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:26px}.hero-copy{position:relative;z-index:2}.hero-description{font-size:17px;max-width:480px;line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;align-items:flex-start;gap:23px;flex-direction:column}.hero-footnote{display:flex;flex-wrap:wrap;gap:15px;margin-top:33px;font-size:10px;color:#78737e}.hero-footnote span{display:flex;align-items:center;gap:4px}.hero-footnote svg{width:13px;height:13px;color:var(--pink)}.product-scene{position:relative;padding:40px 0 38px 17px;min-width:0}.product-window{background:white;border:1px solid #e7e2e8;border-radius:13px;box-shadow:0 20px 70px #49333b12,0 2px 4px #49333b06;display:flex;overflow:hidden;position:relative;z-index:2;transform:perspective(1500px) rotateY(-6deg) rotateX(2deg);transition:transform .5s}.product-scene:hover .product-window{transform:perspective(1500px) rotateY(-2deg)}.product-sidebar{width:52px;background:#faf8fb;border-right:1px solid #eeebef;display:flex;align-items:center;flex-direction:column;padding:15px 0;gap:16px;flex-shrink:0}.mini-logo{font-size:29px;font-weight:800;color:var(--pink);line-height:1;margin-bottom:20px}.side-item{color:#a4a0ab;display:flex;padding:8px;border-radius:8px}.side-item svg{width:17px;height:17px}.side-item.selected{background:#fde9ef;color:var(--pink)}.side-bottom{margin-top:auto;background:#e4dcf1;border-radius:50%;padding:5px;font-size:9px;color:#7c648e}.product-body{padding:18px 21px;flex:1;min-width:0}.product-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;border-bottom:1px solid #f0edf2;padding-bottom:13px}.chevron{margin-left:10px;color:#9f98a6}.avatar{background:#ffedf1;color:var(--pink);font-size:10px;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.dashboard-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.overline{font-size:7px;letter-spacing:1.5px;color:#97919e}.dashboard-head h3{font-size:21px;margin:4px 0 18px;letter-spacing:-.035em}.date-pill{font-size:8px;border:1px solid var(--line);padding:4px 7px;border-radius:4px;margin-top:-7px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-grid>div{border:1px solid #ede9ef;border-radius:8px;padding:12px}.metric-grid span{font-size:8px;color:#807888;display:block}.metric-grid strong{font-size:27px;display:block;line-height:1.5;letter-spacing:-1px}.metric-grid small{font-size:7px;color:#938c9a}.green{color:#28735b!important}.chart-box{margin-top:17px;border:1px solid #ede9ef;border-radius:8px;padding:12px}.chart-box>div:first-child{display:flex;justify-content:space-between;font-size:9px}.chart-box>div:first-child span{font-size:7px;color:#8f8797}.chart{width:100%;height:106px;margin-top:12px;overflow:visible}.grid-lines{stroke:#f0edf2;stroke-dasharray:3 3;fill:none}.chart-line{fill:none;stroke:#ed3566;stroke-width:3}.chart-labels{display:flex;justify-content:space-between;font-size:7px;color:#99919f}.activity-heading{display:flex;justify-content:space-between;font-size:9px;margin:18px 0 10px}.activity-heading>span{font-size:8px;color:#9f98a8}.activity-row{display:flex;align-items:center;gap:8px;border-top:1px solid #f3f0f5;padding:10px 0;font-size:8px}.activity-row strong,.activity-row small{display:block}.activity-row small{color:#918797;font-size:7px;margin-top:2px}.activity-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px}.activity-icon svg{width:14px;height:14px}.pink{background:#fff0f4;color:#e86b8b}.purple{background:#f0eefa;color:#9b81ce}.badge{font-size:7px;padding:4px 6px;border-radius:4px;background:#f4f0fb;color:#8b71b5;margin-left:auto;white-space:nowrap}.badge.green{background:#eaf7f0}.floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:white;border:1px solid #f0e8ee;border-radius:10px;box-shadow:0 12px 35px #3e273613;font-size:11px}.chip-top{right:1px;top:13px;padding:11px 18px}.status-dot{height:6px;width:6px;border-radius:50%;background:#65a48a;box-shadow:0 0 0 4px #eff8f2}.chip-bottom{left:2px;bottom:20px;padding:13px 18px}.chip-bottom strong{font-size:10px;display:block}.chip-bottom small{font-size:8px;display:block;color:#92899a}.chip-icon{display:grid;place-items:center;background:#fff2de;color:#ed9820;width:33px;height:33px;border-radius:9px}.chip-icon svg{width:19px}.illustration-note{position:absolute;right:5px;bottom:-7px;font-size:9px;color:#aaa1ad;margin:0}.orbit{position:absolute;border:1px solid #f6d8d980;border-radius:50%;width:630px;height:630px;top:-40px;left:-15px}.orbit-two{width:730px;height:730px;left:-65px;top:-90px;border-color:#f5e4e670}.capabilities-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;background:#fff}.capabilities-strip>.container{display:flex;align-items:center;justify-content:space-between;gap:20px}.capabilities-strip>.container>span{font-size:9px;line-height:1.7;letter-spacing:.08em;color:#928b97;border-right:1px solid var(--line);padding-right:30px}.capabilities-strip strong{color:#554d5c}.capabilities-strip>.container>div{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#625a6c}.capabilities-strip svg{color:#a092ad;width:20px}.section-heading{margin-bottom:45px}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.split-heading p:last-child{font-size:15px;margin-bottom:24px}.centered{text-align:center}.centered .eyebrow{justify-content:center}.centered>p{margin-left:auto;margin-right:auto}.section-heading.centered>p:last-child{font-size:16px;margin-top:25px}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution-card{padding:30px 38px 34px;border-radius:var(--radius);position:relative;overflow:hidden;border:1px solid transparent;transition:transform .25s,border-color .25s}.solution-card:hover{transform:translateY(-5px);border-color:#d8cbe1}.operator-card{background:#f3f1f8}.brand-card{background:#fff1eb}.card-kicker{font-size:10px;letter-spacing:.12em;color:#72637e;font-weight:700}.solution-card h3{font-size:32px;margin-bottom:17px}.solution-card p{font-size:14px;max-width:390px;line-height:1.8}.card-link{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;border-top:1px solid #d9d0e1;padding-top:23px;margin-top:27px}.brand-card .card-link{border-color:#efd6cb}.solution-art{height:160px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;position:relative}.operator-art>span{border:1px solid #e3dce9;background:#fffcff;box-shadow:0 7px 13px #71538606;display:grid;place-items:center;width:59px;height:59px;border-radius:16px;color:#9a7db0;transform:rotate(-5deg)}.operator-art>span svg{width:27px;height:27px}.operator-art>i{width:43px;border-top:1px dashed #bba4cc}.operator-art>.art-center{background:#a78abc;color:#fff;border:0;width:80px;height:80px;font-size:60px;font-weight:800;line-height:.7;transform:rotate(0);padding-bottom:11px;box-shadow:0 7px 25px #86629130}.operator-art>span:last-child{transform:rotate(5deg)}.brand-ticket{background:#fffdfa;box-shadow:0 13px 20px #b56d4210;border:1px solid #f6ddd0;transform:rotate(-7deg);width:225px;padding:20px;border-radius:12px}.brand-ticket>span{font-size:29px;line-height:1;font-weight:700;color:#e77664}.brand-ticket small{display:block;font-size:8px;color:#b58e86;margin-top:10px}.ticket-lines{display:flex;gap:4px;margin-top:13px}.ticket-lines i{height:6px;width:35px;background:#ffdfd4;border-radius:2px}.ticket-lines i:last-child{width:65px;background:#fff0df}.brand-spark{font-size:84px;color:#f1ad3c;position:absolute;right:calc(50% - 158px);top:25px;line-height:1;transform:rotate(10deg)}.platform-section{background:#fcfbfd;border-top:1px solid #f3eff5;border-bottom:1px solid #f3eff5}.platform-explorer{border:1px solid #e6e0eb;background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 20px 40px #4d3c6005}.explorer-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#faf8fc;border-bottom:1px solid var(--line)}.explorer-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;background:none;border:0;border-bottom:2px solid transparent;padding:20px;font-size:13px;font-weight:700;color:#8e8399}.explorer-tabs button[aria-selected=true]{color:var(--pink);background:#fff;border-bottom-color:var(--pink)}.explorer-tabs svg{width:19px}.explorer-tabs button:hover{color:var(--pink)}#explorer-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:52px}.number-label{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--pink)}.explorer-copy h3{font-size:34px;margin:20px 0}.explorer-copy p{font-size:14px;line-height:1.9}.explorer-copy .text-link{margin-top:12px}.client-visual{border:1px solid #e9e2ee;border-radius:12px;padding:25px;box-shadow:0 14px 35px #48325807;background:linear-gradient(120deg,#fff,#fdfbff)}.client-profile{display:flex;align-items:center;gap:12px;font-size:13px}.profile-avatar{background:#fae9f0;border-radius:50%;color:#c6658a;display:grid;place-items:center;width:43px;height:43px;font-size:13px}.client-profile>div>span{display:block;font-size:10px;color:#9a8ca4;margin-top:3px}.client-profile .badge{font-size:9px}.client-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:27px 0;padding-bottom:22px;border-bottom:1px solid #eee7f1}.client-visual-grid span{display:block;font-size:9px;color:#9a8ba5}.client-visual-grid strong{font-size:10px;display:block;margin-top:6px}.timeline{display:flex;gap:10px}.timeline-dot{width:8px;height:8px;flex-shrink:0;margin-top:7px;background:#a989c3;border-radius:50%;box-shadow:0 0 0 4px #f3edf9}.timeline strong{font-size:10px}.timeline p{font-size:9px;margin-top:5px}.example-label{font-size:8px;margin:18px 0 0;color:#a299aa}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.integration-grid>div>p:not(.eyebrow){font-size:16px;max-width:430px;margin-bottom:25px}.connection-map{position:relative;height:390px;background:radial-gradient(ellipse at center,#fff0f4,transparent 63%)}.map-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:144px;height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:35px;font-weight:700;color:#ed3566;border-radius:21px;border:1px solid #f2d5df;background:#fff;box-shadow:0 13px 35px #d56b8814;z-index:2}.map-core>span{font-size:7px;letter-spacing:1px;color:#b88e9e}.map-node{position:absolute;display:flex;align-items:center;gap:8px;padding:15px 18px;border:1px solid #e8e0eb;border-radius:10px;background:#fff;font-size:12px;color:#7d6b86;z-index:2;box-shadow:0 5px 15px #4e345909}.map-node svg{width:18px}.node-top{top:30px;left:50%;transform:translateX(-50%)}.node-bottom{bottom:30px;left:50%;transform:translateX(-50%)}.node-left{left:0;top:50%;transform:translateY(-50%)}.node-right{right:0;top:50%;transform:translateY(-50%)}.map-line{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.horizontal{width:90%;height:1px;background:linear-gradient(90deg,#d1bbdd,#efc5d4,#d1bbdd)}.vertical{height:75%;width:1px;background:linear-gradient(#d1bbdd,#efc5d4,#d1bbdd)}.human-section{padding-top:20px}.human-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.human-photo{height:430px;position:relative;overflow:hidden;border-radius:22px;background:#514549}.human-photo img{width:100%;height:100%;object-fit:cover}.human-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#281c278c)}.human-photo>span{position:absolute;bottom:27px;left:30px;color:#fff;font-size:22px;line-height:1.35;z-index:2}.human-grid p:not(.eyebrow){font-size:15px;line-height:1.9}.line-item{font-size:13px;display:flex;gap:10px;align-items:center;padding:10px 0}.line-item svg{color:var(--pink);width:17px}.human-grid .text-link{margin-top:24px}.closing-cta{position:relative;background:linear-gradient(112deg,#e92b62 0%,#ee4661 48%,#f1873c 100%);overflow:hidden;padding:73px 0 77px;text-align:center;color:#fff}.closing-cta .container{position:relative;z-index:2}.closing-cta .eyebrow{justify-content:center;color:#fff;font-size:10px}.closing-cta h2{font-size:54px;line-height:1.02;margin-bottom:20px}.closing-cta p{color:#fff3f3;font-size:15px}.closing-cta .button{margin-top:13px}.cta-secondary{display:block;font-size:12px;color:#ffedef;margin-top:19px}.cta-orbit{border:1px solid #ffffff24;border-radius:50%;height:800px;width:800px;position:absolute;top:-170px;right:-300px}.cta-orbit:before,.cta-orbit:after{content:'';position:absolute;border:1px solid #ffffff20;border-radius:50%;inset:70px}.cta-orbit:after{inset:140px}.site-footer{background:#25222c;color:#f6f3f8;padding-top:62px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:30px}.footer-brand img{width:126px;height:61px;object-fit:contain;object-position:left}.footer-brand p{font-size:16px;color:#e9e2ed;line-height:1.5;margin:14px 0}.footer-grid>div>h2{font-size:11px;letter-spacing:.04em;margin-top:20px;margin-bottom:24px}.footer-grid>div>a,.footer-grid>div>span{display:block;font-size:12px;color:#b5aabc;margin-bottom:12px}.footer-grid>div>a:hover{color:#fff}.footer-brand>span{font-size:10px!important;color:#827589!important}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #403546;margin-top:50px;padding:23px 0;font-size:10px;color:#a497ad}.footer-bottom>div{display:flex;gap:20px}.detail-hero h1{font-size:clamp(42px,4.2vw,62px)}.detail-hero{padding:85px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.feature{padding:23px 0;border-top:1px solid var(--line)}.feature-icon{width:46px;height:46px;display:grid;place-items:center;background:#fff0f4;color:var(--pink);border-radius:12px;margin-bottom:24px}.feature h3{font-size:24px;line-height:1.2}.feature p{font-size:14px;line-height:1.8}.process-section{background:var(--cream)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step-number{display:block;font-size:39px;font-weight:700;color:#e6ccd6;border-bottom:1px solid #e7dbe1;padding-bottom:16px;margin-bottom:25px}.process-grid h3{font-size:23px}.process-grid p{font-size:14px}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:75px}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:25px;font-weight:700;font-size:16px;list-style:none;line-height:1.4}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;color:var(--pink);font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:18px 35px 0 0;font-size:14px}.api-visual{background:#292332;color:#fff;border:1px solid #403648;border-radius:18px;box-shadow:0 20px 70px #49333b17;transform:rotate(2deg);margin-left:40px}.code-header{border-bottom:1px solid #514158;padding:18px;display:flex;gap:25px;font-size:10px;color:#baabc3}.code-header>span{display:flex;align-items:center;gap:5px}.code-header i{width:7px;height:7px;background:#ef668a;border-radius:50%}.code-header i:nth-child(2){background:#efb768}.code-header i:nth-child(3){background:#8eac9b}.api-diagram{padding:30px;display:flex;align-items:center;flex-direction:column}.api-diagram>div:first-child{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:19px}.api-diagram>div:first-child svg{color:#ed8caa;width:30px;height:30px}.api-diagram>div>span{font-size:10px;color:#aa99b6}.connection-arrow{color:#846793;font-size:25px;padding:8px}.api-center{border:1px solid #b76d8b;border-radius:9px;background:#50303f;color:#ffa9c3;font-size:13px;letter-spacing:3px;padding:17px 55px}.api-pills{display:flex;gap:12px}.api-pills span{border:1px solid #594161;border-radius:5px;padding:8px 12px}.api-visual>p{text-align:center;font-size:9px;color:#a997b1;margin-bottom:25px}.contact-section{background:radial-gradient(ellipse at 10% 10%,#fff4f5,transparent 55%);padding-top:75px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.contact-intro h1{font-size:62px}.contact-intro>p:not(.eyebrow){font-size:16px;max-width:405px}.contact-benefits{margin-top:35px}.contact-benefits>div{display:flex;gap:18px;align-items:center;padding:14px 0}.contact-benefits>div>span{font-size:12px;color:var(--pink);font-weight:700}.contact-benefits p{font-size:14px;margin:0;color:#625968}.contact-direct{border-top:1px solid var(--line);margin-top:32px;padding-top:23px;font-size:12px;color:var(--muted)}.contact-direct a{display:flex;align-items:center;gap:15px;font-size:21px;margin-top:8px;color:var(--ink);font-weight:700}.form-card{border:1px solid #ebe5ef;border-radius:20px;padding:36px;box-shadow:0 20px 50px #46294606;background:#fff}.form-card h2{font-size:27px}.form-card>p{font-size:14px}.form-notice{background:#f7f3fb;border:1px solid #eee5f7;padding:12px 15px;border-radius:8px;font-size:11px;color:#766286;margin:20px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card label{display:block;font-size:12px;font-weight:700;margin:17px 0;color:#55485e}.form-card input:not([type=checkbox]),.form-card select{width:100%;border:1px solid #ded6e5;border-radius:6px;background:#fefcfe;padding:12px;color:#403748;font-size:13px;margin-top:6px;min-width:0}.form-card input::placeholder{color:#aaa0b1}.form-card input:focus,.form-card select:focus{border-color:var(--pink)}.form-card .checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:10px;font-weight:400;line-height:1.7;margin:23px 0}.checkbox-label input{accent-color:var(--pink);margin-top:3px;flex-shrink:0}.checkbox-label a{text-decoration:underline}.form-card .button{width:100%;margin-top:0}.form-fine-print{text-align:center;font-size:10px;margin:13px 0 0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-result{background:#edf8f1;border:1px solid #cfe4d6;color:#386a48;padding:15px;border-radius:8px;font-size:13px}.form-result.is-error{background:#fff1f3;color:#b22d4f;border-color:#edc2cf}.compact-solutions{margin-top:45px}.compact-solutions h2{font-size:29px}.compact-solutions .feature-icon{background:#fff}.start-note{display:flex;align-items:center;gap:30px;border:1px solid var(--line);border-radius:15px;padding:30px;margin-top:35px}.start-note>span{color:var(--pink)}.start-note h2{font-size:22px}.start-note p{font-size:13px;max-width:620px;margin-bottom:0}.start-note>a{margin-left:auto;flex-shrink:0}.legal-copy h1{font-size:44px}.legal-copy p{line-height:1.9}.legal-copy .text-link{margin-top:20px} @media(min-width:1450px){.hero-actions{flex-direction:row;align-items:center;gap:22px}.hero-actions .button{font-size:13px}.hero-actions .text-link{font-size:12px}.hero{padding:110px 0}.product-scene{padding-left:5px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}#main-nav{gap:20px}.hero-grid{gap:20px}.hero h1{font-size:49px}.hero-description{font-size:15px}.product-body{padding:15px}.metric-grid strong{font-size:24px}.hero-footnote{gap:10px}.capabilities-strip>.container{flex-wrap:wrap;justify-content:center}.human-grid{gap:50px}.contact-grid{gap:50px}.contact-intro h1{font-size:53px}#explorer-panel{gap:35px;padding:35px}.integration-grid{gap:40px}.map-node{padding:12px;font-size:10px}.map-core{width:115px}.solution-card{padding:30px}.footer-grid{gap:20px}.hero{padding-top:60px;padding-bottom:65px}}@media(max-width:850px){.container{width:calc(100% - 44px)}.site-header{height:77px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:12px}.menu-toggle span{width:21px;height:2px;background:var(--ink)}#main-nav{display:none;position:absolute;top:77px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:22px;box-shadow:0 15px 20px #3020350d;flex-direction:column;align-items:stretch;gap:0}#main-nav.open{display:flex}#main-nav>a{padding:13px 8px}.nav-dropdown>button{width:100%;text-align:left;padding:13px 8px}.dropdown-panel{position:static;width:100%;box-shadow:none;border:0;background:#faf7fc}.dropdown-panel a{padding:12px 20px}#main-nav>.button{margin-top:12px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:59px}.hero-description{max-width:570px;font-size:17px}.hero-actions{flex-direction:row;align-items:center}.hero-footnote{font-size:11px}.product-scene{max-width:620px;width:100%;margin:auto;padding:30px 22px 45px;}.product-window{transform:none}.product-body{padding:20px 25px}.product-sidebar{width:55px}.dashboard-head h3{font-size:24px}.chart{height:125px}.product-top{font-size:12px}.metric-grid span{font-size:10px}.metric-grid strong{font-size:30px}.metric-grid small{font-size:8px}.activity-row{font-size:10px}.activity-row small{font-size:9px}.activity-heading{font-size:11px}.chip-top{right:12px;top:8px}.chip-bottom{left:0;bottom:28px}.illustration-note{right:28px;bottom:0}.section{padding:75px 0}.section-heading.split-heading{display:block}.split-heading p:last-child{margin-top:20px}.solution-card h3{font-size:29px}.solution-art{height:130px}.operator-art>span{width:42px;height:42px;border-radius:11px}.operator-art>i{width:20px}.operator-art>.art-center{height:65px;width:65px;font-size:46px}.brand-ticket{width:190px}.brand-spark{right:calc(50% - 110px);font-size:65px}.solution-card{padding:26px}.solution-card p{font-size:13px}.human-grid{gap:35px}.human-photo{height:370px}.integration-grid{grid-template-columns:1fr;gap:30px}.connection-map{max-width:550px;width:100%;margin:auto}.integration-grid>div>p:not(.eyebrow){max-width:600px}.feature-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-intro h1{font-size:56px}.contact-intro>p:not(.eyebrow){max-width:600px}.contact-benefits{display:none}.contact-direct{margin-top:20px}.form-card{max-width:620px;width:100%}.footer-grid{grid-template-columns:1.3fr 1fr}.footer-bottom>span:last-child{display:none}.api-visual{max-width:530px;width:100%;margin:0 auto}.faq-grid{gap:40px;grid-template-columns:1fr 1.3fr}}@media(max-width:600px){.container{width:calc(100% - 40px)}.preview-bar{font-size:8px;gap:6px}.preview-bar>a{display:none}.brand img{width:104px}.hero{padding:47px 0}.hero h1{font-size:44px;letter-spacing:-.05em;line-height:1.1}.eyebrow{font-size:9px;margin-bottom:22px}.hero-description{font-size:15px;line-height:1.8}.hero-actions{flex-direction:column;align-items:stretch;gap:20px}.hero-actions .text-link{justify-content:center;font-size:12px}.button{padding:16px 18px;font-size:13px}.hero-footnote{gap:10px;font-size:9px;justify-content:center;margin-top:25px}.hero-footnote svg{width:11px}.hero-grid{gap:25px}.product-scene{padding:25px 4px 43px;}.product-sidebar{width:37px;gap:9px;padding:13px 0}.mini-logo{font-size:25px;margin-bottom:13px}.side-item{padding:5px}.side-item svg{width:14px;height:14px}.product-body{padding:11px 12px}.product-top{font-size:8px;padding-bottom:8px}.avatar{width:20px;height:20px}.dashboard-head{margin-top:10px}.dashboard-head h3{font-size:17px;margin-bottom:12px}.overline{font-size:6px}.date-pill{font-size:6px;padding:3px}.metric-grid{gap:7px}.metric-grid>div{padding:8px}.metric-grid span{font-size:7px}.metric-grid strong{font-size:23px}.metric-grid small{font-size:6px}.chart-box{padding:8px;margin-top:10px}.chart-box>div:first-child{font-size:7px}.chart-box>div:first-child span{font-size:6px}.chart{height:70px}.chart-labels{font-size:6px}.activity-heading{font-size:8px;margin-top:11px}.activity-heading>span{font-size:6px}.activity-row{font-size:7px;padding:7px 0;gap:6px}.activity-row small{font-size:6px}.activity-icon{width:21px;height:21px}.activity-icon svg{width:12px;height:12px}.badge{font-size:6px;padding:3px 4px}.chip-top{font-size:8px;top:1px;padding:8px 12px;right:0}.chip-bottom{padding:9px 12px;bottom:20px}.chip-bottom strong{font-size:8px}.chip-bottom small{font-size:6px}.chip-icon{width:26px;height:26px}.illustration-note{font-size:7px;right:5px;bottom:0}.capabilities-strip{padding:24px 0}.capabilities-strip>.container{gap:15px 25px}.capabilities-strip>.container>span{width:100%;text-align:center;border:0;padding:0;font-size:8px}.capabilities-strip>.container>span br{display:none}.capabilities-strip>.container>span strong{margin-left:5px}.capabilities-strip>.container>div{font-size:10px;gap:6px}.capabilities-strip svg{width:16px}.section{padding:60px 0}h2{font-size:33px}.section-heading{margin-bottom:30px}.split-heading p:last-child{font-size:14px}.solution-grid{grid-template-columns:1fr;gap:18px}.solution-card{padding:25px 27px}.solution-card h3{font-size:32px}.solution-card p{font-size:14px}.solution-art{height:145px}.operator-art>i{width:35px}.operator-art>span{width:50px;height:50px}.operator-art>.art-center{width:70px;height:70px}.card-link{font-size:13px}.section-heading.centered h2{font-size:29px}.section-heading.centered p:last-child{font-size:14px}.explorer-tabs button{padding:14px 4px;font-size:9px;flex-direction:column;gap:6px}.explorer-tabs svg{width:18px;height:18px}#explorer-panel{grid-template-columns:1fr;padding:25px;gap:30px}.explorer-copy h3{font-size:29px}.explorer-copy p{font-size:13px}.client-visual{padding:18px}.client-profile{font-size:11px}.client-profile>div>span{font-size:8px}.profile-avatar{width:35px;height:35px;font-size:11px}.client-profile .badge{font-size:7px}.client-visual-grid{gap:10px}.client-visual-grid strong{font-size:9px}.example-label{font-size:7px}.connection-map{height:310px}.map-node{font-size:9px;padding:11px 9px;gap:5px}.map-node svg{width:14px}.map-core{width:95px;height:90px;font-size:28px}.map-core span{font-size:6px;letter-spacing:.5px}.node-left{left:-6px}.node-right{right:-6px}.human-grid{grid-template-columns:1fr;gap:35px}.human-photo{height:300px}.human-section{padding-top:10px}.human-photo>span{font-size:20px}.human-grid h2{font-size:35px}.closing-cta{padding:58px 0}.closing-cta h2{font-size:43px}.closing-cta p{font-size:13px}.closing-cta .eyebrow{font-size:8px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 15px}.footer-grid>div>a,.footer-grid>div>span{font-size:11px}.footer-brand p{font-size:14px}.footer-bottom{font-size:9px;flex-wrap:wrap;gap:15px;margin-top:32px}.footer-bottom>div{gap:13px}.feature-grid{grid-template-columns:1fr;gap:8px}.feature{padding:23px 0}.feature-icon{margin-bottom:18px}.feature h3{font-size:25px}.process-grid{grid-template-columns:1fr;gap:20px}.step-number{font-size:31px;padding-bottom:12px;margin-bottom:18px}.process-grid h3{font-size:24px}.faq-grid{grid-template-columns:1fr;gap:23px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.api-visual{transform:none}.api-diagram{padding:25px 15px}.api-pills{gap:8px}.contact-intro h1{font-size:45px}.contact-section{padding-top:45px}.form-card{padding:24px}.form-card h2{font-size:25px}.form-row{grid-template-columns:1fr;gap:0}.form-card label{margin:12px 0}.form-card .checkbox-label{margin:20px 0}.start-section h1{font-size:43px}.compact-solutions h2{font-size:28px}.start-note{align-items:flex-start;flex-wrap:wrap;padding:24px;gap:14px}.start-note>a{margin-left:0}.start-note h2{font-size:22px}.legal-copy h1{font-size:35px}.legal-copy p{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}} /* Product capability sections: operational examples and multi-brand hierarchy. */ .automation-showcase{background:#24212e;color:#fff}.automation-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.automation-showcase .eyebrow{color:#f8b6c9}.automation-showcase h2 span{color:#ffa97b}.automation-showcase .showcase-intro{color:#d0cbd9;font-size:17px;max-width:560px}.technology-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.technology-tags span{border:1px solid #686073;border-radius:20px;padding:6px 12px;font-size:12px;color:#e9e3f0}.workflow-preview{padding:28px;border:1px solid #5b5267;border-radius:22px;background:#302b3b}.workflow-caption{font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:8px;color:#ddd1e6}.status-dot{width:7px;height:7px;border-radius:50%;background:#f3a85f}.workflow-preview ol{list-style:none;margin:28px 0 12px;padding:0}.workflow-preview li{display:grid;grid-template-columns:36px 1fr;gap:16px;padding:0 0 24px;position:relative}.workflow-preview li>span{position:relative;z-index:1;background:#4a3c50;border:1px solid #756079;border-radius:10px;height:36px;display:grid;place-items:center;color:#ffb4cc}.workflow-preview li:not(:last-child):before{content:'';position:absolute;left:17px;top:36px;bottom:0;border-left:1px dashed #84718a}.workflow-preview small{display:block;color:#cdb6d8;font-size:9px;letter-spacing:.12em;margin:3px 0 9px}.workflow-preview strong{font-size:17px;line-height:1.3;display:block;color:#fff}.workflow-preview li p{color:#cdc6d5;font-size:13px;margin:8px 0 0}.workflow-preview .workflow-note{color:#bfb4c8;font-size:11px;line-height:1.5;margin:0;border-top:1px solid #5b5267;padding-top:15px}.standalone-workflow{box-shadow:0 25px 60px #29223420}.master-showcase{background:#faf8fc}.master-diagram{background:#fff;border:1px solid var(--line);border-radius:24px;padding:35px 24px;text-align:center;box-shadow:0 18px 50px #35233d08}.master-root{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fbeaf0;border:1px solid #f4c4d3;border-radius:14px;padding:22px;max-width:270px;margin:0 auto 38px}.master-root:after{content:'';position:absolute;top:100%;height:25px;border-left:2px solid #e2d6e8}.master-root>svg{color:var(--pink)}.master-root strong{font-size:25px}.master-root>span{font-size:11px;color:#786d80}.master-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}.master-branches:before{content:'';position:absolute;top:-14px;left:16%;right:16%;border-top:2px solid #e2d6e8}.master-branches>div{position:relative;border:1px solid var(--line);border-radius:12px;padding:16px 8px;display:flex;align-items:center;flex-direction:column;gap:7px}.master-branches>div:before{content:'';position:absolute;bottom:100%;height:14px;border-left:2px solid #e2d6e8}.master-branches span{height:30px;width:30px;display:grid;place-items:center;background:#eee8f5;color:#786087;border-radius:8px;font-weight:800}.master-branches strong{font-size:12px}.master-branches small{font-size:10px;color:var(--muted)}.master-diagram>p{font-size:10px;margin:25px 0 0}.capability-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.capability-link-grid>a{border:1px solid var(--line);border-radius:18px;padding:27px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .2s,transform .2s}.capability-link-grid>a:hover{border-color:var(--pink);transform:translateY(-3px)}.capability-link-grid h3{font-size:23px}.capability-link-grid p{font-size:14px}.capability-link-grid .text-link{margin-top:auto}.use-cases{background:#faf8fc}.use-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.use-case-grid article{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.use-case-grid h3{font-size:25px}.use-case-grid p{font-size:15px}.use-case-grid strong{color:var(--ink)} @media(max-width:1000px){.automation-layout{grid-template-columns:1fr;gap:40px}.capability-link-grid{grid-template-columns:1fr 1fr}#main-nav.open{max-height:calc(100dvh - 90px);overflow-y:auto}.dropdown-panel{max-height:65vh;overflow-y:auto}} @media(max-width:600px){.automation-showcase .eyebrow{font-size:9px;line-height:1.6}.automation-showcase h2{font-size:34px}.automation-showcase .showcase-intro{font-size:15px}.workflow-preview{padding:22px}.workflow-preview strong{font-size:16px}.workflow-preview li{gap:12px}.technology-tags span{font-size:10px}.master-diagram{padding:25px 14px}.master-branches{gap:7px}.master-branches strong{font-size:10px}.capability-link-grid,.use-case-grid{grid-template-columns:1fr}.capability-link-grid>a,.use-case-grid article{padding:24px}.master-showcase .integration-grid{gap:35px}} /* Page-specific product illustrations. All explanatory copy remains server-rendered HTML. */ .topic-scene{margin:0;min-width:0;background:#fff;border:1px solid #e9e4ec;border-radius:24px;padding:30px;box-shadow:0 24px 65px #39243c0c;position:relative}.topic-scene strong,.topic-scene small{display:block}.topic-scene figcaption{font-size:10px;color:#7b7282;margin-top:23px;padding-top:15px;border-top:1px solid #eee8f0;line-height:1.5}.scene-heading{margin-bottom:25px}.scene-kicker{display:block;color:#9a4463;font-size:10px;font-weight:800;letter-spacing:.13em;margin-bottom:11px}.scene-heading>strong{font-size:23px;line-height:1.25;letter-spacing:-.03em}.scene-heading>small{font-size:12px;color:var(--muted);margin-top:9px}.hub-center{background:linear-gradient(125deg,#fdecf2,#fff4e5);padding:23px;border:1px solid #f1d8e0;border-radius:16px;text-align:center}.hub-center>span{color:var(--pink);font-size:40px;font-weight:800;line-height:1}.hub-center strong{font-size:20px;margin:8px 0}.hub-center small,.hub-modules small{font-size:11px;color:#756b7c}.hub-modules{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.hub-modules>div{border:1px solid var(--line);border-radius:12px;padding:17px}.hub-modules svg{color:var(--pink);margin-bottom:8px}.hub-modules strong{font-size:15px;margin-bottom:4px}.scene-ribbon{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;background:#f7f3f9;border-radius:10px;padding:12px;font-size:12px;margin-top:18px}.scene-ribbon>span{color:#b7a3bc}.operator-board{border:1px solid var(--line);border-radius:15px;padding:0 17px}.board-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:14px 0;border-bottom:1px solid var(--line)}.work-order{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:21px 0}.work-order+.work-order{border-top:1px solid var(--line)}.scene-icon{width:32px;height:36px;background:#f8eff3;color:var(--pink);border-radius:8px;display:grid;place-items:center}.work-order strong{font-size:13px}.work-order small{font-size:10px;color:var(--muted);margin-top:5px}.scene-state{display:inline-block!important;font-size:9px;border-radius:20px;padding:5px 8px;background:#f1ecf7;color:#7b658a;white-space:nowrap}.pink-state{color:#ba3b65;background:#ffedf3}.green-state{color:#3b7a67;background:#eaf5ef}.scene-summary{display:flex;align-items:center;gap:15px;padding:22px 0 4px}.scene-summary>span{color:var(--pink)}.scene-summary strong{font-size:14px}.scene-summary small{font-size:11px;color:var(--muted);margin-top:4px}.scene-brand{background:linear-gradient(135deg,#fff9fa,#f8f5fc)}.brand-composition{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.sample-wordmark{font-size:25px;font-weight:800;letter-spacing:-.06em}.sample-wordmark>span{color:var(--pink)}.brand-identity .sample-wordmark{font-size:38px;margin:14px 0}.brand-swatches{display:flex;gap:7px;margin:20px 0}.brand-swatches i{width:23px;height:23px;border-radius:50%;background:#8054aa}.brand-swatches i:nth-child(2){background:#e7dcef}.brand-swatches i:nth-child(3){background:#29232f}.brand-identity p{font-size:14px}.brand-touchpoint{font-size:11px;padding:8px 0;border-bottom:1px solid #e7dfeb}.brand-phone{border:5px solid #2c2532;border-radius:30px;background:#fff;padding:13px 15px 10px;box-shadow:12px 18px 25px #583b7112}.phone-speaker{background:#2c2532;width:48px;height:5px;border-radius:5px;margin:0 auto 23px}.phone-wordmark{font-weight:800;color:#8054aa;font-size:16px;display:block;margin-bottom:23px}.brand-phone>small{color:var(--muted);font-size:10px}.brand-phone>strong{font-size:21px;line-height:1.2;margin:8px 0 20px}.phone-service{padding:13px 10px;background:#f5eff9;border-radius:12px;margin:9px 0}.phone-service svg{width:17px;color:#8054aa}.phone-service strong{font-size:11px;margin:6px 0}.phone-service small{font-size:9px;color:var(--muted)}.phone-bottom{width:60px;height:4px;background:#2c2532;border-radius:4px;margin:18px auto 0}.invoice-sample{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px;box-shadow:0 10px 20px #30203306}.invoice-sample>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}.invoice-sample .sample-wordmark{font-size:21px;color:var(--pink)}.invoice-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.invoice-item strong{font-size:12px;color:var(--ink)}.invoice-total{padding:18px;background:#f9eef3;border-radius:9px;margin-top:12px}.invoice-total>span{font-size:11px;color:var(--muted)}.invoice-total strong{font-size:19px;margin-top:5px}.invoice-total strong span{float:right;color:var(--pink)}.payment-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 14px}.payment-choices>span{background:#f6f2f9;border:1px solid #e5ddeb;border-radius:9px;padding:12px 5px;text-align:center;font-size:13px;font-weight:800}.scene-context{font-size:11px;margin-bottom:0}.scene-esim{background:linear-gradient(145deg,#fff,#f6f9fd)}.esim-top{display:flex;align-items:center;gap:16px}.esim-top strong{font-size:25px;line-height:1.2;letter-spacing:-.03em}.travel-globe{width:115px;height:115px;flex-shrink:0;fill:none;stroke:#d4c1e3;stroke-width:1.3}.travel-globe .travel-arc{stroke:#ed3566;stroke-width:2;stroke-dasharray:4 4}.travel-globe .travel-dot{fill:#ed3566;stroke:#fff;stroke-width:3}.destination-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0}.destination-cards>div{padding:17px;background:white;border:1px solid #e5e1eb;border-radius:13px}.destination-cards>div>span{font-size:12px;color:#b889a2}.destination-cards strong{font-size:17px;margin:7px 0}.destination-cards small{font-size:11px;color:var(--muted)}.esim-delivery{display:flex;align-items:center;gap:22px;background:#2d2838;color:#fff;border-radius:14px;padding:24px}.esim-delivery p{color:#d0c8d8;font-size:12px;margin:7px 0 0}.esim-symbol{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px;border:1px solid #a28ab2;border-radius:12px;color:#fbb6d0;font-size:11px}.esim-symbol svg{width:24px;height:24px}.contract-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:center}.signature-sheet{border:1px solid #e7deea;border-radius:12px;padding:22px 17px;box-shadow:0 12px 24px #46354c08}.signature-sheet .sample-wordmark{color:var(--pink);font-size:22px;display:block;margin-bottom:25px}.signature-sheet>strong{font-size:17px;margin-bottom:18px}.document-strokes i{display:block;height:4px;background:#ece7ef;margin:7px 0;border-radius:3px}.document-strokes i:last-child{width:65%}.signature-box{background:#fcf8fb;border:1px dashed #ddcddd;margin:25px 0 15px;border-radius:8px;padding:12px}.signature-box small{font-size:9px;color:#88768b}.signature-box svg{width:100%;height:48px;stroke:#b8507b;stroke-width:2;fill:none}.signature-sheet>small{font-size:9px;color:var(--muted)}.delivery-steps{list-style:none;padding:0;margin:0}.delivery-steps li{display:flex;align-items:center;gap:10px;padding:17px 0;position:relative}.delivery-steps li>span{display:grid;place-items:center;flex-shrink:0;height:26px;width:26px;border-radius:50%;background:#f8eaf1;color:#bb4e78;font-size:11px;z-index:1}.delivery-steps li:not(:last-child):after{content:'';position:absolute;top:43px;bottom:-17px;left:12px;border-left:1px solid #e5d8e7}.delivery-steps strong{font-size:12px}.delivery-steps small{font-size:10px;color:var(--muted);margin-top:3px} @media(max-width:600px){.topic-scene{padding:22px;border-radius:18px}.scene-heading>strong{font-size:21px}.hub-modules>div{padding:13px}.hub-modules small{font-size:10px}.work-order{grid-template-columns:28px 1fr;gap:10px;padding:16px 0}.work-order>.scene-state{grid-column:2;justify-self:start}.operator-board{padding:0 13px}.brand-composition{gap:13px}.brand-identity .sample-wordmark{font-size:29px}.brand-identity p{font-size:12px}.brand-phone{padding:12px 9px 8px;border-width:4px;border-radius:24px}.brand-phone>strong{font-size:17px}.phone-service{padding:10px 7px}.brand-identity .scene-kicker{font-size:8px}.phone-wordmark{font-size:14px}.invoice-sample{padding:15px}.invoice-sample>div:first-child{flex-wrap:wrap}.invoice-item{font-size:10px}.invoice-item strong{font-size:11px}.payment-choices{grid-template-columns:1fr 1fr}.esim-top strong{font-size:22px}.travel-globe{width:75px;height:75px}.esim-top .scene-kicker{font-size:8px}.destination-cards>div{padding:13px}.destination-cards strong{font-size:14px}.destination-cards small{font-size:10px}.esim-delivery{padding:18px;gap:15px}.esim-delivery strong{font-size:15px}.contract-layout{grid-template-columns:1fr;gap:16px}.signature-sheet{max-width:250px;width:100%;margin:auto}.delivery-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.delivery-steps li:after{display:none}.topic-scene figcaption{font-size:9px}} /* Page-specific scenes for the preserved SEO landing pages. */ .audience-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.audience-sources>div{padding:17px 10px;border:1px solid var(--line);border-radius:12px;text-align:center}.audience-sources svg,.esim-offers svg{color:var(--pink);margin-bottom:10px}.audience-sources strong{font-size:12px}.audience-sources small{font-size:10px;color:var(--muted);margin-top:6px}.scene-bridge{text-align:center;color:var(--pink);font-size:28px;padding:13px}.audience-offer{padding:24px;border-radius:16px;background:#fcf0f5;text-align:center}.audience-offer>.sample-wordmark{color:var(--pink)}.audience-offer>strong{margin-top:10px}.crm-record{display:flex;gap:13px;align-items:center;background:#fbf0f5;border-radius:12px;padding:18px}.crm-record strong{font-size:15px}.crm-record small{font-size:11px;color:var(--muted);margin-top:5px}.crm-record-tabs{display:flex;gap:16px;padding:20px 0 12px;font-size:11px;color:#92516e}.app-scene-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);align-items:center;gap:22px;max-width:390px;margin:auto}.app-scene-notes>div{padding:18px 0;border-bottom:1px solid var(--line)}.app-scene-notes strong{font-size:14px}.app-scene-notes small{font-size:11px;color:var(--muted);margin-top:5px}.esim-offers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.esim-offers>div{padding:22px 17px;background:#f8f4fb;border:1px solid var(--line);border-radius:14px}.esim-offers strong{font-size:18px;line-height:1.3}.esim-offers p{font-size:12px;line-height:1.6}.network-emblem{position:relative;text-align:center;background:radial-gradient(ellipse,#fde6f0,#fcf9fd 70%);border-radius:18px;padding:15px 0 25px}.network-emblem svg{display:block;width:210px;max-width:100%;height:100px;margin:auto;fill:none;stroke:#dd9bbb;stroke-width:5;stroke-linecap:round}.network-emblem>strong{font-size:72px;line-height:1.1;letter-spacing:-.06em;color:var(--pink)}.network-emblem>span{font-size:17px;font-weight:800}.network-conditions{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.network-conditions strong{font-size:13px}.network-conditions small{font-size:11px;color:var(--muted);margin-top:6px}@media(max-width:600px){.audience-sources{gap:6px}.audience-sources>div{padding:13px 5px}.audience-sources strong{font-size:10px}.audience-sources small{font-size:9px}.app-scene-layout{gap:14px}.app-scene-notes strong{font-size:12px}.app-scene-notes small{font-size:10px}.esim-offers{gap:10px}.esim-offers>div{padding:16px 12px}.esim-offers strong{font-size:15px}.esim-offers p{font-size:11px}.network-conditions{gap:10px}} /* Cookie controls: equal prominence for acceptance and rejection. */ .cookie-panel { padding: 24px; background: #fff; color: #17223b; border: 1px solid #dedee6; border-radius: 18px; box-shadow: 0 12px 60px #17223b26; font-size: 15px; line-height: 1.5; } #cookie-banner { position: fixed; z-index: 1000; bottom: 20px; left: 20px; width: min(650px, calc(100% - 40px)); max-height: 85vh; overflow: auto; } .cookie-panel[hidden] { display: none; } .cookie-panel p { margin: 12px 0; } .cookie-panel a { text-decoration: underline; } .cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; } .cookie-actions button { background: #17223b; color: white; border: 2px solid #17223b; border-radius: 8px; padding: 12px 16px; font: inherit; cursor: pointer; } .cookie-actions button:focus-visible, .cookie-settings-link:focus-visible { outline: 3px solid #ed3566; outline-offset: 3px; } #cookie-settings { width: min(560px, calc(100% - 32px)); max-height: 85vh; margin: auto; } #cookie-settings::backdrop { background: #17223b80; } #cookie-settings label { display: block; margin: 16px 0; } .cookie-settings-link { background: none; border: 0; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; } @media (max-width: 540px) { #cookie-banner .cookie-actions { display: grid; grid-template-columns: 1fr 1fr; } #cookie-banner .cookie-actions [data-cookie-settings] { grid-column: 1 / -1; } } /* Official Gelpiu symbol, shared by the product illustrations. */ .mini-logo { display: inline-flex; align-items: center; justify-content: center; } .mini-logo img { display: block; width: 30px; height: 30px; object-fit: contain; } .operator-art > .art-center { background: #fff; padding: 12px; } .operator-art > .art-center img { display: block; width: 100%; height: 100%; object-fit: contain; } .hub-center > span { display: block; } .hub-center > span img { display: block; width: 48px; height: 48px; margin: 0 auto; object-fit: contain; } /* Official logo in the home integration diagram. */ .map-core > img { display: block; width: 88%; height: auto; flex-shrink: 0; } /* Shared WhatsApp contact channel; no third-party scripts or tracking. */ /* Compact floating actions: icon-only circles; the label expands on hover/keyboard focus where hover exists. */ .whatsapp-float { position: fixed; right: 24px; z-index: 900; display: inline-flex; align-items: center; justify-content: center; height: 56px; min-width: 56px; padding: 0 16px; border: 0; border-radius: 28px; color: #fff; font: inherit; font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; cursor: pointer; box-shadow: 0 6px 20px #0003; transition: background-color .2s; } .whatsapp-float span { max-width: 0; opacity: 0; overflow: hidden; transition: max-width .25s ease, opacity .2s ease, margin .25s ease; } @media (hover: hover) { .whatsapp-float:hover span, .whatsapp-float:focus-visible span { max-width: 240px; opacity: 1; margin-left: 10px; } } .whatsapp-float:focus-visible { outline: 2px solid #c91e50; outline-offset: 3px; } .whatsapp-float { bottom: calc(24px + env(safe-area-inset-bottom, 0px)); background: #075e54; } .whatsapp-float:hover { background: #064b43; } .whatsapp-float svg { width: 24px; height: 24px; flex-shrink: 0; } body:has(#cookie-banner:not([hidden])) .whatsapp-float { visibility: hidden; } @media (max-width: 600px) { .whatsapp-float { right: 16px; height: 48px; min-width: 48px; padding: 0 12px; } .whatsapp-float { bottom: calc(16px + env(safe-area-inset-bottom, 0px)); } } .ai-dialog { width: min(580px, calc(100% - 24px)); max-height: 90dvh; overflow: auto; border: 1px solid #e9e7ec; border-radius: 20px; padding: 24px; margin: auto; color: #24242d; } .ai-dialog::backdrop { background: #24242d99; } .ai-heading { display: flex; gap: 12px; align-items: start; justify-content: space-between; } .ai-heading h2 { font-size: 24px; } .ai-heading button { background: white; border: 1px solid #ddd; border-radius: 8px; padding: 8px; white-space: nowrap; } .ai-dialog p { font-size: 14px; } .ai-dialog a { text-decoration: underline; } .ai-dialog iframe { width: 100%; height: 470px; max-height: 58dvh; border: 0; } .ai-fallback { margin: 16px 0 0; } .site-footer { padding-bottom: 96px; } @media(max-width:600px) { .ai-dialog { padding: 16px; } } /* Branded assistant panel and reduced-motion-aware entrance. */ .ai-dialog { padding: 0; width: min(560px, calc(100% - 24px)); border: 1px solid #f2dce5; border-radius: 26px; box-shadow: 0 30px 100px #24132940; } .ai-dialog[open] { animation: ai-reveal .32s cubic-bezier(.2,.8,.2,1) both; } .ai-dialog[open]::backdrop { animation: ai-shade .25s ease both; background: #201b2c99; backdrop-filter: blur(5px); } .ai-heading { padding: 22px 24px; border-bottom: 1px solid #f0e8ed; align-items: center; background: #fff; } .ai-brand { display: flex; align-items: center; gap: 12px; } .ai-brand img { flex-shrink: 0; width: 36px; height: 36px; } .ai-overline { display: block; font-size: 9px; font-weight: 800; letter-spacing: .14em; color: #a35b74; margin-bottom: 5px; } .ai-heading h2 { font-size: 19px; margin: 0; letter-spacing: -.03em; } .ai-heading button { width: 36px; height: 36px; padding: 0; border-radius: 50%; font-size: 24px; flex-shrink: 0; color: #6f6d78; background: #fcf8fa; } #ai-intro { padding: 24px 32px 12px; text-align: center; background: radial-gradient(ellipse at 50% 5%, #fff0f5, transparent 65%); } .ai-orbit { width: 112px; height: 112px; position: relative; display: grid; place-items: center; margin: 0 auto 16px; } .ai-orbit span { position: absolute; inset: 0; border: 1px solid #f3c6d5; border-radius: 50%; box-shadow: 0 0 0 12px #ed356608; animation: ai-breathe 4s ease-in-out infinite; } .ai-orbit img { width: 56px; height: 56px; } .ai-dialog .ai-welcome { font-size: 27px; line-height: 1.2; color: #24242d; letter-spacing: -.04em; margin-bottom: 14px; } .ai-welcome strong { color: #c91e50; } .ai-description { max-width: 370px; margin: 0 auto 18px; } .ai-topics { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-bottom: 22px; } .ai-topics span { border: 1px solid #ecdde4; border-radius: 20px; padding: 5px 10px; font-size: 11px; color: #79596a; background: #fff; } #ai-load { width: 100%; justify-content: space-between; border-radius: 12px; } .ai-dialog .ai-disclosure { font-size: 11px; line-height: 1.6; margin: 16px 0 0; color: #77717b; } #ai-status:not(:empty) { padding: 15px 24px 0; margin: 0; font-size: 12px; } .ai-dialog .ai-fallback { padding: 17px 24px; margin: 0; border-top: 1px solid #f0e8ed; font-size: 12px; text-align: center; background: #fcfafb; } .ai-dialog iframe { display: block; height: 430px; } @keyframes ai-reveal { from { opacity: 0; transform: translateY(22px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes ai-shade { from { opacity: 0; } to { opacity: 1; } } @keyframes ai-breathe { 50% { transform: scale(1.06); opacity: .6; } } @media (max-width: 600px) { .ai-heading { padding: 18px 16px; } .ai-heading h2 { font-size: 16px; } #ai-intro { padding: 20px 22px 12px; } .ai-orbit { width: 88px; height: 88px; } .ai-dialog .ai-welcome { font-size: 25px; } } @media (prefers-reduced-motion: reduce) { .whatsapp-float, .whatsapp-float span { transition: none; } .ai-dialog[open], .ai-dialog[open]::backdrop, .ai-orbit span { animation: none; } } /* Lead form success dialog. */ .success-dialog { position: fixed; inset: 0; width: min(480px, calc(100% - 32px)); max-height: 90dvh; overflow: auto; margin: auto; padding: 40px 36px 28px; border: 1px solid #f2dce5; border-radius: 26px; background: linear-gradient(180deg, #fff8fb, #fff 45%); color: var(--ink); text-align: center; box-shadow: 0 30px 100px #24132940; z-index: 1000; } .success-dialog[open] { animation: ai-reveal .32s cubic-bezier(.2,.8,.2,1) both; } .success-dialog::backdrop { background: #201b2c99; backdrop-filter: blur(5px); } .success-close { position: absolute; top: 14px; right: 14px; } .success-close button { width: 36px; height: 36px; border: 0; border-radius: 50%; background: #fcf3f6; color: var(--muted); font-size: 24px; line-height: 1; cursor: pointer; } .success-icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; background: linear-gradient(135deg, var(--pink), var(--orange)); color: #fff; box-shadow: 0 10px 30px #ed356640; } .success-icon svg { width: 30px; height: 30px; } .success-overline { margin: 0 0 8px; color: var(--deep-pink); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } .success-dialog h2 { margin: 0 0 12px; font-size: 26px; line-height: 1.2; letter-spacing: -.03em; } .success-dialog #success-text { margin: 0 auto; max-width: 36ch; color: var(--muted); font-size: 15px; line-height: 1.6; } .success-steps { margin: 24px 0 0; padding: 18px 20px; list-style: none; border: 1px solid var(--line); border-radius: 16px; background: #fff; text-align: left; } .success-steps li { display: flex; gap: 14px; align-items: baseline; padding: 6px 0; font-size: 14px; } .success-steps span { color: var(--deep-pink); font-size: 12px; font-weight: 700; } .success-note { margin: 16px 0 0; padding: 12px 14px; border-radius: 12px; background: #f4f2fb; color: #5b5470; font-size: 12px; line-height: 1.5; text-align: left; } .success-actions { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: center; margin-top: 26px; } .success-actions .button { min-width: 160px; margin: 0; border: 0; cursor: pointer; font: inherit; font-weight: 700; } .success-link { color: var(--ink); font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .success-call { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid #f0e8ed; color: var(--muted); font-size: 13px; } .success-call a { color: var(--ink); font-weight: 700; white-space: nowrap; } .success-close button:focus-visible, .success-actions :focus-visible, .success-call a:focus-visible { outline: 2px solid var(--deep-pink); outline-offset: 3px; } @media (max-width: 600px) { .success-dialog { padding: 36px 20px 22px; } .success-dialog h2 { font-size: 23px; } .success-actions form, .success-actions .button { width: 100%; } } @media (prefers-reduced-motion: reduce) { .success-dialog[open] { animation: none; } } /* Breadcrumbs share their hierarchy with the JSON-LD navigation. */ .breadcrumbs { padding-top: 20px; font-size: 13px; } .breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; } .breadcrumbs li { display: flex; gap: 8px; align-items: center; } .breadcrumbs li + li::before { content: "/"; opacity: .45; } .breadcrumbs a { text-decoration: underline; text-underline-offset: 3px; } /* Focused page endings and an assistant entry point within the contact area. */ .related-directory { padding: 64px 0; } .related-directory .section-heading { margin-bottom: 28px; } .assistant-inline { display: inline-flex; align-items: center; gap: 8px; padding: 0; margin: 0 0 14px; background: none; border: 0; color: #fff; font: inherit; font-size: 13px; text-align: left; } .assistant-inline:hover { text-decoration: underline; text-underline-offset: 4px; } .assistant-inline svg { width: 18px; height: 18px; } .project-conversation { background: var(--cream); } .project-conversation > .container { display: flex; align-items: center; justify-content: space-between; gap: 40px; } .project-conversation h2 { max-width: 650px; } .project-conversation p { max-width: 620px; margin-bottom: 0; } .project-conversation .button { flex-shrink: 0; } @media (max-width: 600px) { /* A readable overview, rather than a scaled-down desktop dashboard. */ .home-dashboard { padding: 0 0 32px; } .home-dashboard .product-window { transform: none; } .home-dashboard .product-sidebar, .home-dashboard .floating-chip, .home-dashboard .date-pill, .home-dashboard .chart-box, .home-dashboard .activity-row:last-child, .home-dashboard .activity-heading > span { display: none; } .home-dashboard .product-body { padding: 20px; } .home-dashboard .product-top { font-size: 12px; padding-bottom: 12px; } .home-dashboard .avatar { font-size: 11px; width: 26px; height: 26px; } .home-dashboard .overline { font-size: 10px; } .home-dashboard .dashboard-head { margin-top: 18px; } .home-dashboard .dashboard-head h3 { font-size: 24px; margin: 8px 0 18px; } .home-dashboard .metric-grid { grid-template-columns: 1fr; gap: 10px; } .home-dashboard .metric-grid > div { padding: 14px; } .home-dashboard .metric-grid span { font-size: 12px; } .home-dashboard .metric-grid strong { font-size: 30px; } .home-dashboard .metric-grid small { font-size: 11px; } .home-dashboard .activity-heading { font-size: 12px; margin-top: 20px; } .home-dashboard .activity-row { font-size: 12px; flex-wrap: wrap; gap: 8px; padding: 12px 0; } .home-dashboard .activity-row small { font-size: 11px; } .home-dashboard .badge { font-size: 10px; padding: 5px 7px; } .home-dashboard .illustration-note { font-size: 11px; left: 0; right: auto; bottom: 0; } /* Consent stays in document flow on mobile, never over the hero's CTA. */ #cookie-banner { position: relative; inset: auto; width: calc(100% - 32px); margin: 16px auto; padding: 16px; max-height: none; font-size: 13px; } #cookie-banner .cookie-actions { gap: 8px; margin-top: 12px; } #cookie-banner .cookie-actions button { font-size: 12px; padding: 10px; } .related-directory { padding: 44px 0; } .project-conversation > .container { flex-direction: column; align-items: flex-start; gap: 24px; } } /* ========================================================================== Design refresh: a calmer, product-led SaaS system on top of the brand. Later rules intentionally override the earlier layout layers. ========================================================================== */ :root{--ink:#1c1a23;--muted:#5d5967;--soft:#8a8494;--line:#ebe8ef;--line-strong:#ddd8e3;--surface:#fbfafc;--cream:#fbf8f5;--pink-50:#fff1f5;--pink-100:#fde3eb;--grad:linear-gradient(112deg,#e92965 0%,#f0545a 45%,#f39237 100%);--radius:24px;--radius-sm:14px;--shadow-sm:0 1px 2px #1c1a230a,0 2px 8px #1c1a2308;--shadow-md:0 2px 4px #1c1a2308,0 12px 32px #2a1a3010;--shadow-lg:0 4px 10px #1c1a230a,0 30px 80px #3a1d3a1c;--ease:cubic-bezier(.2,.8,.2,1)} body{font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility} ::selection{background:#fbd0dd;color:var(--ink)} p{color:var(--muted)} h1,h2,h3{color:var(--ink);text-wrap:balance} h1{font-size:clamp(44px,4.6vw,68px);letter-spacing:-.05em;line-height:1.03} .home-hero h1{text-wrap:initial} h2{font-size:clamp(34px,3.6vw,54px);letter-spacing:-.045em;line-height:1.04} h3{letter-spacing:-.03em} .container{width:min(1200px,calc(100% - 96px))} .section{padding:120px 0} /* Eyebrows become quiet pills instead of tracking-heavy labels. */ .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 12px;border:1px solid var(--line-strong);border-radius:999px;background:#ffffffb3;font-size:11.5px;letter-spacing:.12em;color:#4b4655;margin-bottom:26px;line-height:1.2} .eyebrow>span{width:6px;height:6px;background:var(--grad);box-shadow:0 0 0 3px #ed356622} .centered .eyebrow{justify-content:center} .section-heading{max-width:760px;margin-bottom:56px} .section-heading.centered{margin-left:auto;margin-right:auto} .section-heading>p:not(.eyebrow){font-size:18px;line-height:1.7} .split-heading{max-width:none} .split-heading>p:last-child{max-width:360px;font-size:17px;line-height:1.7;margin-bottom:10px} .gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text} /* Buttons: tactile, with an arrow that moves on intent. */ .button{gap:12px;padding:16px 22px 16px 24px;border:0;border-radius:12px;background:var(--grad);background-size:140% 100%;background-position:0 0;font-size:15px;letter-spacing:-.01em;box-shadow:inset 0 1px 0 #ffffff40,0 1px 2px #c91e5033,0 8px 24px #ed35662e;transition:background-position .4s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)} .button:hover{background:var(--grad);background-size:140% 100%;background-position:100% 0;transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff40,0 2px 4px #c91e5033,0 14px 32px #ed356640} .button svg,.text-link svg{transition:transform .25s var(--ease)} .button:hover svg,.text-link:hover svg,a:hover>.card-link svg,a:hover .text-link svg{transform:translateX(4px)} .button-small{padding:11px 16px 11px 18px;font-size:14px;border-radius:10px} .button-white{background:#fff;color:var(--deep-pink);box-shadow:0 10px 30px #8a1a3a33} .button-white:hover{background:#fff;color:var(--deep-pink);box-shadow:0 14px 36px #8a1a3a44} .text-link{font-size:15px;gap:10px} /* Header: lighter, compacts on scroll, with icon-led dropdowns. */ .site-header{height:80px;background:#ffffffcc;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid transparent;transition:height .25s var(--ease),border-color .25s,box-shadow .25s} .site-header.is-scrolled{height:66px;border-bottom-color:var(--line);box-shadow:0 6px 24px #1c1a230a} .brand img{width:108px;height:56px} #main-nav{gap:6px;font-size:14.5px} #main-nav>a:not(.button),.nav-dropdown>button{padding:9px 14px;border-radius:9px;font-size:14.5px;color:#3a3642;transition:background .2s,color .2s} #main-nav>a:not(.button):hover,.nav-dropdown>button:hover,.nav-dropdown>button[aria-expanded=true]{background:#f5f2f7;color:var(--ink)} #main-nav>a[aria-current]{color:var(--deep-pink)} #main-nav>.button{margin-left:10px} .nav-dropdown>button span{display:inline-block;margin-left:4px;color:var(--soft);transition:transform .2s} .nav-dropdown>button[aria-expanded=true] span{transform:rotate(180deg)} .dropdown-panel{top:52px;left:-12px;width:340px;padding:8px;border-color:var(--line);border-radius:18px;box-shadow:var(--shadow-lg);animation:menu-in .18s var(--ease)} .dropdown-panel a{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;padding:11px 12px;border-radius:12px} .dropdown-panel a:hover{background:#faf6f9} .dropdown-panel strong{font-size:14.5px;color:var(--ink)} .dropdown-panel span{grid-column:2;margin-top:1px;font-size:13px} .menu-icon{grid-row:span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--pink-50);color:var(--pink);transition:background .2s,color .2s} .menu-icon svg{width:18px;height:18px} .dropdown-panel a:hover .menu-icon{background:var(--pink);color:#fff} @keyframes menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} .breadcrumbs{padding-top:22px;font-size:13px;color:var(--soft)} .breadcrumbs a{text-decoration:none;color:var(--muted)} .breadcrumbs a:hover{color:var(--deep-pink)} /* Hero: soft brand glow and a faint product grid behind the copy. */ .hero{padding:104px 0 112px;background:radial-gradient(60% 70% at 92% 8%,#ffe9e2 0,transparent 60%),radial-gradient(45% 60% at 40% 100%,#f6f0ff 0,transparent 60%),#fff;isolation:isolate} .hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#1c1a230a 1px,transparent 1px),linear-gradient(90deg,#1c1a230a 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 30% 30%,#000 10%,transparent 75%);mask-image:radial-gradient(70% 60% at 30% 30%,#000 10%,transparent 75%)} .hero-grid{grid-template-columns:1.02fr 1fr;gap:56px} .hero-description{font-size:19px;line-height:1.65;max-width:520px;margin-bottom:34px;color:#4f4b58} .hero-actions{flex-direction:row;align-items:center;gap:26px;flex-wrap:wrap} .hero-footnote{gap:10px;margin-top:36px;font-size:13px;color:#4f4b58} .hero-footnote span{gap:7px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)} .hero-footnote svg{width:14px;height:14px} .detail-hero{padding:72px 0 104px} .detail-hero h1{font-size:clamp(42px,4.4vw,66px)} /* Product window: real-app chrome, crisper depth. */ .product-window{border-color:#e4dfe8;border-radius:16px;box-shadow:var(--shadow-lg)} .floating-chip{border-color:var(--line);border-radius:14px;box-shadow:var(--shadow-md)} .orbit{border-color:#f3d4dc66} .illustration-note,.example-label{color:var(--soft)} .topic-scene,.api-visual,.master-diagram,.workflow-preview.standalone-workflow{position:relative} .topic-scene{padding:52px 30px 26px;border-color:#e6e1ea;border-radius:22px;box-shadow:var(--shadow-lg)} .topic-scene:before{content:'';position:absolute;top:0;left:0;right:0;height:36px;border-bottom:1px solid #f0ecf2;border-radius:22px 22px 0 0;background:radial-gradient(circle at 20px 18px,#ff8a9f 4px,transparent 4.5px),radial-gradient(circle at 36px 18px,#ffc56b 4px,transparent 4.5px),radial-gradient(circle at 52px 18px,#8fd0a8 4px,transparent 4.5px),linear-gradient(#fcfbfd,#f7f5f9)} .topic-scene figcaption{border-top:0;padding-top:0;margin-top:20px;font-size:11.5px;color:var(--soft);display:flex;align-items:center;gap:8px} .topic-scene figcaption:before{content:'';width:14px;height:1px;background:var(--line-strong)} .hero .topic-scene,.hero .api-visual,.hero .master-diagram,.hero .standalone-workflow{box-shadow:var(--shadow-lg),0 0 0 8px #ffffff80} .scene-kicker{color:var(--deep-pink)} /* Capability strip: reads like a product logo wall. */ .capabilities-strip{padding:30px 0;background:#fff;border-color:var(--line)} .capabilities-strip>.container>span{font-size:11px;color:var(--soft);letter-spacing:.12em} .capabilities-strip>.container>div{font-size:15px;color:#3f3a48;padding:10px 16px;border-radius:12px;transition:background .2s} .capabilities-strip>.container>div:hover{background:var(--surface)} .capabilities-strip svg{color:var(--pink);width:20px;height:20px} /* Solution cards on the home page. */ .solution-grid{gap:24px} .solution-card{padding:34px 38px 32px;border:1px solid #ffffff;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease)} .solution-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fff} .operator-card{background:linear-gradient(160deg,#f5f2fb,#efebf7)} .brand-card{background:linear-gradient(160deg,#fff4ee,#ffece4)} .card-kicker{font-size:11.5px;letter-spacing:.12em} .solution-card h3{font-size:34px;letter-spacing:-.04em} .solution-card p{font-size:16px;line-height:1.7} .card-link{font-size:15px} /* Feature grids become product cards with a gradient edge on hover. */ .feature-grid{gap:20px} .feature{position:relative;padding:30px 30px 28px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s} .feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#f3c9d6} .feature-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#fff2f6,#ffe5ee);color:var(--pink);box-shadow:inset 0 0 0 1px #f9d3df;margin-bottom:22px} .feature-icon svg{width:22px;height:22px} .feature h3{font-size:21px;line-height:1.25;margin-bottom:10px} .feature p{font-size:15.5px;line-height:1.7;margin-bottom:0} .feature .text-link{margin-top:18px} #capacidades{background:linear-gradient(#fff,var(--surface))} /* Process: a connected, numbered timeline. */ .process-section{background:var(--cream);border-top:1px solid #f3eee9;border-bottom:1px solid #f3eee9} .process-grid{position:relative;gap:28px;counter-reset:step} .process-grid:before{content:'';position:absolute;top:24px;left:24px;right:calc((100% - 56px) / 3 - 24px);height:2px;background:linear-gradient(90deg,#f1a3b9,#f6c08f)} .process-grid>article{position:relative} .step-number{position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;padding:0;margin-bottom:24px;border:0;border-radius:50%;background:#fff;color:var(--deep-pink);font-size:15px;font-weight:800;letter-spacing:0;box-shadow:0 0 0 6px var(--cream),inset 0 0 0 2px #f3b3c6} .process-grid h3{font-size:22px;margin-bottom:10px} .process-grid p{font-size:15.5px;line-height:1.7;max-width:330px} /* FAQ: roomy accordion rows. */ .faq-grid{grid-template-columns:.85fr 1.5fr;gap:80px;align-items:start} .faq-grid>div:first-child{position:sticky;top:110px} .faq-list{border-top:1px solid var(--line)} .faq-list details{padding:0;border-bottom:1px solid var(--line)} .faq-list summary{padding:24px 4px;font-size:18px;align-items:center;transition:color .2s} .faq-list summary:hover{color:var(--deep-pink)} .faq-list summary span{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--pink-50);font-size:20px;line-height:1;transition:transform .25s var(--ease),background .2s,color .2s} .faq-list details[open] summary span{background:var(--pink);color:#fff} .faq-list details p{margin:-6px 56px 26px 4px;font-size:16px;line-height:1.75} /* Link directories: compact cards with an arrow affordance. */ .capability-link-grid{gap:18px} .capability-link-grid>a{position:relative;padding:28px 28px 24px;border-radius:20px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s} .capability-link-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#f3c9d6} .capability-link-grid h3{font-size:21px;margin-bottom:8px} .capability-link-grid p{font-size:15px;line-height:1.65} .capability-link-grid .feature-icon{margin-bottom:20px} .capability-link-grid .text-link{margin-top:auto;padding-top:8px;color:var(--deep-pink)} .related-directory{padding:96px 0;background:var(--surface);border-top:1px solid var(--line)} .capabilities-directory:not(.related-directory){background:var(--surface)} /* Dark automation showcase gets a brand glow. */ .automation-showcase{position:relative;overflow:hidden;background:radial-gradient(50% 70% at 85% 30%,#4a2340 0,transparent 70%),radial-gradient(40% 60% at 5% 100%,#3b2a55 0,transparent 70%),#1b1822} .automation-showcase .eyebrow{background:#ffffff0d;border-color:#ffffff24;color:#ffd2df} .automation-showcase h2{color:#fff} .workflow-preview{background:#ffffff0a;border-color:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 30px 80px #0005} .standalone-workflow{background:#1f1b27} .technology-tags span{background:#ffffff0a;border-color:#ffffff26} /* Platform explorer and integration map. */ .platform-section{background:var(--surface)} .platform-explorer{border-color:var(--line);border-radius:24px;box-shadow:var(--shadow-lg)} .explorer-tabs{padding:8px;gap:6px;background:#f7f5f9} .explorer-tabs button{border:0;border-radius:12px;padding:15px;font-size:14.5px;transition:background .2s,color .2s,box-shadow .2s} .explorer-tabs button[aria-selected=true]{background:#fff;box-shadow:var(--shadow-sm)} .explorer-copy h3{font-size:38px} .explorer-copy p{font-size:16px;line-height:1.75} .map-node{border-color:var(--line);border-radius:12px;box-shadow:var(--shadow-md);font-size:14px;color:#4f4757} .map-core{border-radius:24px;box-shadow:var(--shadow-lg),0 0 0 10px #ed35660d} .integration-grid>div>p:not(.eyebrow){font-size:18px;line-height:1.7} /* Use cases and Master diagram. */ .use-case-grid article{border-radius:20px;box-shadow:var(--shadow-sm);padding:32px} .use-case-grid p{font-size:16px} .master-diagram{border-radius:24px;box-shadow:var(--shadow-lg)} /* Closing CTA: an inset rounded panel rather than a full-bleed band. */ .closing-cta{margin:24px;border-radius:32px;padding:104px 24px 108px;background:radial-gradient(60% 90% at 85% 0%,#f9a24a 0,transparent 60%),radial-gradient(50% 80% at 0% 100%,#c81c55 0,transparent 60%),linear-gradient(112deg,#e92b62,#f0544f 60%,#f2853a)} .closing-cta .eyebrow{background:#ffffff1f;border-color:#ffffff40;color:#fff} .closing-cta .eyebrow>span{background:#fff;box-shadow:none} .closing-cta h2{font-size:clamp(40px,5vw,68px);color:#fff;letter-spacing:-.05em} .closing-cta p{font-size:18px;color:#fff1f3} .cta-secondary{font-size:14px;font-weight:700;margin-top:22px} .cta-secondary:hover{text-decoration:underline;text-underline-offset:4px} .project-conversation{padding:88px 0} /* Contact page and form. */ .contact-intro h1{font-size:clamp(44px,4.6vw,66px)} .form-card{border-color:var(--line);border-radius:24px;padding:40px;box-shadow:var(--shadow-lg)} .form-card label{font-size:13.5px;color:#3d3846} .form-card input:not([type=checkbox]),.form-card select{padding:14px 14px;border-color:var(--line-strong);border-radius:10px;background:#fff;font-size:15px;transition:border-color .2s,box-shadow .2s} .form-card input:focus,.form-card select:focus{outline:0;border-color:var(--pink);box-shadow:0 0 0 4px #ed35661f} .form-card .checkbox-label,.form-fine-print{font-size:12px} .contact-benefits p{font-size:16px} .contact-benefits>div>span{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--pink-50)} .start-note{border-radius:20px;background:var(--surface)} .compact-solutions .feature-icon{background:#fff} /* Footer: calmer hierarchy and larger tap targets. */ .site-footer{background:#17151d;padding-top:80px} .footer-grid>div>h2{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8d8596} .footer-grid>div>a,.footer-grid>div>span{font-size:14.5px;color:#c6bfcd;margin-bottom:14px;transition:color .2s} .footer-brand p{font-size:19px;color:#fff;letter-spacing:-.02em} .footer-brand>span{font-size:12px!important;color:#8d8596!important} .footer-bottom{border-color:#2c2834;font-size:12.5px;color:#8d8596} .footer-bottom a:hover,.cookie-settings-link:hover{color:#fff} .assistant-inline{font-size:14.5px;color:#ffc0d2} /* Cookie consent: a compact corner card that leaves the hero copy and CTA visible. Accept and reject keep equal visual weight. */ .cookie-panel{color:var(--ink);border-color:var(--line);border-radius:20px;box-shadow:var(--shadow-lg);font-size:14px} .cookie-panel strong,.cookie-panel h2{font-size:16px;letter-spacing:-.02em} .cookie-panel p{color:var(--muted)} #cookie-banner{left:auto;right:24px;bottom:24px;width:min(420px,calc(100% - 48px));padding:22px} .cookie-actions button{flex:1 1 auto;background:var(--ink);border-color:var(--ink);border-radius:10px;padding:11px 14px;font-size:14px;font-weight:700} .cookie-actions button:hover{background:#000;border-color:#000} .cookie-actions [data-cookie-settings],#cookie-close{background:#fff;color:var(--ink);border-color:var(--line-strong)} .cookie-actions [data-cookie-settings]:hover,#cookie-close:hover{background:var(--surface);border-color:var(--line-strong)} /* Reveal on scroll (enabled only by JS, skipped for reduced motion). */ .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)} .reveal.is-visible{opacity:1;transform:none} .feature-grid>.reveal:nth-child(3n+2),.capability-link-grid>.reveal:nth-child(3n+2),.process-grid>.reveal:nth-child(2){transition-delay:.08s} .feature-grid>.reveal:nth-child(3n),.capability-link-grid>.reveal:nth-child(3n),.process-grid>.reveal:nth-child(3){transition-delay:.16s} @media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-grid{gap:36px}.hero h1{font-size:54px}#main-nav{gap:2px}#main-nav>a:not(.button),.nav-dropdown>button{padding:9px 10px}} @media(max-width:850px){ .site-header,.site-header.is-scrolled{height:68px} #main-nav{top:68px;padding:12px 16px 20px;gap:2px;border-radius:0 0 20px 20px;box-shadow:var(--shadow-lg)} #main-nav>a:not(.button),.nav-dropdown>button{padding:14px 10px;font-size:16px} .dropdown-panel{width:100%;padding:4px;background:var(--surface);border-radius:14px;animation:none} .menu-toggle{border-radius:10px} .hero{padding:64px 0 80px} .hero-grid{grid-template-columns:1fr;gap:48px} .hero h1{font-size:56px} .section{padding:88px 0} .feature-grid{grid-template-columns:repeat(2,1fr)} .process-grid{grid-template-columns:1fr;gap:0} .process-grid:before{top:24px;bottom:24px;left:23px;right:auto;width:2px;height:auto;background:linear-gradient(#f1a3b9,#f6c08f)} .process-grid>article{display:grid;grid-template-columns:48px 1fr;column-gap:22px;padding-bottom:28px} .process-grid>article .step-number{grid-row:span 2;margin:0} .process-grid>article:last-child{padding-bottom:0} .faq-grid{grid-template-columns:1fr;gap:28px} .faq-grid>div:first-child{position:static} .closing-cta{margin:0 12px 12px;border-radius:26px} } @media(max-width:600px){ body{font-size:16px} .container{width:calc(100% - 40px)} .section{padding:72px 0} .eyebrow{font-size:10.5px;padding:6px 11px 6px 10px;margin-bottom:20px} .hero{padding:44px 0 64px} .hero h1{font-size:44px;line-height:1.04} .hero-description{font-size:17px} .hero-actions{flex-direction:column;align-items:stretch;gap:16px} .hero-footnote{justify-content:flex-start;font-size:12px;gap:8px} .hero-footnote span{padding:6px 10px} .detail-hero{padding:36px 0 64px} h2{font-size:34px} .section-heading{margin-bottom:36px} .section-heading>p:not(.eyebrow),.integration-grid>div>p:not(.eyebrow){font-size:16px} .solution-card{padding:26px 24px} .solution-card h3{font-size:29px} .feature-grid{grid-template-columns:1fr;gap:14px} .feature{padding:24px} .feature h3{font-size:20px} .topic-scene{padding:48px 18px 20px} .faq-list summary{font-size:16px;padding:20px 0} .faq-list details p{margin:-4px 0 22px;font-size:15px} .capabilities-strip>.container>div{font-size:13px;padding:6px 8px} .closing-cta{padding:72px 20px 76px} .closing-cta h2{font-size:40px} .closing-cta p{font-size:16px} .explorer-tabs{padding:6px;gap:4px} .explorer-tabs button{padding:12px 4px;font-size:11px} .explorer-copy h3{font-size:30px} .form-card{padding:26px 22px} .footer-grid>div>a,.footer-grid>div>span{font-size:14px} .related-directory{padding:64px 0} #cookie-banner{right:auto;bottom:auto;width:calc(100% - 32px);padding:16px} } @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.dropdown-panel{animation:none}}