:root{--ink:#142a31;--body:#4c5c60;--muted:#74858a;--sand:#faf9f4;--cream:#f5f0e8;--line:#e7eae6;--white:#fff;--deep:#103c3c;--deep2:#0d3035;--mint:#dff6ea;--teal:#0f897b;--blue:#1c72c8;--violet:#7964c7;--amber:#e7a94b;--shadow:0 20px 70px rgba(12,50,52,.09);--radius:22px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.52}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
img{max-width:100%;display:block}
p{margin:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #58a1ff;outline-offset:3px}
.container{width:min(1170px,calc(100% - 56px));margin-inline:auto}
.skip-link{position:absolute;left:12px;top:-60px;background:#fff;z-index:100;padding:12px 18px;border:2px solid var(--ink);border-radius:6px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(30,54,57,.06);background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
.header-inner{height:124px;display:flex;align-items:center;gap:34px}
.brand{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:330px;flex-shrink:0}
.brand-symbol{height:92px;width:98px;object-fit:contain;margin-bottom:-2px}
.brand-type{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.02;text-align:center}
.brand-name{font-size:36px;font-weight:950;letter-spacing:-1.35px;color:#102e48;white-space:nowrap}
.brand-name>span{color:#1f8f92}
.brand-tagline{font-size:13px;font-weight:650;color:#73828d;letter-spacing:-.15px;white-space:nowrap;margin-top:2px}
.site-nav{display:flex;align-items:center;justify-content:center;gap:26px;margin-inline:auto;font-size:13px;font-weight:750;color:#526369;white-space:nowrap}
.site-nav a:hover,.nav-ticket:hover{color:#0a8676}
.nav-ticket{border:0;background:none;padding:0;color:#526369;font-weight:800;font-size:13px}
.btn{border:0;display:inline-flex;justify-content:center;align-items:center;gap:17px;border-radius:12px;min-height:47px;padding:12px 20px;font-weight:800;font-size:13.5px;line-height:1.3;transition:background .2s,transform .2s,box-shadow .2s;white-space:normal;text-align:center}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--deep);color:#fff;box-shadow:0 12px 25px rgba(12,70,65,.15)}
.btn-primary:hover{background:#0c6663;box-shadow:0 13px 28px rgba(12,70,65,.24)}
.btn-outline{background:#fff;border:1px solid #bdcbc9;color:#254d53}
.btn-outline:hover{border-color:var(--teal);background:#f4fffb}
.btn-white{background:#fff;color:#143f47}
.btn-white:hover{background:#eef6f3}
.header-cta{font-size:12px;padding:12px 17px;min-width:149px;min-height:44px;white-space:nowrap}
.menu-button{display:none;width:38px;height:38px;border:0;background:#f3f5f1;border-radius:10px;padding:10px}
.menu-button span{display:block;height:2px;border-radius:3px;background:#214b50;margin:4px 0}
.hero{background:radial-gradient(ellipse at 65% 5%,#f3f2e9 0,transparent 39%),linear-gradient(120deg,#fcfbf6,#f8faf6);overflow:hidden;padding:83px 0 78px;position:relative}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:55px;align-items:center;position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.15px;font-weight:900;color:#0a746c;text-transform:uppercase}
.eyebrow-sand{border:1px solid #e4e5d7;background:#fffef8;border-radius:100px;padding:8px 13px;color:#316a5c;letter-spacing:.75px;font-size:10px}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#65bc8c;box-shadow:0 0 0 4px #def7e7}
h1,h2,h3,h4{line-height:1.11;letter-spacing:-.05em;margin:0;font-weight:850}
h1{font-size:clamp(48px,4.7vw,72px);margin:27px 0 24px;letter-spacing:-.063em;line-height:1.07}
h1 span{color:var(--teal)}
h2{font-size:clamp(36px,3.8vw,54px)}
h2 em{font-style:normal;color:var(--teal)}
h3{font-size:23px;letter-spacing:-.035em}
.hero-intro{color:#576466;font-size:18px;line-height:1.7;max-width:555px}
.hero-intro strong{font-weight:800;color:#213a41}
.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.hero-buttons .btn{padding:15px 22px}
.hero-points{display:flex;flex-wrap:wrap;gap:19px;margin-top:36px;font-size:11.5px;font-weight:700;color:#56706b}
.hero-points span{display:flex;align-items:center;gap:7px}
.hero-points i{display:inline-flex;width:19px;height:19px;color:#168977}
.hero-showcase{position:relative;padding:6px 20px 48px 0;min-height:540px}
.image-panel{height:450px;width:100%;border-radius:32px;overflow:hidden;position:relative;background:#dbe5e4;box-shadow:0 26px 70px rgba(19,54,57,.11)}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:19% center;filter:grayscale(.78) blur(6px);opacity:.47;transform:scale(1.055)}
.image-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(44,64,71,.25),rgba(225,239,236,.05) 65%,rgba(223,236,232,.5))}
.photo-label{position:absolute;bottom:27px;left:23px;z-index:1;color:#214647;font-size:11px;font-weight:800;background:rgba(255,255,255,.92);border-radius:100px;padding:11px 14px;display:flex;gap:8px;align-items:center;max-width:215px}
.tiny-pulse{width:7px;height:7px;border-radius:50%;background:#28ac75;box-shadow:0 0 0 4px rgba(46,189,133,.15)}
.phone{position:absolute;right:-4px;top:29px;width:268px;height:auto;min-height:502px;border-radius:35px;background:#fff;border:8px solid #233e44;box-shadow:0 38px 78px rgba(20,47,55,.25),inset 0 0 0 1px rgba(0,0,0,.1);padding:0 14px 18px;display:flex;flex-direction:column;overflow:hidden;transform:rotate(2deg)}
.phone-notch{height:20px;width:88px;background:#233e44;border-radius:0 0 12px 12px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1}
.phone-top{margin:22px -14px 0;padding:4px 13px 11px;border-bottom:1px solid #eef0ec;display:flex;gap:6px;align-items:center;font-size:13px;font-weight:950;letter-spacing:-.4px}
.phone-top img{width:28px;height:28px;object-fit:contain}
.phone-top b{color:#27b8be}.phone-more{margin-left:auto;color:#819198;letter-spacing:1px;font-size:13px}
.phone-kicker{font-size:9px;letter-spacing:1px;font-weight:850;color:#148b74;margin:14px 0 9px}
.phone-machine{background:#f0f5f4;padding:11px;border-radius:12px;font-size:12px;font-weight:850;color:#233c42;line-height:1.4}
.phone-machine small{display:block;font-size:9px;color:#738b84;margin-top:4px;font-weight:600}
.phone-question{margin:14px 0 0 18px;background:#eaf5ef;padding:10px 12px;border-radius:13px 13px 4px 13px;font-size:12px;font-weight:700;line-height:1.45}
.bubble-caption{display:block;font-size:8px;letter-spacing:.6px;color:#58917c;margin-bottom:5px;font-weight:850}
.phone-answer{background:#f7f8f6;border-radius:14px;padding:11px;margin-top:9px;font-size:10.5px;line-height:1.48;color:#42565a}
.phone-answer b{color:#23454d;font-size:11px}.phone-answer p{margin:5px 0 7px}.source-mark{display:inline-block;color:#1b817c;font-size:9px;font-weight:800}
.phone-actions{display:flex;justify-content:space-between;font-size:10px;gap:4px;color:#527178;padding:11px 3px;margin-top:auto}
.phone-ticket-button{border:0;background:#0f8277;color:#fff;display:flex;align-items:center;gap:8px;justify-content:center;width:100%;border-radius:11px;padding:10px 9px;font-weight:850;font-size:11px;transition:background .2s}
.phone-ticket-button:hover{background:#0e6765}.phone-ticket-chevron{margin-left:auto;font-size:15px}
.phone-home-indicator{width:69px;height:4px;border-radius:10px;background:#284450;margin:11px auto 0}
.floating-help{position:absolute;left:-26px;bottom:3px;background:#fff;box-shadow:0 20px 48px rgba(18,52,55,.15);display:flex;align-items:center;gap:12px;padding:14px 19px;border-radius:16px;z-index:3;max-width:290px}
.floating-help-icon{height:38px;width:38px;display:grid;place-items:center;border-radius:12px;color:#148c69;background:#e9f9ef;font-weight:950;font-size:22px}
.floating-help strong,.floating-help small{display:block;font-size:11px}.floating-help small{font-size:10px;color:#778987;margin-top:2px}
.illustration-note{position:absolute;bottom:7px;right:1px;font-size:9px;letter-spacing:.5px;color:#92a3a0}
.value-strip{background:#fff;border-bottom:1px solid #f0f0eb}.value-strip-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:25px 0}
.value-strip-inner>div{display:flex;align-items:center;gap:13px}
.value-strip-inner strong,.value-strip-inner small{display:block;line-height:1.45}
.value-strip-inner strong{font-size:13px;color:#274248}.value-strip-inner small{font-size:11px;color:#8a9b9c;margin-top:2px}
.value-icon{width:41px;height:41px;border-radius:13px;display:grid;place-items:center;flex:0 0 41px}
.value-icon.sky{background:#e5f1fc;color:#2676ba}.value-icon.green{background:#e5f6eb;color:#14836a}.value-icon.amber{background:#fcf3df;color:#ba7b18}
[data-icon] svg{width:100%;height:100%;stroke:currentColor}
.value-icon i{height:20px;width:20px;display:block}
.section{padding:108px 0}
.section-heading{max-width:790px;margin-bottom:39px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading h2{margin:13px 0 17px}.section-heading p{color:var(--body);font-size:16px;line-height:1.75;max-width:690px;margin-inline:auto}
.how{background:linear-gradient(180deg,#fcfcfa 0%,#f5f8f5 100%)}
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.how-steps::before{content:"";position:absolute;left:8%;right:8%;top:102px;height:2px;background:linear-gradient(90deg,rgba(63,135,201,.18),rgba(197,125,70,.18),rgba(33,133,102,.18),rgba(121,100,199,.18));border-radius:999px;pointer-events:none}
.step{--accent:#247cba;--accent-soft:#e8f3fb;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(250,252,250,.98) 100%);border:1px solid #e8ede7;padding:30px 24px 26px;border-radius:28px;position:relative;min-height:292px;overflow:hidden;box-shadow:0 18px 40px rgba(18,45,45,.06), inset 0 1px 0 rgba(255,255,255,.7);transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.step:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(18,45,45,.12), inset 0 1px 0 rgba(255,255,255,.8);border-color:#dde7e0}
.step::before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,.35))}
.step::after{content:"";position:absolute;width:180px;height:180px;right:-70px;bottom:-85px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft) 0%,rgba(255,255,255,0) 68%);pointer-events:none}
.step:nth-child(1){--accent:#247cba;--accent-soft:#deedf9}
.step:nth-child(2){--accent:#c57d46;--accent-soft:#ffead8}
.step:nth-child(3){--accent:#218566;--accent-soft:#daf1e6}
.step:nth-child(4){--accent:#7964c7;--accent-soft:#ebe5fb}
.step:not(:last-child) .step-index::after{content:"→";position:absolute;left:calc(100% + 20px);top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900;color:var(--accent);background:rgba(255,255,255,.92);border:1px solid rgba(222,229,225,.95);box-shadow:0 10px 24px rgba(18,45,45,.08)}
.step-index{position:absolute;right:18px;top:18px;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 10px;border-radius:999px;font-size:19px;font-weight:950;letter-spacing:-.6px;color:var(--accent);background:rgba(255,255,255,.95);border:1px solid rgba(227,233,229,.95);box-shadow:0 8px 20px rgba(18,45,45,.06)}
.step-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;margin-bottom:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 14px 28px rgba(18,45,45,.08)}
.step-icon i{width:34px;height:34px;display:block}
.step-blue{background:linear-gradient(180deg,#e4f0fb 0%,#d8e9f8 100%);color:#247cba}.step-peach{background:linear-gradient(180deg,#ffeede 0%,#fde4d2 100%);color:#c57d46}.step-mint{background:linear-gradient(180deg,#dff3e9 0%,#d3eedf 100%);color:#218566}.step-purple{background:linear-gradient(180deg,#f0eafb 0%,#e6dff7 100%);color:#7964c7}
.step h3{font-size:24px;line-height:1.12;margin-bottom:12px;letter-spacing:-.5px}
.step p{font-size:15px;line-height:1.72;color:#5f7175;max-width:240px}
.operator{background:#f9fbf8}.feature-layout{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:75px;align-items:center}
.eyebrow-green{color:#248770}.feature-content h2{margin:15px 0 22px}.feature-lead{font-size:17px;color:var(--body);line-height:1.72}
.feature-list{display:grid;gap:25px;margin-top:35px}
.feature-list>div{display:flex;gap:14px;align-items:flex-start}
.list-icon{height:37px;width:37px;border-radius:12px;flex:0 0 37px;display:grid;place-items:center;background:#e5f3ed;color:#1c896c}
.list-icon i{width:18px;height:18px;display:block}
.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:14px;line-height:1.5}.feature-list small{font-size:12px;line-height:1.55;color:#7b8c8c;margin-top:3px}
.example-board{border:1px solid #e4eae5;border-radius:27px;padding:29px 31px 20px;background:#fff;box-shadow:0 25px 70px rgba(19,58,57,.075)}
.example-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.example-kicker{font-size:10px;font-weight:900;letter-spacing:1px;color:#739089}
.example-live{font-size:10px;font-weight:800;color:#08795f;background:#e7f7ed;padding:8px 10px;border-radius:50px;display:flex;align-items:center;gap:7px}.example-live span{width:6px;height:6px;border-radius:100%;background:#35b781}
.example-board h3{font-size:24px;margin-bottom:20px}.example-tabs{display:flex;gap:8px;padding-bottom:16px;border-bottom:1px solid #edf0ec}
.example-tabs button{border:1px solid #e0e7e5;border-radius:9px;background:#fff;padding:9px 16px;color:#677d80;font-size:12px;font-weight:750}
.example-tabs button[aria-selected=true]{background:#123f41;color:#fff;border-color:#123f41}
.example-conversation{padding:26px 0 10px;min-height:240px}
.example-prompt{background:#eaf5f0;border-radius:18px 18px 3px 18px;padding:13px 17px;margin:0 0 20px auto;max-width:85%;font-size:13px;font-weight:750;color:#284b45}
.example-response{display:flex;gap:13px;align-items:flex-start}.example-avatar{width:35px;height:35px;flex:0 0 35px;border-radius:50%;display:grid;place-items:center;background:#dff4e9;color:#298b70}.example-avatar i{height:20px;width:20px;display:block}
.response-by{font-size:9px;color:#2b957a;font-weight:950;letter-spacing:.5px}.example-response p{font-size:13px;color:#526b6c;line-height:1.67;margin:8px 0 12px}
.example-source{font-size:11px;font-weight:750;color:#257f7b;display:inline-flex;align-items:center;gap:6px}.example-source i{height:14px;width:14px}.example-source span{margin-left:5px}
.example-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf0ec;padding-top:15px;font-size:12px;color:#67817e}
.example-bottom>span,.example-bottom button{display:inline-flex;align-items:center;gap:9px}.example-bottom i{height:17px;width:17px}
.example-bottom button{font-size:12px;font-weight:850;background:#e7f5ee;border:0;color:#157965;padding:10px 13px;border-radius:10px}.example-bottom button:hover{background:#cdebdc}
.example-footnote{font-size:10px;color:#9aa8a8;text-align:right;margin-top:12px}
.ticket-band{background:#edf8f2;border-top:1px solid #d9efdf;border-bottom:1px solid #d9efdf;padding:46px 0}
.ticket-band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.ticket-band-left{display:flex;align-items:center;gap:25px;max-width:825px}
.ticket-mark{height:74px;width:74px;flex:0 0 74px;background:#fff;border:1px solid #d6eada;border-radius:22px;display:grid;place-items:center;color:#0b9877;box-shadow:0 8px 25px rgba(25,100,66,.06)}
.ticket-mark i{height:37px;width:37px;display:block}
.eyebrow-teal{font-size:10px}.ticket-band h2{font-size:clamp(26px,2.7vw,36px);margin:7px 0 9px}
.ticket-band p{font-size:13px;line-height:1.6;color:#576f69}.ticket-band-action{text-align:center;flex:0 0 182px}
.btn-ticket{width:100%;font-size:13px}.ticket-band-action small{display:block;font-size:10px;color:#869b8e;margin-top:9px}
.manufacturer{background:var(--deep2);color:#fff;overflow:hidden}
.manufacturer-heading{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:70px;margin-bottom:40px}
.eyebrow-light{color:#98dcc6}.manufacturer h2{margin-top:14px}.manufacturer h2 em{color:#a2e4c5}
.manufacturer-heading>p{font-size:16px;line-height:1.77;color:#c0d6d3;padding-bottom:5px}
.manufacturer-body{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}
.manufacturer-points{display:grid;gap:20px}
.manufacturer-points>div{display:flex;gap:19px;align-items:flex-start;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.11)}
.manufacturer-points>div:last-child{border-bottom:0}
.manufacturer-number{font-size:12px;color:#80dfba;font-weight:850;margin-top:3px}
.manufacturer-points strong,.manufacturer-points small{display:block}.manufacturer-points strong{font-size:17px;line-height:1.3;margin-bottom:8px}
.manufacturer-points small{font-size:13px;line-height:1.65;color:#b5d0cb}
.dashboard{background:#fff;border-radius:25px;padding:25px 25px 15px;box-shadow:0 34px 70px rgba(5,18,21,.23);color:#17323b;transform:rotate(1.2deg)}
.dash-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dash-top h3{font-size:22px;margin:4px 0 20px}.dash-top-tag{font-size:9px;letter-spacing:1px;color:#2c9777;font-weight:900}.dash-demo{font-size:10px;background:#f4f2ec;padding:7px 9px;color:#8b8d87;border-radius:7px}
.dash-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.dash-summary>div{padding:14px 11px;background:#f7f9f8;border-radius:12px}
.dash-summary small,.dash-summary b,.dash-summary span{display:block}.dash-summary small{font-size:9px;color:#7d8e8f}.dash-summary b{font-size:29px;letter-spacing:-1.5px;line-height:1.3}.dash-summary span{font-size:9px;color:#97a3a2}.dash-summary .green-num{color:#159b73}
.dash-report{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:16px}
.dash-chart{border:1px solid #ebf0ed;border-radius:13px;padding:15px}.dash-chart h4{font-size:12px;letter-spacing:0;margin-bottom:17px}.report-bar{display:grid;grid-template-columns:103px 1fr 19px;align-items:center;gap:6px;margin:13px 0;color:#758686;font-size:9px;line-height:1.2}.report-bar>div{height:7px;background:#eaf0ee;border-radius:999px;overflow:hidden}.report-bar i{display:block;background:#64bfa1;width:var(--bar);height:100%;border-radius:999px}.report-bar small{font-size:9px;font-weight:850;color:#516767;text-align:right}
.dash-alert{background:#eff8f3;border:1px solid #e0eee5;border-radius:13px;padding:16px 12px}.alert-label{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.5px;color:#328870;font-weight:900}.alert-label i{width:15px;height:15px}.dash-alert strong{display:block;font-size:14px;margin:11px 0 8px}.dash-alert p{font-size:10px;line-height:1.6;color:#6c8580}.alert-action{font-size:10px;font-weight:850;color:#0d7e66;display:block;margin-top:14px}
.dash-bottom{font-size:10px;color:#819391;padding-top:15px;display:flex;gap:8px;align-items:center}.dash-bottom i{height:15px;width:15px}
.knowledge{background:#fff}.knowledge-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
.knowledge-visual{position:relative;padding:25px 25px 27px 0}
.knowledge-window{background:#fff;border:1px solid #e7eeea;border-radius:23px;overflow:hidden;box-shadow:0 25px 60px rgba(17,60,54,.10)}
.knowledge-window-top{background:#f6f8f6;display:flex;align-items:center;gap:6px;padding:14px 18px;border-bottom:1px solid #e7efeb}
.window-dot{width:7px;height:7px;border-radius:50%}.window-dot.red{background:#ff8e7c}.window-dot.orange{background:#f2c16b}.window-dot.green{background:#84caaa}.window-title{font-size:11px;color:#637976;font-weight:800;margin-left:auto}
.knowledge-window-body{padding:27px}.knowledge-folder{border:1px solid #e9efea;border-radius:13px;display:flex;align-items:center;gap:13px;padding:15px;margin-bottom:10px}
.knowledge-folder>i{display:block;width:25px;height:25px;color:#4c9c8f}.knowledge-folder>span:nth-child(2){flex:1}.knowledge-folder strong,.knowledge-folder small{display:block}
.knowledge-folder strong{font-size:12px}.knowledge-folder small{font-size:10px;color:#97a7a4;margin-top:3px}.knowledge-folder>b{font-size:16px;color:#33ac78}.need-review{font-size:9px;background:#fff3e7;padding:6px 7px;border-radius:7px;color:#b6783b;font-weight:850}
.knowledge-mini-note{background:#eef9f2;padding:13px;font-size:10px;text-align:center;color:#54967a;font-weight:800;border-radius:8px;margin-top:21px}
.knowledge-small-card{position:absolute;right:-7px;bottom:-7px;background:#fff;border:1px solid #eaf1ea;box-shadow:0 15px 36px rgba(17,60,54,.10);padding:12px 19px;border-radius:13px;display:flex;align-items:center;gap:11px}
.knowledge-small-card>i{height:28px;width:28px;color:#269978}.knowledge-small-card strong,.knowledge-small-card small{display:block}.knowledge-small-card strong{font-size:12px}.knowledge-small-card small{font-size:10px;color:#879793}
.knowledge-text h2{margin:16px 0 23px}.knowledge-text>p{color:var(--body);line-height:1.8;font-size:16px}.knowledge-checks{display:grid;gap:18px;margin-top:25px}.knowledge-checks span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;color:#355359}.knowledge-checks i{height:20px;width:20px;color:#1ca482;flex:0 0 20px}
.giorilli{background:#fbf7ef;padding:116px 0}.giorilli-layout{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:83px}
.eyebrow-amber{color:#a97532}.giorilli h2{margin:16px 0 23px}.giorilli h2 em{color:#b77b37}
.giorilli-lead{font-size:18px;line-height:1.7;color:#4e5655;margin-bottom:15px}.giorilli-copy>p:not(.giorilli-lead){color:#687474;line-height:1.8;font-size:15px}
.giorilli-pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.giorilli-pills span{background:#fff;padding:8px 12px;border:1px solid #f1e6d4;border-radius:999px;font-size:11px;font-weight:800;color:#947046}
.text-link{display:inline-flex;align-items:center;gap:10px;color:#137d69;font-size:14px;font-weight:900;border-bottom:2px solid #b0dcca;padding-bottom:5px}.text-link:hover{color:#075e53}
.giorilli-visual{position:relative;padding:6px 25px 25px 0}.giorilli-visual>img{height:465px;width:100%;object-fit:cover;object-position:center 52%;border-radius:28px;box-shadow:0 25px 65px rgba(104,72,36,.1)}
.giorilli-chat{position:absolute;right:-7px;bottom:-16px;max-width:305px;background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 15px 38px rgba(74,55,35,.15)}
.giorilli-chat>span{display:flex;align-items:center;gap:7px;color:#a67736;font-size:10px;letter-spacing:.7px;font-weight:900;margin-bottom:10px}.giorilli-chat i{width:17px;height:17px}.giorilli-chat strong{display:block;line-height:1.5;font-size:14px}.giorilli-chat small{display:block;color:#7b8c89;font-size:10px;margin-top:7px}
.final-section{padding:99px 0}.final-card{background:linear-gradient(120deg,#103c40,#147a76);padding:60px 66px;border-radius:29px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff}
.final-card>div:not(.final-orbit){position:relative;z-index:2;max-width:680px}.final-card h2{font-size:44px;margin:12px 0}.final-card p{line-height:1.75;color:#d7f0e9;font-size:15px}.final-card button{flex-shrink:0;position:relative;z-index:2}
.final-orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;width:350px;height:350px;right:5px;top:-175px}.final-orbit-two{width:490px;height:490px;right:-150px;top:-195px}
.footer{background:#fbfcfa;border-top:1px solid #eef0e9}.footer-main{padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-name{display:flex;align-items:center;gap:8px}.footer-name img{width:39px;height:39px;object-fit:contain}.footer-name span{font-size:21px;font-weight:900;letter-spacing:-.6px;color:#113b50}.footer-name b{color:#19968d}.footer-main p{font-size:12px;color:#788987}.footer-mail{font-size:12px;font-weight:800;color:#277f74}.footer-mail:hover{color:#0d554f}
.footer-bottom{display:flex;justify-content:space-between;padding:16px 0 22px;border-top:1px solid #edf0ec;font-size:11px;color:#93a09c}.footer-signature a{font-weight:800;color:#6f8e8b}.footer-signature a:hover{text-decoration:underline}
.contact-dialog,.ticket-dialog{border:0;padding:33px;border-radius:23px;box-shadow:0 30px 100px rgba(8,28,31,.31);width:min(620px,calc(100% - 22px));max-height:min(88vh,860px);overflow-y:auto;background:#fff;color:var(--ink)}
.ticket-dialog{width:min(710px,calc(100% - 22px))}
.contact-dialog::backdrop,.ticket-dialog::backdrop{background:rgba(7,28,32,.64);backdrop-filter:blur(3px)}
.dialog-close{position:sticky;top:0;margin-left:auto;display:grid;place-items:center;width:35px;height:35px;background:#f0f4f2;border:0;border-radius:50%;font-size:25px;line-height:1;z-index:4;float:right;color:#51716a}
.contact-dialog h2,.ticket-dialog h2{font-size:33px;margin:6px 0 10px}
.contact-dialog>p,.ticket-modal-head p{font-size:13px;color:#6c7c7b;line-height:1.6;margin:5px 0 15px}
.contact-dialog form,.ticket-dialog form{display:grid;gap:15px;margin-top:23px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-dialog label,.ticket-dialog label{display:block;font-size:11px;color:#49645e;font-weight:850}
.contact-dialog input,.contact-dialog select,.contact-dialog textarea,.ticket-dialog input,.ticket-dialog select,.ticket-dialog textarea{display:block;width:100%;margin-top:6px;border:1px solid #dce6e2;border-radius:10px;padding:12px;font-size:13px;color:#243b3e;background:#fff;min-height:44px}
.contact-dialog textarea,.ticket-dialog textarea{resize:vertical;min-height:75px}
.contact-dialog input:focus,.ticket-dialog input:focus,.contact-dialog textarea:focus,.ticket-dialog textarea:focus{border-color:#2f9a89}
.form-submit,.ticket-submit{width:100%;justify-content:space-between;margin-top:2px}
.form-feedback{min-height:16px;color:#247b69;font-size:12px;font-weight:800}
.form-note{font-size:10px;color:#8a9996;line-height:1.5}
.ticket-modal-head{display:flex;gap:17px;align-items:flex-start;margin-top:12px;clear:both}
.ticket-modal-head h2{margin:3px 0 9px}.ticket-modal-head p{margin:0}
.ticket-modal-icon{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;background:#e2f6ed;border-radius:13px;color:#108973}
.ticket-modal-icon i{display:block;width:24px;height:24px}
.ticket-help{display:flex;gap:9px;background:#f3f7f5;border-radius:11px;padding:11px;font-size:10.5px;color:#60746e;line-height:1.55}
.ticket-help i{display:block;width:17px;height:17px;color:#268877;flex:0 0 17px}
.ticket-files{margin-top:-12px;font-size:11px;color:#85948e}
.ticket-result{padding:17px;background:#edf9f0;border:1px solid #cfecd7;border-radius:14px;color:#1b7055;display:grid;gap:7px;font-size:12px}
.ticket-result[hidden]{display:none}
.ticket-result>strong{font-size:15px}.ticket-result>span{color:#447d6b}.ticket-result small{color:#799889}
.ticket-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}.btn-download{background:#167666;color:#fff;font-size:12px}.btn-copy{background:#fff;color:#157065;border:1px solid #bde0d0;font-size:12px}
.appear{animation:enter .65s both;animation-timing-function:cubic-bezier(.19,.8,.31,1)}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1200px){.site-nav{gap:17px}.brand{min-width:290px}.brand-name{font-size:32px}.brand-symbol{width:84px;height:78px}.brand-tagline{font-size:12px}.hero-layout{gap:35px}.hero h1{font-size:clamp(44px,4.55vw,63px)}.feature-layout{gap:47px}.manufacturer-body{gap:34px}.knowledge-layout{gap:55px}.giorilli-layout{gap:50px}}
@media(max-width:1020px){.header-inner{height:112px;gap:18px}.menu-button{display:block;margin-left:auto}.site-nav{display:none;position:absolute;top:110px;left:25px;right:25px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #edf0ed;border-radius:16px;padding:12px 19px;box-shadow:0 15px 55px rgba(15,53,56,.14)}.site-nav.is-open{display:flex}.site-nav>a,.site-nav>button{padding:12px 0;display:block;text-align:left;border-bottom:1px solid #eff2ee}.site-nav>button:last-child{border-bottom:0}.hero-layout{grid-template-columns:1fr;gap:40px}.hero-content{max-width:760px}.hero-intro{max-width:740px}.hero h1{font-size:clamp(48px,6.5vw,71px)}.hero-showcase{max-width:660px;width:100%;margin:auto}.feature-layout,.manufacturer-body,.knowledge-layout,.giorilli-layout{grid-template-columns:1fr;gap:45px}.operator .example-board{max-width:740px}.manufacturer-heading{grid-template-columns:1fr;gap:15px}.manufacturer-heading>p{max-width:800px}.manufacturer-points{grid-template-columns:1fr 1fr;gap:22px}.dashboard{max-width:750px;transform:none}.knowledge-visual{max-width:730px;width:100%;order:2}.knowledge-text{order:1}.giorilli-visual{max-width:735px}.final-card{padding:40px;gap:15px;align-items:flex-start;flex-direction:column}.value-strip-inner{gap:16px}}
@media(max-width:700px){.container{width:min(100% - 36px,1170px)}.header-inner{height:104px}.brand{min-width:0;gap:2px}.brand-symbol{width:70px;height:66px;margin-bottom:-2px}.brand-name{font-size:29px}.brand-tagline{font-size:10.5px}.header-cta{display:none}.site-nav{top:104px;left:18px;right:18px}.hero{padding:44px 0 47px}.hero h1{font-size:clamp(41px,9vw,56px);margin:21px 0 19px}.hero-intro{font-size:16px}.hero-showcase{min-height:520px;padding:2px 0 40px}.image-panel{height:405px}.phone{width:240px;min-height:483px;right:8px;top:15px}.floating-help{left:6px;bottom:4px;max-width:242px;padding:9px 12px}.hero-points{gap:11px 18px;margin-top:26px}.value-strip-inner{grid-template-columns:1fr;gap:18px;padding:21px 0}.section{padding:73px 0}.section-heading h2{margin:12px 0}.section-heading p{font-size:14px}.how-steps{grid-template-columns:1fr 1fr;gap:14px}.how-steps::before{display:none}.step{min-height:250px;padding:22px 18px 20px}.step::after{width:140px;height:140px;right:-56px;bottom:-72px}.step-index{min-width:36px;height:36px;font-size:16px}.step:not(:last-child) .step-index::after{display:none}.step-icon{width:62px;height:62px;margin-bottom:22px}.step-icon i{width:28px;height:28px}.step h3{font-size:20px}.step p{font-size:13px}.feature-lead{font-size:15px}.feature-list{margin-top:25px}.example-board{padding:22px}.ticket-band{padding:40px 0}.ticket-band-inner,.ticket-band-left{flex-direction:column;align-items:flex-start;gap:18px}.ticket-band-action{flex-basis:auto;text-align:left}.ticket-band-action .btn{width:auto}.manufacturer-points{grid-template-columns:1fr}.dashboard{padding:18px}.knowledge-window-body{padding:17px}.giorilli{padding:77px 0}.giorilli-visual>img{height:400px}.giorilli-chat{max-width:260px}.final-section{padding:70px 0}.final-card{padding:35px 26px}.final-card h2{font-size:36px}.footer-main{flex-wrap:wrap;gap:13px}.footer-main p{width:100%;order:3}.contact-dialog,.ticket-dialog{padding:22px}.form-grid{grid-template-columns:1fr}.ticket-dialog h2,.contact-dialog h2{font-size:28px}}
@media(max-width:460px){.container{width:calc(100% - 28px)}.brand{gap:1px}.brand-symbol{height:62px;width:64px;margin-bottom:-3px}.brand-name{font-size:24px}.brand-tagline{font-size:9px;white-space:normal}.hero h1{font-size:41px}.hero-buttons{display:grid}.hero-buttons .btn{width:100%}.hero-showcase{min-height:487px}.image-panel{height:330px}.phone{width:218px;min-height:453px;top:10px;right:0;padding-left:10px;padding-right:10px;border-width:6px}.phone-top{margin-left:-10px;margin-right:-10px}.phone-question{font-size:10px}.phone-answer{font-size:9px}.phone-answer b{font-size:10px}.phone-actions{font-size:9px}.floating-help{left:0;bottom:0}.photo-label{bottom:50px;left:13px;font-size:9px;padding:9px;max-width:180px}.how-steps{grid-template-columns:1fr}.how-steps::before{display:none}.step{min-height:210px}.example-tabs button{padding:8px 10px}.example-board{padding:19px 15px}.example-conversation{min-height:240px}.example-bottom{align-items:flex-start}.example-bottom button{font-size:10px}.dash-report{grid-template-columns:1fr}.dash-summary b{font-size:25px}.dash-summary small{font-size:8px}.report-bar{grid-template-columns:110px 1fr 23px}.knowledge-folder{padding:11px}.knowledge-small-card{right:-3px}.giorilli-visual{padding-right:9px}.giorilli-visual>img{height:320px}.giorilli-chat{padding:13px 16px;right:-1px;bottom:-12px;max-width:245px}.ticket-band h2{font-size:30px}.final-card h2{font-size:33px}.footer-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.appear{animation:none}.btn{transition:none}}

/* Replacement visual tag: the underlying legacy concept photo is intentionally soft-focus. */
.hero-metal-tag{position:absolute;z-index:2;left:8%;top:14%;width:155px;height:165px;border:2px solid #71898a;border-radius:18px;background:linear-gradient(145deg,#1e3f46,#0f2429);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 22px 32px rgba(13,38,39,.28);transform:rotate(-2deg)}
.hero-nfc-waves{font-size:25px;color:#5ce0cc;font-weight:900;letter-spacing:2px}
.hero-metal-tag b{font-size:22px;font-weight:950;letter-spacing:-1px}
.hero-metal-tag em{font-style:normal;color:#45d9bd}
.hero-metal-tag small{font-size:9px;letter-spacing:1px;color:#d5ece8;font-weight:850}
@media(max-width:460px){.hero-metal-tag{width:130px;height:139px;left:6%;top:14%}.hero-metal-tag b{font-size:18px}}


/* Manual preview card requested by user */
.manual-preview-card{position:absolute;right:-7px;bottom:-7px;width:min(270px,88%);background:#f7f8fa;border-radius:18px;overflow:hidden;box-shadow:0 18px 38px rgba(17,60,54,.12);border:1px solid #e6ebf0}
.manual-preview-top{background:#fff;min-height:110px;padding:18px 16px 14px;display:flex;align-items:center;justify-content:center}
.manual-preview-top img{display:block;max-width:150px;width:100%;height:auto}
.manual-preview-bottom{padding:14px 18px 16px;background:#f1f3f6;border-top:1px solid #e3e8ee;display:grid;gap:4px}
.manual-preview-bottom strong{display:block;font-size:17px;line-height:1.2;color:#173246;font-weight:900}
.manual-preview-bottom small{display:block;font-size:11px;color:#768391;line-height:1.45}
@media(max-width:460px){.manual-preview-card{right:-3px;width:min(240px,92%)}.manual-preview-top{min-height:96px;padding:14px 14px 10px}.manual-preview-bottom{padding:12px 14px 14px}.manual-preview-bottom strong{font-size:15px}}


/* Final Touch & Fix integrated lockup — icon and lettering are ONE image. */
.header-inner{height:180px;gap:22px}
.brand{flex:0 0 253px;min-width:253px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center}
.brand .brand-lockup{width:225px;height:auto;max-width:100%;object-fit:contain;display:block;flex-shrink:0}
.brand .brand-tagline{display:block;margin-top:-8px;color:#73828d;font-weight:650;font-size:12.1px;letter-spacing:-.14px;line-height:1.3;white-space:nowrap;text-align:center}
.site-nav{gap:18px;font-size:15.5px;font-weight:800;color:#42565d;line-height:1.2}
.site-nav .nav-ticket{font-size:15.5px;font-weight:850;color:#42565d;line-height:1.2}
.footer-name{display:flex;flex-direction:column;align-items:center;gap:0;justify-content:center}
.footer-name .footer-lockup{width:135px;height:auto;max-width:100%;object-fit:contain}
.footer-name .footer-payoff{font-size:9.4px;font-weight:650;letter-spacing:-.1px;line-height:1.3;color:#7c8b91;margin-top:-3px;white-space:nowrap}
@media(max-width:1200px){
  .header-inner{gap:15px}
  .brand{flex-basis:235px;min-width:235px}
  .brand .brand-lockup{width:204px}
  .brand .brand-tagline{font-size:11px}
  .site-nav{gap:11px;font-size:14px;font-weight:800}
  .site-nav .nav-ticket{font-size:14px;font-weight:850}
}
@media(max-width:1020px){
  .header-inner{height:150px}
  .brand{flex-basis:235px;min-width:235px}
  .brand .brand-lockup{width:194px}
  .brand .brand-tagline{font-size:11px;margin-top:-8px}
  .site-nav{top:150px}
}
@media(max-width:700px){
  .header-inner{height:128px}
  .brand{flex:0 0 207px;min-width:0;gap:0}
  .brand .brand-lockup{width:159px;max-width:100%}
  .brand .brand-tagline{font-size:9.6px;margin-top:-5px;white-space:nowrap}
  .site-nav{top:128px}
}
@media(max-width:460px){
  .header-inner{height:123px}
  .brand{flex-basis:207px;min-width:0;gap:0}
  .brand .brand-lockup{width:152px;max-width:100%}
  .brand .brand-tagline{font-size:9.1px;margin-top:-5px;white-space:nowrap}
  .site-nav{top:123px}
  .footer-name .footer-lockup{width:120px}
}


/* stronger icons and feature styling */
.step-icon{position:relative;isolation:isolate}
.step-icon::before{content:"";position:absolute;inset:-9px;border-radius:28px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.82),rgba(255,255,255,0) 42%),linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,0));z-index:-1}
.step-icon::after{content:"";position:absolute;width:18px;height:18px;right:-5px;bottom:-5px;border-radius:50%;background:#fff;border:2px solid currentColor;box-shadow:0 10px 18px rgba(18,45,45,.12)}
.step-icon.step-blue::after{content:"N";font-size:9px;font-weight:900;display:grid;place-items:center;color:#247cba}
.step-icon.step-peach::after{content:"+";font-size:13px;font-weight:900;display:grid;place-items:center;color:#c57d46}
.step-icon.step-mint::after{content:"AI";font-size:8px;font-weight:900;display:grid;place-items:center;color:#218566}
.step-icon.step-purple::after{content:"✓";font-size:11px;font-weight:900;display:grid;place-items:center;color:#7964c7}
.step-icon i svg{filter:drop-shadow(0 8px 12px rgba(18,45,45,.10))}
.list-icon{background:linear-gradient(180deg,#ecf7f1 0%,#dff1e7 100%);box-shadow:0 10px 22px rgba(18,45,45,.08), inset 0 1px 0 rgba(255,255,255,.7)}
.list-icon i svg{filter:drop-shadow(0 5px 8px rgba(18,45,45,.08))}


.footer-signature{display:inline-flex;align-items:center;gap:8px}
.footer-signature-label{font-weight:700;color:#8a9995}
.footer-oripan-logo{display:block;height:28px;width:auto;object-fit:contain;opacity:.96}
.footer-signature a{display:inline-flex;align-items:center}
.footer-signature a:hover .footer-oripan-logo{opacity:1;transform:translateY(-1px)}
@media(max-width:700px){.footer-signature{gap:6px}.footer-oripan-logo{height:24px}}
@media(max-width:460px){.footer-bottom{gap:10px;align-items:flex-start;flex-direction:column}.footer-oripan-logo{height:22px}}

/* Footer — discreet co-branding with the actual Oripan gold mark */
.footer-bottom{align-items:center;min-height:68px;gap:18px}
.footer-signature{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}
.footer-signature-label{font-size:13px;font-weight:700;color:#72817d;line-height:1.1}
.footer-oripan-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;background:#123e3d;border:1px solid #1b5853;border-radius:9px;text-decoration:none;transition:background .18s ease}
.footer-oripan-link:hover{background:#0a3433}
.footer-oripan-logo{display:block;width:133px;height:auto;max-height:34px;object-fit:contain;opacity:1;transform:none;filter:none}
.footer-oripan-link:hover .footer-oripan-logo{transform:none;opacity:1}
@media(max-width:700px){.footer-bottom{gap:12px}.footer-signature{gap:8px}.footer-oripan-link{padding:7px 10px}.footer-oripan-logo{width:116px;height:auto}}
@media(max-width:460px){.footer-bottom{align-items:flex-start;flex-direction:column;gap:11px}.footer-oripan-logo{width:116px}}


/* TOUCHFIX_FOOTER_LEFT_V3: co-branding belongs in the same left-hand row as Touch & Fix */
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer-brand-row{display:flex;align-items:center;gap:24px;min-width:0;flex-shrink:0}
.footer-brand-row .footer-name{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex-shrink:0}
.footer-brand-row .footer-name .footer-lockup{display:block;width:154px;height:auto;max-width:100%;object-fit:contain}
.footer-brand-row .footer-name .footer-payoff{font-size:9.4px;line-height:1.2;white-space:nowrap}
.footer-brand-row .footer-signature{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;margin:0}
.footer-brand-row .footer-signature-label{font-size:15px;color:#6a7d7f;font-weight:750}
.footer-brand-row .footer-oripan-link{display:inline-flex;align-items:center;padding:9px 12px;background:#123e3d;border-radius:11px}
.footer-brand-row .footer-oripan-logo{display:block;width:134px;height:auto;max-height:35px;object-fit:contain;opacity:1}
.footer-main>.footer-mail{margin-left:auto;flex:0 0 auto;white-space:nowrap}
.footer-bottom{display:flex;justify-content:flex-start;align-items:center;min-height:auto;padding:18px 0 22px}
@media(max-width:750px){
  .footer-main{flex-wrap:wrap;align-items:flex-start;gap:20px}
  .footer-brand-row{width:100%;gap:16px}
  .footer-main>.footer-mail{margin-left:0}
}
@media(max-width:460px){
  .footer-brand-row{gap:12px;flex-wrap:nowrap;align-items:center}
  .footer-brand-row .footer-name .footer-lockup{width:112px}
  .footer-brand-row .footer-name .footer-payoff{font-size:7px}
  .footer-brand-row .footer-signature{gap:5px}
  .footer-brand-row .footer-signature-label{font-size:12px}
  .footer-brand-row .footer-oripan-link{padding:6px 8px;border-radius:9px}
  .footer-brand-row .footer-oripan-logo{width:100px;max-height:28px}
  .footer-bottom{flex-direction:row;align-items:center;gap:0}
}