.product-detail-page--teal{--ip-ink:#07162d;--ip-navy:#031126;--ip-teal:#13c9b5;--ip-blue:#3c77ff;--ip-paper:#f5f8fc;--ip-muted:#60708a}.ip-main{background:var(--ip-navy)}.ip-main .pd-shell{width:min(1180px,calc(100% - 40px))}.ip-hero{position:relative;padding:112px 0 92px;background:radial-gradient(circle at 78% 30%,rgba(19,201,181,.18),transparent 28%),radial-gradient(circle at 28% 8%,rgba(60,119,255,.15),transparent 30%),linear-gradient(180deg,#031126,#061a37)}.ip-hero::after,.ip-section--dark::after,.ip-section--connected::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;background:var(--ip-paper);border-radius:55% 55% 0 0/100% 100% 0 0}.ip-hero__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(540px,1.18fr);gap:64px;align-items:center}.ip-hero h1{margin:0;color:#fff;font-size:clamp(46px,5.3vw,72px);line-height:.99;letter-spacing:-.06em}.ip-hero h1 em{color:var(--ip-teal);font-style:normal}.ip-hero__lead{max-width:590px;margin:24px 0 0;color:#adbed5;font-size:17px;line-height:1.72}.ip-trust-list{display:flex;gap:18px;flex-wrap:wrap;margin:26px 0 0;padding:0;list-style:none}.ip-trust-list li{position:relative;padding-left:18px;color:#b7c7db;font-size:12px}.ip-trust-list li::before{content:"";position:absolute;top:.35em;left:0;width:8px;height:8px;border-radius:50%;background:var(--ip-teal);box-shadow:0 0 12px rgba(19,201,181,.7)}.ip-hero__preview{position:relative;margin:0}.ip-browser{overflow:hidden;border:1px solid rgba(77,219,203,.42);border-radius:20px;background:#0b1e3d;box-shadow:0 40px 100px rgba(0,0,0,.42),0 0 60px rgba(19,201,181,.12);transform:perspective(1400px) rotateY(-4deg)}.ip-browser__bar{height:43px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#071831;border-bottom:1px solid rgba(255,255,255,.08)}.ip-browser__bar i{width:8px;height:8px;border-radius:50%;background:#314a6e}.ip-browser__bar i:first-child{background:#ff6b7d}.ip-browser__bar i:nth-child(2){background:#ffc45b}.ip-browser__bar i:nth-child(3){background:#3dd9ac}.ip-browser__bar span{margin-left:9px;color:#7890ad;font-size:10px}.ip-browser img{display:block;width:100%;height:auto;aspect-ratio:1280/933;object-fit:cover}.ip-hero__preview figcaption{position:absolute;right:-18px;bottom:-24px;width:250px;padding:15px 18px;border:1px solid rgba(19,201,181,.45);border-radius:15px;background:rgba(5,25,52,.96);box-shadow:0 18px 40px rgba(0,0,0,.3)}.ip-hero__preview figcaption span,.ip-hero__preview figcaption strong{display:block}.ip-hero__preview figcaption span{color:var(--ip-teal);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.ip-hero__preview figcaption strong{margin-top:6px;color:#fff;font-size:11px;line-height:1.4}.ip-section-nav{position:sticky;top:72px;z-index:30;border-bottom:1px solid #dbe4ef;background:rgba(255,255,255,.93);backdrop-filter:blur(16px)}.ip-section-nav>div{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}.ip-section-nav a{min-height:55px;display:flex;align-items:center;flex:0 0 auto;border-bottom:2px solid transparent;color:#52637b!important;font-size:12px;font-weight:800;text-decoration:none}.ip-section-nav a:hover,.ip-section-nav a:focus-visible{border-color:var(--ip-teal);color:#0b796e!important}.ip-section{position:relative;padding:110px 0}.ip-section--light{background:var(--ip-paper);color:var(--ip-ink)}.ip-section--dark{padding-bottom:150px;background:linear-gradient(180deg,#061a37,#031126);color:#fff}.ip-section--showcase{background:var(--ip-paper);color:var(--ip-ink)}.ip-section--connected{padding-bottom:150px;background:radial-gradient(circle at 50% 30%,rgba(19,201,181,.12),transparent 34%),#031126;color:#fff}.ip-section--pricing{background:#071a37}.ip-section--onboarding{background:#0b2448}.ip-heading{max-width:760px;margin-bottom:48px}.ip-heading--center{margin-inline:auto;text-align:center}.ip-heading h2,.ip-onboarding h2,.ip-final h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.07;letter-spacing:-.045em}.ip-section--light .ip-heading h2,.ip-section--showcase .ip-heading h2{color:var(--ip-ink)}.ip-heading>p:last-child,.ip-onboarding>div>p:not(.pd-eyebrow),.ip-final p{color:inherit;opacity:.72;font-size:16px;line-height:1.65}.ip-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(19,201,181,.45);border-radius:14px;background:rgba(19,201,181,.1);color:#0c9688}.ip-icon svg,.ip-flow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.ip-problems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ip-problems article{padding:28px;border:1px solid #dbe4ef;border-radius:20px;background:#fff;box-shadow:0 15px 45px rgba(19,43,80,.06)}.ip-problems h3,.ip-use-cases h3{margin:22px 0 10px;color:var(--ip-ink);font-size:21px}.ip-problems article>p{margin:0;color:#66758b;font-size:13px;line-height:1.65}.ip-problems article>div{display:grid;grid-template-columns:24px 1fr;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #e4ebf3;color:#29405d;font-size:13px;line-height:1.6}.ip-problems article>div b{color:#0c9688}.ip-features{display:grid;gap:88px}.ip-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);gap:80px;align-items:center}.ip-feature--reverse .ip-feature__copy{order:2}.ip-feature__number{margin:25px 0 8px;color:var(--ip-teal);font-size:11px;font-weight:900;letter-spacing:.15em}.ip-feature h3{margin:0;color:#fff;font-size:clamp(29px,3vw,42px);letter-spacing:-.04em}.ip-feature__copy>p:not(.ip-feature__number){color:#a6b8cf;font-size:15px;line-height:1.7}.ip-feature ul,.ip-tab-panels ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.ip-feature li,.ip-tab-panels li{position:relative;padding-left:23px;color:#d4deeb;font-size:13px}.ip-feature li::before,.ip-tab-panels li::before{content:"✓";position:absolute;left:0;color:var(--ip-teal);font-weight:900}.ip-ui-card{overflow:hidden;border:1px solid rgba(67,170,215,.34);border-radius:20px;background:#f8fbff;box-shadow:0 30px 70px rgba(0,0,0,.28)}.ip-ui-card__top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#071a37;color:#dbe8f8;font-size:11px}.ip-ui-card__top i{font-style:normal;color:#6983a5}.ip-ui-card__body{min-height:320px;display:grid;grid-template-columns:66px 1fr;color:#17243b}.ip-ui-sidebar{background:linear-gradient(#09182e,#061326)}.ip-ui-card__body>div{padding:29px}.ip-ui-card__body b,.ip-ui-card__body small{display:block}.ip-ui-card__body b{font-size:19px}.ip-ui-card__body small{margin-top:7px;color:#718096}.ip-ui-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.ip-ui-metrics i{height:73px;border:1px solid #dbe5ef;border-radius:12px;background:linear-gradient(135deg,#fff,#eff7fa)}.ip-ui-lines{display:grid;gap:10px;margin-top:18px}.ip-ui-lines i{height:13px;border-radius:7px;background:#e4edf5}.ip-ui-lines i:nth-child(2){width:82%}.ip-ui-lines i:nth-child(3){width:91%}.ip-ui-lines i:nth-child(4){width:67%}.ip-ui-card--purchasing .ip-ui-metrics i{background:linear-gradient(135deg,#fff,#fff8e7)}.ip-ui-card--reports .ip-ui-metrics i{background:linear-gradient(135deg,#fff,#f1efff)}.ip-showcase{overflow:hidden;border:1px solid #d6e2ee;border-radius:23px;background:#fff;box-shadow:0 25px 70px rgba(14,39,76,.1)}.ip-tabs{display:flex;gap:4px;padding:12px;border-bottom:1px solid #e2e9f1;background:#f8fafc}.ip-tabs button{min-height:45px;flex:1;border:0;border-radius:10px;background:transparent;color:#5f6f84;font:800 13px Inter,system-ui;cursor:pointer}.ip-tabs button[aria-selected=true]{background:#0a2245;color:#fff;box-shadow:0 8px 20px rgba(10,34,69,.18)}.ip-tabs button:focus-visible,.ip-faq button:focus-visible{outline:3px solid rgba(19,201,181,.4);outline-offset:2px}.ip-tab-panels section{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:center;padding:38px}.ip-tab-panels h3{margin:0;color:var(--ip-ink);font-size:31px;letter-spacing:-.035em}.ip-tab-panels p:not(.pd-eyebrow){color:#65748a;font-size:14px;line-height:1.7}.ip-tab-panels li{color:#34465f}.ip-panel-screen{min-height:350px;display:grid;grid-template-columns:62px 1fr;overflow:hidden;border:1px solid #dae5ef;border-radius:16px;background:#f8fbfe;box-shadow:0 18px 45px rgba(9,39,77,.12)}.ip-panel-screen__rail{background:#06152c}.ip-panel-screen>div{padding:26px}.ip-panel-screen b{color:#14243c}.ip-panel-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:23px}.ip-panel-kpis i{height:60px;border:1px solid #dbe6ef;border-radius:9px;background:#fff}.ip-panel-chart{height:145px;display:flex;align-items:end;gap:8px;margin-top:15px;padding:20px;border:1px solid #e0e8f1;border-radius:10px;background:#fff}.ip-panel-chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#13c9b5,#4077ff)}.ip-panel-chart i:nth-child(1){height:36%}.ip-panel-chart i:nth-child(2){height:55%}.ip-panel-chart i:nth-child(3){height:47%}.ip-panel-chart i:nth-child(4){height:78%}.ip-panel-chart i:nth-child(5){height:68%}.ip-panel-chart i:nth-child(6){height:92%}.ip-panel-rows{display:grid;gap:6px;margin-top:12px}.ip-panel-rows i{height:8px;border-radius:5px;background:#dfe8f1}.ip-panel-rows i:nth-child(2){width:87%}.ip-panel-rows i:nth-child(3){width:72%}.ip-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}.ip-workflow li{position:relative;padding:0 28px 0 0}.ip-workflow li:not(:last-child)::after{content:"";position:absolute;top:24px;left:50px;right:12px;height:1px;background:linear-gradient(90deg,#18b5a6,#cfdce8)}.ip-workflow li>span{position:relative;z-index:1;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#082347;color:#fff;font-size:12px;font-weight:900}.ip-workflow h3{margin:24px 0 10px;color:var(--ip-ink);font-size:17px}.ip-workflow p{margin:0;color:#69788d;font-size:13px;line-height:1.65}.ip-integrations{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ip-integrations article{padding:32px;border:1px solid rgba(58,164,203,.25);border-radius:20px;background:rgba(8,31,64,.8)}.ip-flow{display:flex;align-items:center;justify-content:center;gap:22px;padding:26px;border-radius:15px;background:rgba(3,17,38,.7)}.ip-flow>span{width:115px;display:grid;justify-items:center;gap:9px;color:var(--ip-teal)}.ip-flow b{color:#fff;font-size:12px}.ip-flow>i{color:#6c8baa;font-style:normal;font-size:24px}.ip-integrations h3{margin:24px 0 10px;color:#fff}.ip-integrations p{margin:0;color:#9eb1ca;font-size:13px;line-height:1.7}.ip-use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ip-use-cases article{padding:27px;border:1px solid #dbe5ef;border-radius:18px;background:#fff}.ip-use-cases p{color:#68778c;font-size:13px;line-height:1.65}.ip-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:65px;overflow:hidden;border:1px solid #dbe5ef;border-radius:18px;background:#dbe5ef}.ip-benefits>div{padding:25px;background:#fff}.ip-benefits strong{color:#152641;font-size:14px}.ip-benefits p{margin:8px 0 0;color:#6b798e;font-size:12px;line-height:1.55}.ip-section--pricing .ip-heading h2{color:#fff}.ip-section--pricing .ip-heading>p:last-child{color:#adc0d7}.ip-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ip-pricing-grid article{position:relative;padding:28px;border:1px solid rgba(83,142,210,.28);border-radius:19px;background:rgba(5,25,52,.78)}.ip-pricing-grid article.is-popular{border-color:var(--ip-teal);box-shadow:0 0 35px rgba(19,201,181,.1)}.ip-price-badge{position:absolute;top:18px;right:18px;padding:5px 8px;border-radius:99px;background:rgba(19,201,181,.13);color:var(--ip-teal);font-size:9px;font-weight:900;text-transform:uppercase}.ip-pricing-grid article>p{margin:0;color:#fff;font-size:14px;font-weight:850}.ip-pricing-grid article>div{display:flex;align-items:baseline;gap:6px;margin-top:22px}.ip-pricing-grid strong{color:#fff;font-size:34px;letter-spacing:-.04em}.ip-pricing-grid article>div span,.ip-pricing-grid small{color:#899fbb;font-size:11px}.ip-pricing-grid small{display:block;margin-top:4px}.ip-pricing-grid ul{display:grid;gap:9px;margin:24px 0;padding:0;list-style:none}.ip-pricing-grid li{position:relative;padding-left:20px;color:#b9c8da;font-size:11px;line-height:1.45}.ip-pricing-grid li::before{content:"✓";position:absolute;left:0;color:var(--ip-teal)}.ip-pricing-grid a,.ip-pricing-note a{color:var(--ip-teal)!important;font-size:12px;font-weight:850;text-decoration:none}.ip-pricing-note{margin:24px 0 0;color:#8fa5c1;font-size:12px;text-align:center}.ip-onboarding{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.ip-onboarding h2{color:#fff}.ip-onboarding ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.ip-onboarding li{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:17px;border:1px solid rgba(85,144,210,.24);border-radius:13px;background:rgba(4,22,47,.6)}.ip-onboarding li>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(19,201,181,.12);color:var(--ip-teal);font-size:11px;font-weight:900}.ip-onboarding li strong{color:#fff;font-size:13px}.ip-onboarding li p{margin:5px 0 0;color:#90a6c1;font-size:11px;line-height:1.55}.ip-faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.ip-faq__item{border-bottom:1px solid #d8e2ec}.ip-faq h3{margin:0}.ip-faq button{width:100%;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border:0;background:transparent;color:var(--ip-ink);font:800 14px Inter,system-ui;text-align:left;cursor:pointer}.ip-faq button i{font-style:normal;color:#0b9e90;font-size:20px}.ip-faq button[aria-expanded=true] i{transform:rotate(45deg)}.ip-faq__item>div{padding:0 40px 20px 0}.ip-faq__item p{margin:0;color:#66768b;font-size:13px;line-height:1.7}.ip-final{padding:100px 0;background:var(--ip-paper)}.ip-final__card{display:grid;grid-template-columns:1.25fr auto;gap:50px;align-items:center;padding:52px;border:1px solid rgba(78,146,218,.35);border-radius:25px;background:radial-gradient(circle at 85% 25%,rgba(19,201,181,.22),transparent 30%),linear-gradient(120deg,#092956,#071732)}.ip-final h2{color:#fff}.ip-final p{max-width:700px;color:#aebed2}.ip-final .pd-actions{margin:0}.ip-final+.pd-footer{background:#031126}
@media(max-width:1050px){.ip-hero__grid{grid-template-columns:1fr;gap:55px}.ip-hero__copy{max-width:760px}.ip-hero__preview{width:min(820px,100%);margin:auto}.ip-feature{grid-template-columns:1fr;gap:38px}.ip-feature--reverse .ip-feature__copy{order:0}.ip-workflow{grid-template-columns:repeat(2,1fr);gap:35px 0}.ip-workflow li:nth-child(2)::after{display:none}.ip-benefits{grid-template-columns:repeat(2,1fr)}.ip-onboarding{gap:45px}.ip-final__card{grid-template-columns:1fr}.ip-final .pd-actions{margin-top:0}}
@media(max-width:760px){.ip-main .pd-shell{width:calc(100% - 28px)}.ip-hero{padding:85px 0 76px}.ip-hero h1{font-size:clamp(41px,12vw,58px)}.ip-hero__preview figcaption{position:relative;right:auto;bottom:auto;width:auto;margin-top:12px}.ip-browser{transform:none}.ip-section-nav{top:64px}.ip-section{padding:82px 0}.ip-section--dark,.ip-section--connected{padding-bottom:115px}.ip-heading{margin-bottom:35px}.ip-problems,.ip-integrations,.ip-use-cases,.ip-pricing-grid,.ip-onboarding,.ip-faq-wrap{grid-template-columns:1fr}.ip-feature{gap:28px}.ip-ui-card__body{min-height:260px;grid-template-columns:45px 1fr}.ip-ui-card__body>div{padding:20px}.ip-tabs{overflow-x:auto}.ip-tabs button{min-width:115px}.ip-tab-panels section{grid-template-columns:1fr;padding:25px}.ip-panel-screen{min-height:290px;grid-template-columns:45px 1fr}.ip-panel-screen>div{padding:18px}.ip-workflow{grid-template-columns:1fr;gap:18px}.ip-workflow li{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:0}.ip-workflow li::after{display:none}.ip-workflow h3{margin:2px 0 8px}.ip-benefits{grid-template-columns:1fr}.ip-onboarding{gap:40px}.ip-faq-wrap{gap:10px}.ip-final{padding:75px 0}.ip-final__card{padding:31px}.ip-hero::after,.ip-section--dark::after,.ip-section--connected::after{height:30px}}
@media(max-width:460px){.ip-trust-list{display:grid;gap:10px}.ip-panel-kpis{grid-template-columns:repeat(2,1fr)}.ip-panel-kpis i:nth-child(n+3){display:none}.ip-panel-chart{height:105px}.ip-flow{gap:11px;padding:20px 10px}.ip-flow>span{width:95px}.ip-final .pd-button{width:100%}}
@media(prefers-reduced-motion:no-preference){.ip-feature,.ip-problems article,.ip-use-cases article{transition:transform .25s ease,border-color .25s ease}.ip-problems article:hover,.ip-use-cases article:hover{transform:translateY(-4px);border-color:rgba(19,201,181,.55)}.ip-feature[data-reveal]{opacity:0;transform:translateY(22px)}.ip-feature[data-reveal].is-visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}}
@media(prefers-reduced-motion:reduce){.ip-main *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ip-browser{transform:none}}