:root{--ink:#132641;--muted:#56677d;--blue:#1461d5;--line:#dce3ec;--paper:#f7f9fc;--color-text-light:#56677d;--color-border:#dce3ec;--shadow-md:0 12px 40px #13264112;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}p{font-size:17px;line-height:1.7;color:var(--muted)}h1,h2,h3{margin:0;letter-spacing:-.045em;line-height:1.08;font-weight:750}h1{font-size:clamp(48px,5.7vw,80px);line-height:1.02}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(34px,4vw,53px)}h3{font-size:25px;line-height:1.22}.eyebrow{font-size:12px;letter-spacing:.11em;text-transform:uppercase;font-weight:750;color:var(--blue);margin:0 0 22px;line-height:1.5}.navbar{position:sticky;top:0;z-index:20;background:#ffffffef;border-bottom:1px solid #e8edf3;backdrop-filter:blur(16px)}.nav-inner{height:86px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.035em;font-weight:750;white-space:nowrap}.brand img{border-radius:10px}.brand small{display:block;font-size:10px;letter-spacing:.03em;color:var(--muted);margin-top:4px;font-weight:500}.nav-links{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:13px;font-weight:600}.nav-links a:hover{color:var(--blue)}.btn{border:1px solid var(--blue);background:var(--blue);color:white;padding:17px 23px;border-radius:9px;font-weight:650;display:inline-flex;justify-content:center;align-items:center;gap:26px;font-size:15px;min-height:52px;transition:background .15s,transform .15s}.btn:hover{background:#0d4fb5;transform:translateY(-1px)}.btn.nav-cta{font-size:12px;padding:12px 16px;min-height:44px;gap:14px}.menu{display:none}.hero{background:#f7f9fc;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-top:66px;padding-bottom:68px}.hero .eyebrow{letter-spacing:.04em;font-size:12px}.little-mark{display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:8px}.lead{font-size:19px;line-height:1.65;max-width:470px;margin:27px 0}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{border:0;background:none;color:var(--blue);font-size:14px;font-weight:650;padding:12px 0;display:inline-flex;gap:20px;align-items:center}.micro{font-size:11px;margin:15px 0;color:#68778a}.hero-proof{display:flex;gap:25px;border-top:1px solid var(--line);margin-top:33px;padding-top:22px;font-size:11px;line-height:1.6;color:var(--muted)}.hero-proof b{display:block;color:var(--ink);font-size:12px}.hero-stage{height:580px;background:#e8effa;border-radius:18px;position:relative;isolation:isolate}.stage-label{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2eab8c}.hero-word{position:absolute;left:27px;top:70px;font-size:76px;font-weight:800;color:#c8d8ef;line-height:.95;letter-spacing:-.07em;z-index:-1}.phone{border-radius:30px;background:#152236;border:6px solid #152236;box-shadow:0 24px 45px #20334e25;overflow:hidden;margin:0;aspect-ratio:9 / 20}.phone img{width:100%;height:100%;object-fit:cover}.phone-primary{position:absolute;width:225px;top:74px;right:37px;transform:rotate(6deg);z-index:2}.phone-secondary{position:absolute;width:190px;top:155px;left:39px;transform:rotate(-7deg);z-index:1}.stage-caption{position:absolute;bottom:41px;right:20px;z-index:3;background:white;border-radius:9px;padding:15px 20px;box-shadow:0 8px 25px #13264110;font-size:12px}.stage-caption b{display:block;margin-bottom:5px}.stage-caption span{font-size:10px;color:var(--muted)}.sample-note{position:absolute;bottom:15px;left:23px;font-size:9px;color:var(--muted)}.benefit-strip{border-bottom:1px solid var(--line)}.benefit-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px;font-size:12px;color:var(--muted)}.section{padding:100px 0}.section-top{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:end;margin-bottom:48px}.section-top>p{margin:0 0 3px;font-size:15px;max-width:450px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.steps article{padding:30px 32px 0 0}.steps article+article{padding-left:32px;border-left:1px solid var(--line)}.step-number{font-size:12px;font-weight:650;color:var(--blue);display:block;margin-bottom:27px}.steps h3{font-size:23px}.steps p{font-size:14px;line-height:1.7;margin:18px 0 27px}.step-example{padding:14px 12px;background:var(--paper);border:1px solid #e8edf3;border-radius:7px;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:8px}.status-new{color:#9a6607!important}.showcase{background:var(--paper)}.showcase-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.showcase-copy h3{font-size:38px}.showcase-copy p:not(.eyebrow){font-size:16px;max-width:425px}.tabs{display:flex;gap:5px;margin-bottom:40px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:transparent;font-size:12px;padding:13px 16px;white-space:nowrap;color:var(--muted);border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue)}.checks{list-style:none;padding:0;margin:23px 0 28px}.checks li{font-size:14px;line-height:1.5;display:flex;gap:11px;margin:13px 0}.checks li:before{content:'✓';color:var(--blue);font-weight:700;flex-shrink:0}.phone-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;max-width:520px}.phone-gallery .phone{width:100%}.gallery-detail{margin:0}.gallery-detail img{border-radius:15px;border:1px solid #dce3ec;box-shadow:0 15px 25px #1326410a}.detail-label{display:block;font-size:10px;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:12px}figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:14px}.monitor-section{background:#12233c;color:#fff}.monitor-section p{color:#adbbcd}.monitor-section .eyebrow{color:#87b7ff}.monitor-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px}.monitor-controls span{display:flex;align-items:center;gap:9px}.subtle{background:transparent;border:1px solid #536074;border-radius:6px;color:#d1dbe8;padding:10px 13px;font-size:11px;min-height:40px}.monitor-device{max-width:1060px;margin:auto}.monitor-bezel{border:11px solid #080e19;border-bottom-width:29px;border-radius:16px;position:relative;box-shadow:0 35px 70px #0004;background:#f1f5fa}.screen-frames{aspect-ratio:1280/570;overflow:hidden}.screen-frames img{width:100%;height:100%;object-fit:cover;object-position:top}.monitor-brand{position:absolute;bottom:-20px;font-size:6px;letter-spacing:.2em;left:50%;transform:translateX(-50%);color:#67778e}.monitor-foot{height:45px;width:140px;background:#0a1322;margin:0 auto;position:relative}.monitor-foot:after{content:'';position:absolute;bottom:0;left:-40px;right:-40px;height:7px;background:#0a1322;border-radius:5px}.monitor-timeline{display:flex;justify-content:center;gap:45px;margin-top:24px}.monitor-timeline button{color:#8092aa;font-size:12px;background:transparent;border:0;border-bottom:2px solid transparent;padding:13px 0}.monitor-timeline button span{margin-left:9px}.monitor-timeline button.active{color:#fff;border-bottom-color:#65a2ff}.image-note{font-size:11px;text-align:center;max-width:750px;margin:22px auto 0;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.feature-grid article{border-top:1px solid var(--line);padding-top:24px}.feature-grid article>span{color:var(--blue);font-size:28px;display:block;margin-bottom:28px}.feature-grid h3{font-size:21px}.feature-grid p{font-size:14px}.pricing{background:#f4f7fb}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:960px;margin:auto}.price-card{padding:40px;background:#fff;border:1px solid #dce3ec;border-radius:12px;position:relative;display:flex;flex-direction:column}.price-card .eyebrow{margin-bottom:12px;font-size:10px}.price-card h3{font-size:29px}.price{font-size:52px;font-weight:750;letter-spacing:-.055em;color:var(--ink);margin:23px 0 10px;line-height:1.1}.price span{font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}.price-card>p:not(.price):not(.eyebrow){font-size:13px;line-height:1.7;margin:0}.price-card .checks{margin-bottom:30px;flex:1}.price-card .checks li{font-size:13px}.price-card .btn{width:100%}.premium{border:2px solid var(--blue)}.price-label{background:var(--blue);position:absolute;right:20px;top:-12px;color:white;padding:5px 11px;border-radius:5px;font-size:9px}.outline{background:transparent;color:var(--blue)}.outline:hover{color:#fff}.pricing-note{font-size:11px;text-align:center;max-width:800px;margin:25px auto 0}.price-details{max-width:960px;margin:25px auto 0}.price-details p{font-size:13px}.apps-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.apps-grid>div>p:not(.eyebrow){font-size:15px;max-width:440px}.store-links{display:flex;gap:13px;margin-top:27px}.store-links img{width:auto;height:44px;object-fit:contain}.start-list>p{display:flex;align-items:flex-start;gap:22px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px;font-size:13px;line-height:1.7}.start-list b{color:var(--blue);font-size:12px;line-height:2}.start-list strong{display:block;font-size:17px;color:var(--ink);font-weight:650}.final-cta{background:var(--blue);color:white;padding:85px 0;text-align:center}.final-cta .eyebrow{color:#c5ddff;font-size:10px}.final-cta h2{font-size:clamp(40px,5vw,70px)}.final-cta p{color:#cfdef5;font-size:20px;margin:20px 0 30px}.white{background:white;border-color:white;color:var(--blue)}.white:hover{color:white}.final-cta small{display:block;margin-top:18px;font-size:11px;color:#ccdef8}.faq .wrap{max-width:840px}.faq h2{font-size:32px;margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:14px;font-weight:650;cursor:pointer;line-height:1.5}details p{font-size:14px;margin-bottom:0}footer{border-top:1px solid var(--line);padding:30px 0}.footer-inner{display:flex;align-items:center;gap:35px;justify-content:space-between}.footer-inner>div{display:flex;gap:23px;font-size:11px}.footer-inner>small{font-size:10px;color:var(--muted)}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #77abf2;outline-offset:4px}.modal-overlay{position:fixed;inset:0;background:#0b1e36aa;z-index:100;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.modal-content{background:white;position:relative;border-radius:15px;width:500px;max-width:100%;max-height:calc(100dvh - 40px);overflow-y:auto;padding:32px;box-shadow:0 30px 90px #0003}.modal-close{position:absolute;top:9px;right:9px;width:40px;height:40px;border:0;border-radius:50%;font-size:26px;background:var(--paper);color:var(--muted)}.modal-content h2{font-size:27px;padding-right:30px;margin-bottom:14px}.modal-content p{font-size:13px;line-height:1.6}.form-group{margin:14px 0}.form-group label{display:block;font-size:12px;font-weight:650;margin-bottom:7px}.form-group input{width:100%;padding:12px;border:1px solid #c9d4e3;border-radius:7px;color:var(--ink);font-size:16px;min-height:46px}.form-hint{font-size:10px!important;margin-top:-4px}.form-checkbox{display:flex;gap:10px;align-items:flex-start}.form-checkbox input{flex-shrink:0;width:18px;height:18px}.form-checkbox label{font-size:11px;line-height:1.6}.form-checkbox a{text-decoration:underline;color:var(--blue)}.btn-block{width:100%}.alert{background:#fff0ec;padding:13px;border-radius:8px;color:#ae301a;font-size:13px;margin-top:14px}.success-icon{font-size:35px}.spinner{width:30px;height:30px;border:3px solid #d7e6fc;border-top-color:var(--blue);border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.password-display{display:flex;gap:10px;flex-wrap:wrap}.password-box{padding:18px;border:1px solid var(--line);border-radius:8px;margin:18px 0}.success-details{font-size:14px}.danger-text{color:#a13815}.subtle:hover{border-color:#a5bfdc}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero-grid{padding-top:80px;padding-bottom:80px}.hero-stage{height:630px}.phone-primary{width:240px}.phone-secondary{width:200px;top:185px}.hero-word{font-size:88px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.nav-links{gap:17px;font-size:11px}.nav-inner{gap:20px}.nav-cta{gap:7px!important}.hero-grid{gap:25px}.hero-stage{height:515px}.phone-primary{width:190px;right:25px;top:77px}.phone-secondary{width:160px;left:22px;top:150px}.hero-word{font-size:65px}.hero-proof{gap:15px}.hero-actions{gap:18px;flex-wrap:wrap}.hero .btn{gap:12px}.section-top{gap:45px}.showcase-grid{gap:40px}.feature-grid{grid-template-columns:repeat(2,1fr)}.apps-grid{gap:55px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav-inner{height:70px;gap:12px;justify-content:space-between}.brand{font-size:17px;gap:9px}.brand img{width:34px;height:34px}.brand small{font-size:8px}.nav-cta{display:none}.menu{display:block;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:20px}.nav-links{display:none;margin:0;font-size:15px;gap:0}.nav-links a{padding:14px 8px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:38px;padding-bottom:32px;gap:28px}.hero .eyebrow{font-size:10px;margin-bottom:19px}h1{font-size:clamp(45px,12.3vw,66px)}.lead{font-size:16px;line-height:1.65;margin:20px 0 24px;max-width:470px}.hero-actions{gap:17px;flex-wrap:nowrap;align-items:center}.hero-actions .btn{font-size:12px;padding:15px 16px;gap:10px;min-height:50px}.hero-actions .text-link{font-size:11px;gap:8px;white-space:nowrap}.micro{font-size:9px;margin-top:12px}.hero-proof{display:none}.hero-stage{height:460px;border-radius:13px;max-width:490px;width:100%;align-self:center}.stage-label{font-size:9px;left:20px;top:19px}.hero-word{font-size:65px;left:20px;top:60px}.phone-primary{width:174px;right:24px;top:65px;border-width:5px;border-radius:25px}.phone-secondary{width:145px;left:24px;top:127px;border-width:5px;border-radius:23px}.stage-caption{bottom:32px;right:15px;padding:13px 15px;font-size:11px}.stage-caption span{font-size:9px}.sample-note{font-size:8px;bottom:12px;left:17px}.benefit-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:10px;padding-top:20px;padding-bottom:20px}.section{padding:60px 0}h2{font-size:34px;line-height:1.12}.eyebrow{font-size:10px;margin-bottom:17px}.section-top{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-top>p{font-size:14px;line-height:1.7}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:25px 0;border-left:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:32px 1fr;gap:0 13px}.step-number{grid-row:1/4;margin:4px 0}.steps h3{font-size:21px}.steps p{margin:13px 0 18px}.step-example{grid-column:2}.showcase-grid{grid-template-columns:1fr;gap:30px}.showcase-copy h3{font-size:30px}.showcase-copy p:not(.eyebrow){font-size:14px}.tabs{margin-bottom:28px;gap:0}.tabs button{font-size:11px;padding:12px}.checks li{font-size:13px}.phone-gallery{gap:18px;max-width:420px;margin:auto;width:100%;padding:0 8px}.phone-gallery .phone{border-width:4px;border-radius:24px}.gallery-detail img{border-radius:9px}figcaption{font-size:8px}.detail-label{font-size:8px}.monitor-controls{font-size:10px;gap:10px}.subtle{font-size:9px;padding:8px;min-height:36px}.monitor-bezel{border-width:5px;border-bottom-width:19px;border-radius:8px}.monitor-brand{font-size:4px;bottom:-13px}.monitor-foot{height:27px;width:75px}.monitor-foot:after{left:-20px;right:-20px;height:5px}.monitor-timeline{gap:20px;margin-top:13px}.monitor-timeline button{font-size:10px;padding:12px 0}.monitor-timeline button span{margin-left:4px}.image-note{font-size:9px}.feature-grid{gap:20px;margin-top:30px}.feature-grid article{padding-top:15px}.feature-grid h3{font-size:18px}.feature-grid p{font-size:12px;line-height:1.7}.feature-grid article>span{margin-bottom:15px;font-size:23px}.pricing-grid{grid-template-columns:1fr;gap:25px}.price-card{padding:28px}.price-label{font-size:8px;right:15px}.pricing-note{font-size:10px}.apps-grid{grid-template-columns:1fr;gap:27px}.apps-grid h2{font-size:34px}.apps-grid>div>p:not(.eyebrow){font-size:14px}.store-links{gap:12px}.store-links img{height:39px}.final-cta{padding:57px 0}.final-cta h2{font-size:43px}.final-cta p{font-size:16px}.final-cta small{font-size:9px}.footer-inner{align-items:flex-start;flex-wrap:wrap;gap:25px}.footer-inner>div{font-size:10px;gap:20px}.footer-inner>small{width:100%}.faq h2{font-size:29px}.modal-overlay{padding:10px;align-items:center}.modal-content{padding:26px 21px;max-height:calc(100dvh - 20px);border-radius:12px}.modal-content h2{font-size:24px}.modal-content>div>p{font-size:12px;margin-bottom:15px!important}.form-group{margin:12px 0}.form-hint{font-size:9px!important}}
.gallery-detail img{width:100%;height:auto}.form-row{display:flex;gap:15px}.form-row>*{flex:1}.phone img,.gallery-detail img{cursor:zoom-in}.image-zoom{border:0;background:#f7f9fc;border-radius:15px;padding:35px 20px 15px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 25px);overflow:auto}.image-zoom::backdrop{background:#0b1e36cc;backdrop-filter:blur(6px)}.image-zoom>img{max-height:calc(100dvh - 120px);width:auto;max-width:100%;object-fit:contain;border-radius:10px}.image-zoom>button{position:absolute;top:0;right:4px;font-size:25px;border:0;background:none;color:var(--ink);width:38px;height:38px}.image-zoom>p{font-size:10px;text-align:center;margin:8px 0 0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Nordwerk product narrative — real captures, legible vector UI and an automatic hand-off. */
.hero-stage-v2{background:linear-gradient(145deg,#e5efff 0%,#eff4fb 58%,#dce9fb 100%);border:1px solid #d5e2f4;height:600px;box-shadow:inset 0 1px 0 #fff;overflow:hidden}.hero-stage-v2:before{content:'';position:absolute;width:420px;height:420px;background:#fff8;border-radius:50%;left:-180px;top:210px;z-index:-1}.hero-screen{position:absolute;left:24px;right:24px;top:63px;border:5px solid #12243d;border-bottom-width:14px;border-radius:10px;background:#f1f5fa;overflow:hidden;box-shadow:0 20px 40px #17375c22}.hero-screen img{width:100%;height:auto}.browser-chrome{height:28px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#e8edf5;color:#67778a;font-size:9px;border-bottom:1px solid #d7e0ea}.browser-chrome i{height:5px;width:5px;background:#b1bfce;border-radius:50%;display:block}.browser-chrome span{margin:auto;font-size:8px;letter-spacing:.06em}.hero-screen .browser-chrome{height:22px}.hero-flow-phone{position:absolute!important;right:26px;top:195px;width:184px!important;height:365px!important;font-size:10px!important;box-shadow:0 25px 45px #17375c35!important}.hero-flow-phone .flow-phone-head{padding-top:22px}.hero-flow-phone .phone-form{padding:12px}.hero-flow-phone .phone-form small{margin-top:10px;font-size:9px}.hero-flow-phone .choice{min-height:30px;font-size:9px}.hero-flow-phone .phone-submit{font-size:10px;margin-top:14px;padding:10px}.hero-flow-phone .phone-result{padding:18px 12px}.hero-flow-phone .phone-ticket{padding:12px}.hero-flow-phone .phone-result .result-title{font-size:16px}.hero-flow-caption{position:absolute;left:25px;bottom:95px;right:225px;line-height:1.3}.flow-count{display:block;color:#6184ad;font-size:10px;font-weight:700;letter-spacing:.12em;margin-bottom:14px}.hero-flow-caption b{display:block;font-size:23px;letter-spacing:-.04em;line-height:1.17}.hero-flow-caption>span:last-child{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:13px}.hero-flow-progress{position:absolute;left:25px;bottom:62px;width:calc(100% - 250px);height:3px;background:#c6d7ec}.hero-flow-progress span{display:block;height:100%;background:var(--blue);width:var(--phase-progress,0%);transition:width .2s linear}.hero-pause{position:absolute;bottom:20px;right:25px;width:35px;height:35px;border:1px solid #b9cde5;border-radius:50%;color:#234e81;background:#fff9}.hero-stage-v2 .sample-note{max-width:calc(100% - 85px);bottom:21px;line-height:1.5;font-size:8px}.flow-phone{position:relative;width:210px;height:440px;background:#fbfcff;border:6px solid #12233c;border-radius:29px;overflow:hidden;box-shadow:0 18px 35px #1f3b601c;font-size:12px;flex:none}.flow-phone-camera{position:absolute;top:7px;left:50%;transform:translateX(-50%);height:6px;width:40px;background:#12233c;border-radius:5px;z-index:2}.flow-phone-head{display:flex;align-items:center;gap:6px;padding:23px 11px 13px;background:#fff;border-bottom:1px solid #e7edf5;font-size:11px;white-space:nowrap}.flow-phone-head b{overflow:hidden;text-overflow:ellipsis;flex:1}.flow-phone-head span{color:#6b7b8f}.flow-phone-head img{width:24px;height:24px}.flow-phone-tabs{display:flex;padding:12px 8px 9px;border-bottom:1px solid #e0e7f1;font-size:10px;gap:5px;justify-content:space-around;color:#667a94}.phone-tab-create{color:var(--blue);font-weight:700}.phone-form{padding:10px 14px}.phone-form small{display:block;font-size:10px;color:#586d88;margin:13px 0 7px}.choice{border:1px solid #cbd7e6;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:6px;line-height:1.3;font-size:11px;min-height:35px}.choice span{color:var(--blue);font-size:10px}.phone-submit{background:var(--blue);color:#fff;padding:13px 11px;border-radius:6px;font-size:11px;font-weight:650;margin-top:20px;display:flex;justify-content:space-between}.tap-cursor{position:absolute;bottom:58px;right:35px;border-radius:50%;width:20px;height:20px;border:2px solid white;background:#4c8aeacc;box-shadow:0 0 0 7px #3184ff33;animation:tap 1.3s ease-in-out infinite}.phone-result{display:none;padding:25px 15px;text-align:center}.result-check{width:37px;height:37px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1461d5;background:#e7f0fe;margin:auto;font-size:19px}.phone-result .result-title{font-size:19px;line-height:1.25;letter-spacing:-.04em;color:var(--ink);font-weight:700;margin:12px 0 18px}.phone-ticket{text-align:left;padding:16px 13px;background:#fff;border:1px solid #dce5f1;border-radius:10px;box-shadow:0 5px 15px #17375c08}.phone-ticket>small{display:block;font-size:7px;letter-spacing:.1em;color:#7b8ba0;margin-bottom:8px}.phone-ticket b{font-size:17px;display:block}.phone-ticket p{font-size:11px;line-height:1.6;margin:8px 0 14px}.flow-status{font-size:10px;padding:6px 8px;border-radius:5px;background:#fff0c5;color:#805706;display:inline-block;font-weight:650}.phone-result-note{font-size:9px;line-height:1.6;color:#78879b;display:block;margin-top:15px}.phone-bottom-bar{position:absolute;bottom:7px;width:54px;height:3px;border-radius:3px;background:#a8b3c2;left:50%;transform:translateX(-50%)}[data-phase="1"] .phone-form,[data-phase="2"] .phone-form,[data-phase="3"] .phone-form{display:none}[data-phase="1"] .phone-result,[data-phase="2"] .phone-result,[data-phase="3"] .phone-result{display:block}[data-phase="1"] .phone-tab-create,[data-phase="2"] .phone-tab-create,[data-phase="3"] .phone-tab-create{color:#667a94;font-weight:400}[data-phase="1"] .phone-tab-tickets,[data-phase="2"] .phone-tab-tickets,[data-phase="3"] .phone-tab-tickets{color:var(--blue);font-weight:700}[data-phase="2"] .flow-status{background:#e0edff;color:#19549e}[data-phase="3"] .flow-status{background:#d9f2e7;color:#166648}[data-phase="3"] .result-check{background:#d9f2e7;color:#166648}.showcase-v2{background:#f4f7fc}.example-disclosure{display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid #dce5f1;border-radius:9px;background:#fff;font-size:11px;color:#64758b;line-height:1.6;margin-bottom:28px}.example-disclosure b{color:#28415f}.flow-story{background:#fff;border:1px solid #dce5f1;border-radius:18px;margin-top:24px;padding:35px 35px 22px;box-shadow:0 15px 50px #1b365805}.story-heading{display:flex;gap:35px;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid #e7edf5}.example-brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:750;letter-spacing:.015em;flex:none}.example-brand small{font-weight:500;display:block;font-size:10px;color:#6d7f95;letter-spacing:.05em;margin-top:5px}.story-description{max-width:570px}.story-description h3{font-size:25px}.story-description p{font-size:13px;margin:10px 0 0;line-height:1.6}.story-devices{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px;align-items:center;padding:36px 0 20px}.story-monitor{min-width:0}.device-label{display:block;font-size:9px;color:#71849c;letter-spacing:.12em;font-weight:650;margin-bottom:15px}.flow-story .monitor-bezel{border-width:7px;border-bottom-width:22px;border-radius:11px;box-shadow:0 20px 30px #17375c18}.flow-monitor-screen{position:relative;aspect-ratio:1280/420;overflow:hidden;background:#f1f5fa}.flow-monitor-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.flow-story .monitor-foot{height:32px;width:90px;background:#12233c}.flow-story .monitor-foot:after{background:#12233c}.flow-story .monitor-brand{bottom:-15px;font-size:5px}.monitor-pulse{display:none;pointer-events:none;position:absolute;left:1.3%;right:1.3%;top:33.3%;height:18.5%;border:1px solid #fff9;animation:row-signal 1.5s ease-in-out infinite;background:#fff5}.hero-screen .monitor-pulse{top:calc(33.3% + 17px);height:15%}[data-phase="1"] .monitor-pulse,[data-phase="2"] .monitor-pulse,[data-phase="3"] .monitor-pulse{display:block}.flow-caption-box{display:flex;gap:19px;margin-top:25px;align-items:flex-start;min-height:70px}.flow-caption-box .flow-count{margin-top:4px;white-space:nowrap;font-size:9px}.flow-caption-box b{font-size:19px;letter-spacing:-.025em}.flow-caption-box p{font-size:12px;line-height:1.6;margin:7px 0 0}.flow-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:6px}.flow-timeline>span{border-top:2px solid #e0e7f1;padding-top:13px;color:#96a4b7;font-size:10px;line-height:1.5}.flow-timeline b{font-size:11px;font-weight:600;display:inline-block;margin-left:6px}.flow-timeline>.active{border-top-color:#1461d5;color:#1461d5}.flow-story[data-phase="3"] .flow-timeline>.active{border-color:#25876b;color:#25876b}.flow-story-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #edf1f7;margin-top:23px;padding-top:15px}.flow-story-footer small{font-size:9px;color:#8795a8;line-height:1.6}.flow-story-footer button{border:0;background:#f1f5fb;padding:10px 13px;border-radius:6px;color:#4e6b8e;font-size:10px;white-space:nowrap;min-height:36px}.showcase-v2 .image-note{color:#7a8ba2}.product-depth{background:#fbfcfe;border-top:1px solid #e8edf5}.communication-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.communication-grid>article{padding:35px;border-radius:15px;border:1px solid #dce5f1;background:#fff}.feature-overline{font-size:10px;letter-spacing:.1em;font-weight:700;color:#6d86a5;display:flex;gap:10px;align-items:center;margin-bottom:24px}.feature-overline>span{font-size:22px;color:#1461d5}.communication-grid h3{font-size:30px;margin-bottom:25px}.chat-ticket-ref{border-bottom:1px solid #e3eaf4;padding:0 0 15px;margin-bottom:19px;font-size:10px;color:#6c809b}.chat-bubble{max-width:86%;padding:14px 16px;border-radius:12px 12px 12px 2px;background:#eef3fa;font-size:13px;line-height:1.65;margin:12px 0}.chat-bubble small{font-size:9px;font-weight:650;display:block;margin-bottom:5px;color:#6983a6}.chat-user{margin-left:auto;background:#1461d5;color:#fff;border-radius:12px 12px 2px 12px}.chat-user small{color:#bdd6ff}.illustration-note{font-size:10px!important;line-height:1.7!important;color:#8391a4!important;margin-top:22px!important}.push-preview{background:linear-gradient(140deg,#f3f7fd,#e9f0fc)!important}.notification-stack{margin:45px 0 32px}.notification{display:flex;gap:12px;background:#ffffffdf;backdrop-filter:blur(10px);border:1px solid white;border-radius:15px;padding:20px;box-shadow:0 12px 35px #203c6020}.notification>img{border-radius:8px;flex:none}.notification>div{min-width:0;flex:1}.notification small{font-size:8px;letter-spacing:.08em;color:#71849b;display:flex;justify-content:space-between;margin-bottom:8px}.notification b{display:block;font-size:14px;line-height:1.4}.notification p{font-size:12px;line-height:1.6;margin:7px 0 0}.notification-secondary{margin:13px 13px 0;padding:17px;box-shadow:0 5px 12px #203c600b}.notification-secondary>span{color:#278b6a;align-self:center}.notification-secondary b{font-size:11px}.push-preview>p:not(.illustration-note){font-size:14px;line-height:1.7}.original-browser-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center;margin-top:75px}.original-browser-grid h3,.native-browser-copy h3{font-size:32px}.original-browser-grid p:not(.eyebrow),.native-browser-copy>p:not(.eyebrow){font-size:14px;line-height:1.8}.browser-product{margin:0;min-width:0;border:1px solid #d4dfed;border-radius:11px;overflow:hidden;box-shadow:0 18px 45px #17375c0c;background:white}.browser-product>img{width:100%;height:auto;cursor:zoom-in}.browser-product figcaption{font-size:8px;padding:10px 14px;margin:0;line-height:1.5;background:#fff;border-top:1px solid #e8edf5}.native-browser-grid{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1000px;gap:75px;align-items:center;margin:80px auto 0;padding-top:60px;border-top:1px solid #dce5f1}.native-app-photo{width:210px;border-width:5px;border-radius:25px}.native-browser-copy .browser-product{margin-top:25px}.video-section{background:#12233c;color:#fff}.video-section .eyebrow{color:#90baf5}.video-section .section-top>p{color:#aabbd2}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.video-card{min-width:0}.video-player{border:1px solid #ffffff29;border-radius:12px;overflow:hidden;background:#0b1728;aspect-ratio:9/16;box-shadow:0 18px 35px #0002}.video-player video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.video-card>small{display:block;font-size:10px;color:#8ba6cb;margin-top:19px}.video-card>h3{font-size:19px;color:#f4f7fd;line-height:1.3;margin-top:9px;letter-spacing:-.025em}.video-note{font-size:11px;color:#9caec7;text-align:center;margin:35px 0 0}.image-zoom>img{max-width:min(1200px,calc(100vw - 70px));max-height:calc(100dvh - 120px);object-fit:contain}.original-image{cursor:zoom-in}.flow-paused .monitor-pulse,.flow-paused .tap-cursor{animation-play-state:paused}.flow-paused .hero-flow-progress span{transition:none}@keyframes row-signal{0%,100%{background:#ffffff00;box-shadow:inset 0 0 0 1px #fff2}50%{background:#ffffff80;box-shadow:inset 0 0 0 2px #fff9}}@keyframes tap{0%,100%{transform:scale(.8);opacity:.55}50%{transform:scale(1.1);opacity:1}}
@media(min-width:1500px){.hero-stage-v2{height:630px}.hero-flow-phone{top:207px!important;right:30px!important;width:194px!important;height:387px!important}.hero-flow-caption{bottom:105px;right:245px}.hero-flow-caption b{font-size:26px}}
@media(max-width:1050px){.nav-links{gap:13px}.hero-stage-v2{height:560px}.hero-screen{left:18px;right:18px}.hero-flow-phone{right:18px;top:170px;width:170px!important;height:355px!important}.hero-flow-caption{left:19px;right:195px;bottom:87px}.hero-flow-caption b{font-size:20px}.hero-flow-caption>span:last-child{font-size:10px}.hero-flow-progress{left:19px;width:calc(100% - 216px)}.flow-story{padding:27px 25px 20px}.story-heading{gap:25px}.example-brand{font-size:16px}.story-description h3{font-size:22px}.story-devices{gap:25px;grid-template-columns:195px minmax(0,1fr)}.flow-story .flow-phone{width:195px}.flow-caption-box{gap:12px}.flow-caption-box b{font-size:17px}.communication-grid>article{padding:27px}.communication-grid h3{font-size:26px}.original-browser-grid{gap:30px}.native-browser-grid{gap:40px}.video-grid{gap:15px}.video-card h3{font-size:17px}}
@media(max-width:760px){.hero-stage-v2{height:515px;max-width:490px}.hero-screen{top:51px;left:16px;right:16px;border-width:4px;border-bottom-width:11px}.hero-flow-phone{width:168px!important;height:351px!important;top:126px!important;right:16px!important;border-width:4px;border-radius:23px}.hero-flow-caption{left:18px;right:197px;bottom:87px}.hero-flow-caption b{font-size:21px;line-height:1.15}.hero-flow-caption>span:last-child{font-size:10px;line-height:1.6}.hero-flow-progress{left:18px;bottom:57px;width:calc(100% - 217px)}.hero-stage-v2 .stage-label{font-size:9px;left:18px;top:17px}.hero-stage-v2 .sample-note{bottom:17px;left:18px;font-size:7px}.hero-pause{bottom:13px;right:18px}.hero-flow-caption .flow-count{font-size:8px;margin-bottom:12px}.example-disclosure{padding:13px;font-size:10px;align-items:flex-start;gap:10px}.example-disclosure img{flex:none}.example-disclosure b{display:block}.flow-story{border-radius:13px;padding:23px 16px 17px;margin-top:20px}.story-heading{display:block;padding-bottom:20px}.example-brand{font-size:17px;margin-bottom:19px}.example-brand img{width:35px;height:35px}.example-brand small{font-size:9px}.story-description h3{font-size:25px}.story-description p{font-size:12px}.story-devices{display:flex;flex-direction:column-reverse;gap:25px;padding:24px 0 18px}.story-monitor{width:100%}.device-label{font-size:8px;margin-bottom:11px}.flow-story .monitor-bezel{border-width:4px;border-bottom-width:16px;border-radius:8px}.flow-story .monitor-brand{bottom:-11px;font-size:4px}.flow-story .monitor-foot{height:22px;width:62px}.flow-story .monitor-foot:after{height:4px}.flow-caption-box{gap:12px;margin-top:22px;min-height:70px}.flow-caption-box b{font-size:18px;line-height:1.35;display:block}.flow-caption-box p{font-size:11px;line-height:1.7}.flow-caption-box .flow-count{font-size:8px;margin-top:5px}.flow-story .flow-phone{width:195px;height:417px;border-width:5px}.flow-timeline{gap:9px;margin-top:8px}.flow-timeline>span{font-size:8px}.flow-timeline b{font-size:8px;display:block;margin:4px 0 0;line-height:1.4}.flow-story-footer{align-items:flex-start;gap:15px;margin-top:18px}.flow-story-footer small{font-size:8px}.flow-story-footer button{font-size:8px;padding:7px;white-space:normal;min-width:95px}.showcase-v2 .image-note{font-size:9px}.communication-grid{grid-template-columns:1fr;gap:20px}.communication-grid>article{padding:26px 22px;border-radius:12px}.communication-grid h3{font-size:28px}.chat-bubble{font-size:12px}.notification-stack{margin:30px 0 25px}.notification{padding:16px;gap:9px}.notification b{font-size:12px}.notification p{font-size:11px}.illustration-note{font-size:9px!important}.original-browser-grid{grid-template-columns:1fr;gap:25px;margin-top:50px}.original-browser-grid h3,.native-browser-copy h3{font-size:28px}.original-browser-grid p:not(.eyebrow),.native-browser-copy>p:not(.eyebrow){font-size:13px}.browser-product figcaption{font-size:8px;padding:9px 10px}.native-browser-grid{grid-template-columns:1fr;gap:30px;margin-top:45px;padding-top:40px}.native-app-photo{width:210px;justify-self:center}.native-browser-copy{text-align:left}.native-browser-copy .browser-product{margin-top:23px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 15px}.video-card>small{font-size:9px;margin-top:13px}.video-card>h3{font-size:16px;margin-top:7px}.video-player{border-radius:9px}.video-note{font-size:10px;line-height:1.7;margin-top:30px}.image-zoom>img{max-width:calc(100vw - 70px)}.browser-chrome{height:24px}.browser-chrome span{font-size:7px}.flow-phone-head b{font-size:10px}}
@media(max-width:370px){.hero-flow-caption{right:185px}.hero-flow-caption b{font-size:18px}.hero-flow-phone{width:155px!important}.hero-flow-caption>span:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){.monitor-pulse,.tap-cursor{animation:none!important}.hero-flow-progress span{transition:none!important}}
[data-phase="0"] .phone-form .choice:nth-of-type(1){animation:choose-field .7s .2s both}[data-phase="0"] .phone-form .choice:nth-of-type(2){animation:choose-field .7s 1s both}[data-phase="0"] .phone-form .choice:nth-of-type(3){animation:choose-field .7s 1.8s both}[data-phase="0"] .phone-submit{animation:submit-ticket .8s 2.7s both}@keyframes choose-field{from{border-color:#d8e1ee;background:#f6f8fc;color:#7c8ea5}to{border-color:#6a9de5;background:#fff;color:#132641}}@keyframes submit-ticket{0%{transform:scale(1);box-shadow:none}50%{transform:scale(.97);box-shadow:0 0 0 5px #1461d52a}100%{transform:scale(1);box-shadow:none}}
.feature-overline>svg{color:#1461d5;flex:none}
.pricing-booking{margin:28px 0;max-width:850px}.pricing-booking p{margin-top:16px;color:var(--muted,#52647c);line-height:1.7}