:root{--navy:#072a61;--blue:#0866c9;--dark-blue:#0456b6;--orange:#ff8000;--orange-dark:#e97400;--muted:#637d9b;--green:#129c72;--border:#dae9fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:14px;color:var(--navy);background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #ff9a29;outline-offset:3px}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:9px 24px;border-radius:8px;font-size:14px;font-weight:750;white-space:nowrap;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-orange{background:linear-gradient(112deg,#ff9200,#ff7800);color:#fff;box-shadow:0 6px 13px #ff820032}.btn-orange:hover{background:var(--orange-dark)}.btn-outline{border-color:#b5d6ff;background:#fff;color:#0563c5}.btn-outline:hover{background:#f5faff}.btn-large{min-width:186px;min-height:56px;font-size:18px;border-radius:10px}.btn-large .ico{width:23px;height:23px}
/* Header: same right-to-left order as the approved reference */
.site-header{height:65px;position:relative;z-index:60;background:#fff;box-shadow:0 7px 25px #0d65b30d}.header-inner{max-width:1510px;height:100%;margin:auto;display:flex;align-items:center;gap:36px;padding:0 10px}.brand{display:flex;align-items:center;gap:4px;flex:none;direction:ltr;white-space:nowrap}.brand-symbol{width:51px;height:46px;object-fit:contain}.brand-name{font-weight:900;font-family:Arial,sans-serif;font-size:30px;letter-spacing:-1.4px}.brand-name span{color:#ff7900}.brand-name strong{color:#0968c8}.navigation{display:flex;gap:35px;align-items:center;margin-inline:auto}.navigation a{position:relative;font-size:13px;font-weight:800;padding:23px 0;white-space:nowrap}.navigation a:hover,.navigation a.active{color:#0768c9}.navigation a.active:after{content:"";position:absolute;right:0;bottom:13px;width:100%;height:3px;background:#0c6de2;border-radius:10px}.header-buttons{display:flex;gap:22px;align-items:center;flex:none}.header-buttons .btn{font-size:13px;min-width:145px;min-height:43px}.mobile-menu{display:none;border:0;color:var(--blue);background:#e7f3ff;border-radius:8px;width:43px;height:43px;align-items:center;justify-content:center}
/* Hero: headline at right, centre laptop plus two real program windows at left */
.hero{min-height:390px;position:relative;overflow:hidden;background:linear-gradient(115deg,#eef8ff 0%,#f8fbff 47%,#fff 82%)}.hero-wave{position:absolute;pointer-events:none;z-index:0}.hero-wave-top{left:-6%;top:-155px;width:56%;height:370px;border-radius:0 0 60% 46%;background:radial-gradient(ellipse at top left,#d7efff99,#e7f3ff55 55%,transparent 78%)}.hero-wave-bottom{left:-7%;bottom:-238px;width:56%;height:360px;transform:rotate(8deg);border-radius:50% 60% 0 0;background:#fff2e1aa}.hero-background-chart{position:absolute;right:-5px;bottom:25px;display:flex;align-items:end;gap:13px;direction:ltr;opacity:.23;transform:skewY(-14deg)}.hero-background-chart i{width:17px;background:#2e86f3;border-radius:5px 5px 0 0}.hero-background-chart i:nth-child(1){height:55px}.hero-background-chart i:nth-child(2){height:78px}.hero-background-chart i:nth-child(3){height:102px}.hero-background-chart i:nth-child(4){height:130px}.hero-inner{max-width:1550px;margin:auto;position:relative;z-index:1;min-height:390px;display:grid;grid-template-columns:39.8% 60.2%;align-items:center;gap:0;padding:6px 5px}.hero-copy{padding-right:36px;max-width:605px;position:relative;z-index:7;text-align:right}.pill-orange{display:inline-block;background:#fff0df;border-radius:50px;padding:6px 17px;color:#d54e05;font-size:12px;font-weight:800}.hero-copy h1{font-size:clamp(41px,3.25vw,58px);line-height:1.28;margin:14px 0 7px;letter-spacing:-1.8px;color:#082967;font-weight:900;white-space:nowrap}.hero-copy .brand-text{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-2px;white-space:nowrap}.brand-text span{color:#fa7b00}.brand-text strong{color:#0766d1}.hero-copy h2{font-size:clamp(21px,2.0vw,29px);margin:5px 0 13px;font-weight:850;color:#072b61;line-height:1.45}.hero-copy p{color:#637d9a;font-size:17px;font-weight:500;line-height:1.65;max-width:540px;margin:0 0 17px}.hero-buttons{display:flex;gap:16px;margin-bottom:23px}.hero-benefits{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:#335273;font-size:12px;font-weight:750;white-space:nowrap}.hero-benefits span{display:inline-flex;gap:7px;align-items:center;border-left:1px solid #c9dbef;padding-left:14px}.hero-benefits span:last-child{border-left:0}.hero-benefits em{color:#fff;background:#0e9f75;width:19px;height:19px;border-radius:50%;font-style:normal;display:inline-flex;justify-content:center;align-items:center;font-size:13px}.hero-benefits .ico{color:#066bd6;width:21px;height:21px}
.hero-scenes{height:367px;position:relative;direction:ltr;overflow:visible;perspective:1200px}.dot-pattern{position:absolute;left:11%;top:44px;width:80%;height:240px;opacity:.38;background-image:radial-gradient(#80bfff 1.6px,transparent 1.6px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.hand-note{position:absolute;z-index:5;left:0;top:17px;transform:rotate(-11deg);font-size:17px;line-height:1.05;color:#0657a9;font-weight:900;text-align:center}.hand-note span{display:block;color:#ff8000;font-size:30px;text-align:right;transform:rotate(14deg);margin-right:-26px}.floating-window{position:absolute;background:white;border:5px solid #1575cf;border-radius:13px;overflow:hidden;top:91px;height:215px;width:35%;box-shadow:0 15px 27px #0c478542;z-index:2}.floating-window img{object-fit:cover;object-position:top right;width:100%;height:calc(100% - 15px)}.mini-window-top{height:15px;background:#0867c4;color:#ffca8c;font-size:6px;padding:1px 7px;direction:ltr}.floating-left{left:5%;transform:rotateY(18deg) rotateZ(-1deg)}.floating-right{right:5%;transform:rotateY(-15deg) rotateZ(0deg)}.laptop{position:absolute;width:64%;left:18%;top:15px;z-index:4;cursor:zoom-in;outline-offset:8px}.laptop-frame{border:11px solid #192632;border-bottom-width:16px;border-radius:15px 15px 5px 5px;background:#090f16;position:relative;overflow:hidden;box-shadow:0 9px 17px #0b37644a}.laptop-frame .camera{width:4px;height:4px;border-radius:50%;background:#636c75;position:absolute;top:-7px;left:50%}.laptop-frame img{width:100%;aspect-ratio:1366/726;object-fit:fill}.laptop-keyboard{height:16px;position:relative;margin:0 -8%;border-radius:5px 5px 60% 60%;background:linear-gradient(180deg,#c1c9d1 8%,#637382 58%,#c0cbd2 98%);box-shadow:0 5px 0 #6675824c}.laptop-keyboard:before{content:"";position:absolute;width:18%;height:4px;left:41%;top:0;background:#8999a7;border-radius:0 0 7px 7px}.laptop-shadow{height:15px;width:95%;margin:auto;border-radius:50%;background:#183e6773;filter:blur(9px);transform:translateY(4px)}
/* Features: match flat compact 6-card rhythm, add requested seventh */
.features-section{padding:9px max(3.5vw,22px) 16px;background:#fff}.section-heading{text-align:center;line-height:1.4}.section-heading h2{margin:0 0 4px;font-size:21px;color:#082b61;font-weight:900}.section-heading p{margin:0;color:#7e90a9;font-size:12px}.features-grid{margin:15px auto 0;max-width:1510px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.feature-card{min-height:128px;text-align:center;border:1px solid #e3eefa;border-radius:12px;padding:11px 9px 8px;background:#fff;display:flex;align-items:center;flex-direction:column;box-shadow:0 5px 17px #146abc0c;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #146abc20}.feature-symbol{height:33px;display:flex;align-items:center;color:var(--blue);margin-bottom:8px}.feature-symbol .ico{height:31px;width:31px;stroke-width:2.7}.feature-card h3{margin:0 0 3px;font-size:13px;line-height:1.3;font-weight:900}.feature-card p{margin:0;font-size:11.5px;color:#6d819a;line-height:1.48;max-width:180px}.feature-sales{background:#fff8f8}.feature-sales .feature-symbol{color:#f1333b}.feature-bank{background:#fffaf1}.feature-bank .feature-symbol{color:#ed9800}.feature-report{background:#f6fdf9}.feature-report .feature-symbol{color:#19a874}.feature-customers{background:#f5faff}.feature-customers .feature-symbol{color:#0771eb}.feature-stock{background:#fff9f1}.feature-stock .feature-symbol{color:#ff8918}.feature-ease{background:#fcf8ff}.feature-ease .feature-symbol{color:#763ed4}.feature-currencies{background:#eff7ff;border-color:#bbd9ff}.currencies-icon{font-size:18px;font-weight:900;color:#0367c9;white-space:nowrap;letter-spacing:-2px}
/* Editions: pastel cards on blue band */
.editions-section{padding:12px max(3.5vw,22px) 12px;background:linear-gradient(105deg,#e2f3ff 0,#eff8ff 52%,#ddedff)}.editions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1510px;margin:13px auto 0;gap:12px}.edition{min-height:87px;border:1px solid #dce7f8;border-radius:12px;display:flex;align-items:center;gap:13px;padding:10px 18px;transition:transform .2s,box-shadow .2s}.edition:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0753a121}.edition-symbol{width:52px;height:52px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ddf1ff;color:#0674d4}.edition-symbol .ico{height:29px;width:29px;stroke-width:2.7}.edition-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.edition-copy b{font-size:13px;font-weight:900}.edition-copy small{font-size:11.5px;color:#6d83a2;line-height:1.4}.edition-state{font-style:normal;font-size:10.5px;font-weight:800;border-radius:18px;padding:1px 16px;margin-top:3px}.edition-available{background:#f6fbff}.edition-available b{color:#0871cd}.edition-available .edition-state{background:#c8f1e1;color:#02855f}.edition-pos{background:#f8f4ff}.edition-pos b,.edition-pos .edition-symbol{color:#7c3be1}.edition-pos .edition-symbol{background:#ece1ff}.edition-pos .edition-state{color:#693acc;background:#e4dcff}.edition-maintenance{background:#fff9f1}.edition-maintenance b,.edition-maintenance .edition-symbol{color:#e88c00}.edition-maintenance .edition-symbol{background:#fff0d6}.edition-maintenance .edition-state{background:#fff1d9;color:#c57800}.edition-restaurants{background:#fff6f7}.edition-restaurants b,.edition-restaurants .edition-symbol{color:#d3222a}.edition-restaurants .edition-symbol{background:#ffe4e6}.edition-restaurants .edition-state{background:#ffe0e4;color:#c22730}
/* CTA and footer, as in approved image */
.cta-strip{min-height:73px;background:linear-gradient(100deg,#84c6ff,#d7eefe 47%,#a1d4ff);padding:9px max(6vw,22px);display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.cta-strip:before,.cta-strip:after{content:"";position:absolute;width:240px;height:160px;border-radius:50%;background:#fff5;top:-105px;pointer-events:none}.cta-strip:before{right:-50px}.cta-strip:after{left:-80px}.cta-content{z-index:1;text-align:right;flex:1}.cta-content h2{margin:0 0 3px;font-size:21px;font-weight:900}.cta-content p{font-size:12px;color:#33597c;margin:0}.cta-buttons{display:flex;gap:14px;z-index:2;align-items:center;flex-shrink:0}.cta-buttons .btn{min-width:156px}.cta-decoration{font-size:54px;flex:none;z-index:2;filter:drop-shadow(0 5px 5px #075da346)}.site-footer{background:#092443;min-height:62px;color:#eef7ff;display:grid;grid-template-columns:1fr 1.9fr 1.1fr;gap:18px;padding:10px max(4.5vw,24px);align-items:center}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.footer-brand a{display:flex;align-items:center;gap:4px;direction:ltr;font-size:19px;color:#0873d6;font-weight:900}.footer-brand a b{color:var(--orange)}.footer-brand img{height:30px;width:36px;object-fit:contain}.footer-brand small{font-size:9px;color:#b1c8e0}.site-footer nav{display:flex;gap:21px;align-items:center;justify-content:center;flex-wrap:wrap}.site-footer nav a{color:#d7e7f6;font-size:11px;white-space:nowrap}.site-footer nav a:hover{color:#ffae5c}.footer-end{display:flex;gap:11px;justify-content:flex-end;align-items:center;flex-wrap:wrap;direction:ltr}.footer-end a{display:inline-flex}.footer-end .ico{width:17px;height:17px}.footer-end span{font-size:12px}.footer-end small{font-size:9px;color:#b6cbe0}
.preview-dialog{padding:22px 16px 13px;border:0;border-radius:14px;max-width:min(96vw,1500px);background:#fff;color:#123a70;box-shadow:0 35px 100px #030e1e80}.preview-dialog::backdrop{background:#061529df}.preview-dialog img{max-height:80vh;width:100%;object-fit:contain}.preview-dialog button{position:absolute;left:15px;top:15px;width:37px;height:37px;border-radius:50%;background:#0366c1;color:white;border:0;display:flex;align-items:center;justify-content:center}.preview-dialog p{text-align:center;font-weight:750;margin:10px 0 0}
/* Supporting pages share official header and identity */
.inner-page{min-height:65vh;background:linear-gradient(135deg,#f3f9ff,#fff 70%);padding:65px max(5vw,24px) 95px}.inner-container{max-width:1180px;margin:auto}.inner-hero{text-align:center;margin:0 auto 45px;max-width:900px}.inner-hero .pill-orange{margin-bottom:15px}.inner-hero h1{font-size:clamp(29px,4vw,48px);margin:8px 0 13px}.inner-hero p{font-size:16px;color:#5e7694;line-height:1.95;margin:0}.inner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.inner-card{background:#fff;border:1px solid #dfebf7;border-radius:16px;padding:25px;box-shadow:0 9px 26px #154f8512}.inner-card h2{font-size:21px;margin:0 0 10px}.inner-card p{color:#5c7490;line-height:1.85}.inner-card strong{color:#0c68ca}.inner-card .ico{color:#0873df;width:32px;height:32px;margin-bottom:15px}.inner-card ul{list-style:none;padding:0;margin:10px 0}.inner-card li{margin:8px 0;color:#526c89}.inner-card li:before{content:'✓';color:#11a16a;font-weight:900;margin-left:8px}.inner-card.wide{grid-column:span 2}.inner-status{font-size:12px;background:#e0f5ee;color:#138460;border-radius:18px;padding:4px 10px;display:inline-block;margin-bottom:9px}.inner-status.developing{color:#7040c3;background:#f0eaff}.inner-status.planned{color:#ad740e;background:#fff4da}.page-section{margin-top:38px}.page-section h2{font-size:24px;margin-bottom:17px}.faq-block details{background:white;margin:10px auto;border:1px solid #dce8f6;border-radius:12px;max-width:870px}.faq-block summary{cursor:pointer;font-weight:800;padding:17px 23px;list-style:none}.faq-block summary:after{content:'+';float:left;color:#0872d4;font-size:20px}.faq-block details[open] summary:after{content:'−'}.faq-block details p{border-top:1px solid #e7edf5;padding:15px 23px;color:#637b95;line-height:1.9;margin:0}.request-box{max-width:760px;background:white;border:1px solid #dce8f5;padding:26px;border-radius:15px;margin:auto}.request-box label{font-weight:800;display:block;margin-bottom:11px}.request-box textarea{width:100%;min-height:145px;padding:14px;border:1px solid #bed2e8;border-radius:10px;line-height:1.95;resize:vertical;color:#244969}.request-box .btn{margin-top:14px;border:0}.request-box p{font-size:13px;color:#637b95;line-height:1.9}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gallery-image{background:#fff;padding:10px;border:1px solid #d9eafa;border-radius:12px;box-shadow:0 15px 25px #0e61a01c}.gallery-image img{border-radius:6px;width:100%}.gallery-image figcaption{text-align:center;font-weight:850;padding:10px}
@media(max-width:1450px){.header-inner{gap:15px;padding:0 24px}.navigation{gap:19px}.header-buttons{gap:9px}.header-buttons .btn{min-width:125px}.hero-inner{grid-template-columns:40% 60%;padding:8px 14px}.hero-copy{padding-right:18px}.hero-copy h1{font-size:44px}.hero-copy p{font-size:15px}.hero-benefits{gap:10px}.hero-scenes{transform:scale(.95)}.features-grid{gap:8px}.feature-card p{font-size:11px}.cta-strip{padding-inline:4vw}}
@media(max-width:1100px){.site-header{height:70px}.header-buttons{display:none}.navigation{gap:18px;margin-inline:15px}.brand-name{font-size:25px}.brand-symbol{width:43px}.hero{min-height:680px}.hero-inner{grid-template-columns:1fr;gap:0}.hero-copy{padding:20px 0;text-align:center;max-width:none}.hero-copy p{max-width:720px;margin-inline:auto}.hero-buttons,.hero-benefits{justify-content:center}.hero-scenes{height:355px;transform:none;max-width:850px;width:100%;margin:0 auto}.hand-note{left:5%}.features-grid{grid-template-columns:repeat(4,1fr)}.feature-card{min-height:135px}.editions-grid{grid-template-columns:repeat(2,1fr)}.cta-strip{flex-wrap:wrap;justify-content:center;text-align:center}.cta-content{text-align:center;flex-basis:100%}.cta-decoration{display:none}.site-footer{grid-template-columns:1fr 2fr}.footer-end{grid-column:1/-1;justify-content:center}}
@media(max-width:720px){.site-header{height:66px}.header-inner{padding:0 18px;justify-content:space-between}.brand-name{font-size:25px}.brand-symbol{width:47px}.mobile-menu{display:flex}.navigation{display:none;position:absolute;right:0;left:0;top:66px;background:white;box-shadow:0 15px 30px #003e8033;padding:12px 20px 20px;flex-direction:column;gap:0;align-items:stretch;margin:0}.navigation.open{display:flex}.navigation a{padding:11px}.navigation a.active:after{bottom:6px;width:55px}.hero{min-height:0}.hero-inner{padding:22px 14px 17px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(34px,8vw,52px);white-space:normal;line-height:1.4}.hero-copy h2{font-size:23px}.hero-copy p{font-size:14px;line-height:1.9}.hero-buttons{margin-bottom:15px;flex-wrap:wrap;gap:10px}.btn-large{min-width:143px;min-height:45px;font-size:14px}.hero-benefits{justify-content:center;gap:12px}.hero-scenes{height:265px}.hand-note{font-size:12px;left:1%;top:5px}.floating-window{height:150px;top:56px}.floating-window img{height:135px}.laptop{top:16px;width:70%;left:15%}.laptop-frame{border-width:6px;border-bottom-width:9px}.laptop-keyboard{height:11px}.features-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:138px}.editions-grid{grid-template-columns:1fr 1fr}.edition{padding:10px;gap:8px}.edition-copy b{font-size:12px}.edition-symbol{height:38px;width:38px}.edition-symbol .ico{height:23px;width:23px}.cta-strip{border-radius:15px 15px 0 0;gap:9px;padding-block:15px}.cta-content h2{font-size:18px}.cta-content p{font-size:12px}.cta-buttons .btn{min-width:130px}.site-footer{display:flex;flex-direction:column;gap:14px;text-align:center;padding:24px}.footer-brand{align-items:center}.site-footer nav{gap:12px}.footer-end{justify-content:center}.inner-page{padding:48px 17px 70px}.inner-grid{grid-template-columns:1fr}.inner-card.wide{grid-column:span 1}.gallery-grid{grid-template-columns:1fr}}
@media(max-width:440px){.pill-orange{font-size:10.5px}.hero-copy h1{font-size:33px}.hero-copy h2{font-size:20px}.hero-benefits{font-size:10.5px}.hero-scenes{height:205px}.hand-note{display:none}.floating-window{height:107px;top:46px;border-width:3px}.floating-window img{height:97px}.laptop-frame{border-width:4px;border-bottom-width:7px}.features-section{padding:18px 13px}.features-grid{gap:8px}.feature-card{padding:13px 8px;min-height:146px}.feature-card h3{font-size:12px}.feature-card p{font-size:11px}.editions-section{padding:17px 11px}.editions-grid{grid-template-columns:1fr}.edition{min-height:68px}.section-heading h2{font-size:19px}.section-heading p{font-size:11px}.cta-buttons{flex-wrap:wrap;justify-content:center}.btn{font-size:12px}.footer-end small{display:block;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Keep product image aspect ratio at every viewport; HTML intrinsic dimensions must not stretch it. */
.laptop-frame img{height:auto;display:block}
@media(max-width:720px){.feature-currencies{grid-column:1/-1}.feature-currencies p{max-width:290px}}

/* ==============================================================
   V4: pixel-measured reproduction of the owner-approved 1672x941 visual.
   The original approved artwork is used only for decorative product
   composition and 3-D headset. All navigation/cards/text are live HTML.
   ============================================================== */
@media(min-width:1101px){
.site-header{height:64px;border-radius:0 0 20px 20px}
.header-inner{height:64px}
.brand{transform:translateX(-16px)}
.brand-symbol{width:59px;height:48px}
.brand-name{font-size:32px}
.navigation{gap:36px}
.hero{height:387px;min-height:387px; background:linear-gradient(90deg,#e6f5ff 0%,#ecf7ff 45%,#fff 76%)}
.hero-inner{height:387px;min-height:387px;max-width:1672px;padding:0;grid-template-columns:40% 60%}
.hero-copy{max-width:640px;padding:0 0 0 0;margin:0 auto 0 0;width:100%;transform:translateY(-7px)}
.hero-copy h1{font-size:55px;margin:11px 0 1px}
.hero-copy h2{font-size:30px;margin:2px 0 8px}
.hero-copy p{font-size:17px;line-height:1.6;max-width:475px;margin-bottom:18px}
.pill-orange{font-size:12px;padding:6px 17px}
.hero-buttons{gap:16px;margin-bottom:24px}
.hero-benefits{gap:8px;font-size:11.5px}
.hero-benefits span{padding-left:12px}
.hero-wave-top{opacity:.26}.hero-wave-bottom{opacity:.4}
.hero-scenes-reference{height:387px;max-width:none;transform:none;margin:0;overflow:visible;perspective:none;position:relative}
.hero-approved-art{position:absolute;width:1018px;max-width:none;height:388px;object-fit:contain;left:0;top:0;pointer-events:none}
.hero-image-hit{position:absolute;cursor:zoom-in;border:0;outline-offset:2px;border-radius:12px;background:transparent;z-index:8;opacity:0;transition:opacity .2s,box-shadow .2s}
.hero-image-hit:hover{opacity:1;box-shadow:inset 0 0 0 3px #ffffff88,0 0 0 2px #217cda22}
.hit-dashboard{left:224px;top:22px;width:546px;height:340px}
.hit-sales{left:83px;top:112px;width:170px;height:214px}
.hit-report{left:762px;top:89px;width:208px;height:241px}
.features-section{height:203px;min-height:203px;padding:9px max(3.5vw,22px) 13px;position:relative}
.features-section .section-heading h2{font-size:21px;margin:0 0 4px}
.features-grid{max-width:1510px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px auto 0}
.feature-card{min-height:121px;height:121px;padding:9px 9px 6px}
.feature-symbol{height:42px;margin-bottom:4px}
.feature-symbol img{width:64px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 1px #163e6420)}
.feature-card h3{font-size:13px;margin:0 0 4px}.feature-card p{font-size:11.5px;line-height:1.4}
.currency-highlight{position:absolute;right:auto;left:max(calc((100vw - 1510px)/2),4.4vw);top:18px;display:inline-flex;align-items:center;gap:8px;background:#edf7ff;border:1px solid #add7ff;color:#0358b1;padding:6px 11px;border-radius:24px;box-shadow:0 4px 14px #459ff121;font-size:12px;font-weight:850;direction:ltr}
.currency-highlight b{direction:rtl}
.editions-section{height:151px;min-height:151px;padding:8px max(3.5vw,22px) 11px}
.editions-section .section-heading h2{font-size:21px;margin:0 0 3px}
.editions-grid{max-width:1510px;margin:12px auto 0;gap:11px}
.edition{height:87px;min-height:87px;padding:9px 12px;gap:15px}
.edition-symbol.edition-icon-original{width:69px;height:69px;background:none;overflow:visible}
.edition-symbol.edition-icon-original img{width:69px;height:69px;object-fit:contain;max-width:none}
.edition-copy{gap:2px}.edition-copy b{font-size:13px}
.cta-strip{height:76px;min-height:76px;border-radius:20px 20px 0 0;padding:6px max(9.5vw,24px);background:linear-gradient(110deg,#54a9f2 0%,#cbe9ff 26%,#eef8ff 56%,#6bb5ff 100%)}
.cta-strip:before{content:'';background:linear-gradient(45deg,#c7e7ff90,transparent);clip-path:polygon(0 85%,65% 0,100% 100%);width:530px;height:100px;left:0;top:-19px;border-radius:0}
.cta-strip:after{content:'';right:0;left:auto;top:0;bottom:0;width:305px;height:76px;border-radius:0;background:url('assets/cta-right-art.png') center center/cover no-repeat}
.cta-content{text-align:right;padding-right:1%;}
.cta-content h2{font-size:21px;margin:0 0 4px}.cta-content p{font-size:12px}
.cta-buttons{margin-left:225px;gap:15px}.cta-buttons .btn{min-width:150px}
.cta-decoration.cta-headset-original{position:absolute;left:0;top:-38px;width:191px;height:116px;font-size:initial;filter:none;z-index:3;pointer-events:none;max-width:none}
.site-footer{height:61px;min-height:61px;grid-template-columns:1fr 1.9fr 1.1fr;background:linear-gradient(95deg,#142c45 0%,#112743 50%,#102947 100%)}
}
@media(min-width:1101px) and (max-width:1671px){
.hero-scenes-reference{width:100%;height:auto;aspect-ratio:1018/388}
.hero-approved-art{width:100%;height:auto;aspect-ratio:1018/388}
.hero-image-hit{display:none}
.hero-copy{max-width:95%;margin-right:7px}
.hero-copy h1{font-size:clamp(36px,3.3vw,54px)}
.hero-copy h2{font-size:clamp(23px,1.85vw,30px)}
.hero-copy p{font-size:clamp(13px,1.03vw,17px)}
.cta-buttons{margin-left:clamp(90px,12vw,225px)}
}
@media(max-width:1100px){
.hero-scenes-reference{width:min(100%,1018px);height:auto;aspect-ratio:1018/388;margin:0 auto;position:relative;transform:none}
.hero-approved-art{width:100%;height:100%;object-fit:contain}
.hero-image-hit{display:none}
.currency-highlight{display:table;background:#eaf6ff;border:1px solid #b9dcff;color:#0865bf;border-radius:22px;padding:5px 14px;margin:8px auto 0;font-size:12px;font-weight:850}
.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-symbol img{width:61px;height:48px;object-fit:contain}
.edition-symbol.edition-icon-original{background:transparent}.edition-symbol.edition-icon-original img{width:52px;height:52px;object-fit:contain}
.cta-decoration.cta-headset-original{width:106px;height:auto;object-fit:contain}
}
@media(max-width:720px){
.hero-scenes-reference{height:auto;aspect-ratio:1018/388;margin-top:8px}
.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.edition-symbol.edition-icon-original{width:44px;height:44px}
.edition-symbol.edition-icon-original img{height:44px;width:44px}
.cta-decoration.cta-headset-original{display:none}
}
@media(max-width:440px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Final measured alignment refinements at the approved desktop reference size */
@media(min-width:1600px){
 .brand{transform:translateX(-48px)}
 .navigation{transform:translateX(50px)}
 .header-buttons{transform:translateX(66px)}
 .hero-copy{transform:translate(-118px,-2px)}
 .cta-content{transform:translateX(-170px)}
}
@media(min-width:1101px){
 .edition{flex-direction:row-reverse;justify-content:space-between}
 .edition-copy{align-items:flex-start;text-align:right}
 .hero-approved-art{user-select:none}
}
/* A proportional hero on mid-size laptops avoids empty vertical artwork space. */
@media(min-width:1101px) and (max-width:1599px){
 .hero{height:calc(157px + 13.75vw);min-height:0}
 .hero-inner{height:100%;min-height:0}
 .hero-copy{max-width:calc(100% - 40px);margin-right:35px}
 .hero-copy h1{font-size:clamp(36px,3.18vw,50px)}
 .hero-copy h2{font-size:clamp(21px,1.8vw,28px)}
 .hero-copy p{line-height:1.55}
 .hero-buttons{margin-bottom:14px}
 .hero-benefits{gap:4px;font-size:10.5px}
 .hero-benefits span{padding-left:8px}
}
@media(min-width:1600px){.cta-content{transform:translateX(-224px)}}

/* V4-FIX01: resolve content collision between edition cards and CTA at desktop widths.
   The earlier fixed 151px section ended 5px before the cards. Its children
   extended under the CTA. Let the section's actual content determine its height. */
@media (min-width:1101px){
  .editions-section{
    height:auto;
    min-height:169px;
    padding-top:8px;
    padding-bottom:16px;
    position:relative;
    z-index:1;
  }
  .editions-grid{margin-top:10px;}
  .edition{height:auto;min-height:87px;}
  .cta-strip{z-index:1;isolation:isolate;}
  /* Keep the source-reference headset, but don't reveal the slice of the
     earlier section above it; also keep it within the CTA boundary. */
  .cta-decoration.cta-headset-original{
    top:-34px;
    clip-path:inset(37px 0 0 0);
  }
}
/* Reduced-width desktop: keep the CTA text, buttons and headset separated. */
@media (min-width:1101px) and (max-width:1279px){
  .cta-strip{padding-right:30px;padding-left:165px;gap:14px;}
  .cta-buttons{margin-left:0;gap:8px;}
  .cta-buttons .btn{min-width:118px;padding-left:12px;padding-right:12px;}
  .cta-content{min-width:0;}
  .cta-content h2{font-size:19px;}
  .cta-content p{font-size:11px;}
}

/* Keep the 3-D headset complete instead of cutting it at the blue band's top.
   The approved artwork is revealed only within the 16px gap beneath cards. */
@media (min-width:1101px){
  .cta-strip{overflow:visible;}
  .cta-strip:before{top:0;height:76px;border-radius:20px 0 0 0;}
  .cta-decoration.cta-headset-original{top:-47px;clip-path:inset(37px 0 0 0);}
}


/* V4-FIX02 — align the requested currency feature with ALL other cards. */
.currency-highlight{display:none!important}
.features-section{height:auto!important;min-height:203px!important;padding-bottom:16px!important;overflow:visible}
.features-grid{grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:10px}
.feature-card{height:auto;min-height:132px;padding:9px 8px 10px;justify-content:flex-start;min-width:0}
.feature-symbol{height:45px;min-height:45px;margin-bottom:5px}
.currency-symbol{height:45px;min-height:45px;margin-bottom:5px;display:flex;align-items:center;justify-content:center;width:100%}
.currency-art{display:block;width:81px;height:55px;overflow:visible;filter:drop-shadow(0 2px 3px #185ca21d)}
.feature-currencies{background:linear-gradient(155deg,#edf8ff,#f3f7ff);border-color:#cfe8ff}
.feature-currencies h3{color:#075aa8}
.feature-currencies p{max-width:195px}
@media(min-width:1101px){
  .features-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
  .feature-card{min-height:134px!important;height:auto!important}
  .features-section{min-height:215px!important}
}
/* FIX02: remove the inset clipping which hid the headphone's headband.
   Use the transparent isolated source artwork and keep it fully within the CTA. */
@media(min-width:1101px){
  .cta-strip{height:92px;min-height:92px;overflow:visible;isolation:isolate}
  .cta-strip:before{height:92px}
  .cta-strip:after{height:92px}
  .cta-decoration.cta-headset-original{clip-path:none!important;left:12px;top:0!important;width:151px!important;height:92px!important;object-fit:contain;object-position:center;z-index:4}
}
@media(min-width:1101px) and (max-width:1279px){
  .cta-strip{padding-left:165px}
}
@media(min-width:721px) and (max-width:1100px){
  .features-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .feature-card{min-height:136px}
  .cta-decoration.cta-headset-original{display:block;position:absolute;left:12px;top:0;width:120px;height:auto;clip-path:none;object-fit:contain}
  .cta-strip{padding-left:138px;min-height:105px}
}
@media(max-width:720px){
  .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .feature-currencies{grid-column:auto!important}
  .currency-art{width:79px;height:53px}
  .feature-card{min-height:155px}
  .cta-decoration.cta-headset-original{display:none}
  .cta-strip{min-height:0;height:auto}
}
/* Mobile: the seventh benefit occupies a balanced full-width card, not a lone half card. */
@media(max-width:720px){
  .feature-currencies{
    grid-column:1 / -1!important;
    min-height:124px!important;
    display:grid;
    grid-template-columns:92px 1fr;
    grid-template-rows:auto auto;
    column-gap:12px;
    align-content:center;
    align-items:center;
    padding:14px 19px;
    text-align:right;
  }
  .feature-currencies .currency-symbol{grid-column:1;grid-row:1 / 3;width:90px;height:65px;min-height:0;margin:0}
  .feature-currencies .currency-art{height:64px;width:90px}
  .feature-currencies h3{grid-column:2;grid-row:1;margin:0 0 6px}
  .feature-currencies p{grid-column:2;grid-row:2;max-width:none!important;margin:0}
}

/* The currency detail card reuses the same polished three-coin mark. */
.currency-inner .currency-art{width:88px;height:60px;margin-bottom:11px;display:block}
/* Place every pixel of the headset graphic inside the blue band, away from the footer cut. */
@media(min-width:1101px){
  .cta-decoration.cta-headset-original{top:3px!important;left:16px;width:144px!important;height:86px!important}
}


/* V4-FIX07 — redesigned bottom call-to-action on the homepage. */
.contact-band{position:relative;display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:center;padding:18px 24px 20px;border-radius:24px 24px 0 0;background:linear-gradient(110deg,#84c6ff 0%,#d9efff 28%,#f4fbff 60%,#8ac8ff 100%);overflow:hidden;isolation:isolate}
.contact-band::before{content:'';position:absolute;inset:auto auto 0 0;width:310px;height:100%;background:linear-gradient(135deg,#7dc0ff55 0%,#ffffff10 55%,transparent 100%);clip-path:polygon(0 100%,0 0,86% 0,58% 100%);pointer-events:none}
.contact-band::after{content:'';position:absolute;left:0;bottom:0;width:315px;height:100%;background:url('assets/cta-right-art.png') left center/cover no-repeat;opacity:.82;pointer-events:none;mix-blend-mode:screen}
.contact-band__support,.contact-band__cta{position:relative;z-index:1}
.contact-band__support{display:flex;align-items:center;gap:16px;min-width:0}
.support-visual{position:relative;flex:0 0 128px;width:128px;height:128px;border-radius:30px;background:linear-gradient(145deg,#fffffffa,#dbf0ff);border:1px solid #c8e6ff;box-shadow:0 18px 40px rgba(17,102,179,.14);display:flex;align-items:center;justify-content:center;overflow:visible}
.support-headset{display:block;width:108px;height:108px;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 12px rgba(0,84,159,.18))}
.support-bubble{position:absolute;left:-8px;bottom:12px;min-width:44px;height:44px;border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(17,102,179,.18);display:flex;align-items:center;justify-content:center;color:#3996ff;font-size:29px;font-weight:900;line-height:1;border:1px solid #d9ebff}
.support-copy strong{display:block;font-size:22px;font-weight:900;color:#0b3470;margin-bottom:6px}
.support-copy p{margin:0;font-size:13px;line-height:1.9;color:#345d84;max-width:190px}
.contact-band__cta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;text-align:right}
.contact-band__cta h2{margin:0 0 7px;font-size:37px;line-height:1.2;color:#0b3470;font-weight:900}
.contact-band__cta p{margin:0 0 14px;font-size:14px;line-height:1.95;color:#456687;max-width:680px}
.contact-band .cta-buttons{gap:14px;flex-wrap:wrap}
.contact-band .cta-buttons .btn{min-width:156px}
@media(max-width:1279px){.contact-band{grid-template-columns:270px 1fr;padding:18px 20px}.support-visual{flex-basis:112px;width:112px;height:112px}.support-headset{width:94px;height:94px}.support-copy strong{font-size:20px}.support-copy p{font-size:12px;max-width:165px}.contact-band__cta h2{font-size:31px}.contact-band__cta p{font-size:13px}}
@media(max-width:1100px){.contact-band{grid-template-columns:1fr;gap:18px;padding:22px 20px;text-align:center}.contact-band::before,.contact-band::after{display:none}.contact-band__support{justify-content:center}.contact-band__cta{align-items:center;text-align:center}.contact-band__cta p{max-width:760px}.contact-band .cta-buttons{justify-content:center}}
@media(max-width:720px){.contact-band{padding:18px 16px 20px;border-radius:18px 18px 0 0}.contact-band__support{flex-direction:column;gap:12px}.support-visual{width:102px;height:102px;flex-basis:102px;border-radius:24px}.support-headset{width:84px;height:84px}.support-bubble{left:-4px;bottom:6px;min-width:38px;height:38px;border-radius:14px;font-size:24px}.support-copy{text-align:center}.support-copy strong{font-size:19px}.support-copy p{max-width:none;font-size:12px}.contact-band__cta h2{font-size:24px}.contact-band__cta p{font-size:12px;line-height:1.9;margin-bottom:12px}.contact-band .cta-buttons{gap:10px}.contact-band .cta-buttons .btn{min-width:130px}}
/* Hide the retired CTA strip on the homepage after the full redesign. */
.cta-strip,.cta-decoration.cta-headset-original{display:none!important}