:root{--ink:#173c2f;--muted:#5c746b;--line:#d9e7df;--paper:#f5faf7;--white:#fff;--blue:#159957;--navy:#075b3a;--cyan:#2fc48d;--lime:#b8ec68;--orange:#f4a340;--shadow:0 22px 55px rgba(7,91,58,.12);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}h1,h2,h3,.brand{font-family:Manrope,"DM Sans",sans-serif;line-height:1.12}a{color:inherit}svg{width:1.45rem;height:1.45rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:10px 14px;color:#fff;background:#111;border-radius:8px}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(219,228,239,.85);background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 36px));height:76px;margin:auto}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;text-decoration:none;font-size:20px}.brand-mark{display:grid;width:39px;height:39px;place-items:center;color:#fff;background:linear-gradient(145deg,var(--navy),var(--blue) 60%,var(--cyan));border-radius:12px;box-shadow:0 7px 18px rgba(21,153,87,.24)}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-weight:600;font-size:14px}nav a:hover,nav a:focus{color:var(--blue)}.nav-cta{padding:10px 16px;color:#fff!important;background:var(--navy);border-radius:10px}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;margin:5px;background:var(--ink)}main{overflow:hidden}.hero{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:72px;width:min(1180px,calc(100% - 36px));min-height:690px;margin:auto;padding:85px 0 105px}.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.kicker>span{width:26px;height:2px;background:var(--blue)}.hero h1,.product-hero h1{max-width:760px;margin:18px 0 24px;font-size:clamp(46px,6vw,78px);letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:650px;color:var(--muted);font-size:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border:1px solid transparent;border-radius:12px;text-decoration:none;font-weight:700;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--blue);box-shadow:0 10px 25px rgba(21,153,87,.24)}.button.ghost{border-color:#b9cfc3;background:#fff}.button.ghost.dark{background:transparent}.trust-row{display:flex;flex-wrap:wrap;gap:19px;margin-top:28px;color:#506b60;font-size:13px;font-weight:600}.hero-visual{position:relative;min-height:500px;border:1px solid #bfdfce;border-radius:48% 52% 38% 62%/55% 43% 57% 45%;background:radial-gradient(circle at 40% 35%,#f0fff6 0,#ddf5e8 40%,#c8ecd9 70%,#bce4d0 100%);box-shadow:var(--shadow)}.visual-orbit{position:absolute;inset:12%;border:1px dashed rgba(21,153,87,.3);border-radius:50%;transform:rotate(12deg)}.orbit-two{inset:25%;transform:rotate(-22deg)}.visual-core{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:14px;transform:translate(-50%,-50%)}.brand-mark.large{width:70px;height:70px;border-radius:22px;font-size:31px}.visual-core strong{font-family:Manrope,sans-serif;font-size:19px}.float-card{position:absolute;width:190px;padding:17px;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 15px 35px rgba(7,91,58,.12);backdrop-filter:blur(9px)}.float-card span,.float-card small{display:block;color:var(--muted);font-size:11px}.float-card strong{display:block;margin:3px 0;font-size:14px}.card-sales{top:12%;left:-5%}.card-stock{right:-8%;top:38%}.card-team{bottom:9%;left:5%}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);width:min(1180px,calc(100% - 36px));margin:-45px auto 0;padding:24px 32px;color:#fff;background:var(--navy);border-radius:20px;box-shadow:var(--shadow)}.proof-strip div{display:flex;align-items:baseline;justify-content:center;gap:9px;border-right:1px solid rgba(255,255,255,.16)}.proof-strip div:last-child{border:0}.proof-strip strong{font-family:Manrope,sans-serif;font-size:26px}.proof-strip span{font-size:13px;color:#c9e6d7}.section{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:120px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:32px}.section-heading h2,.approach h2,.choice h2,.cta h2,.detail-grid h2,.tutorial h2{max-width:690px;margin:12px 0 0;font-size:clamp(34px,4vw,52px);letter-spacing:-.04em}.section-heading>p{max-width:420px;margin:0;color:var(--muted)}.filter-bar{display:flex;gap:9px;margin-bottom:24px}.filter{padding:9px 16px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#fff;font:600 13px inherit;cursor:pointer}.filter.active{color:#fff;background:var(--navy);border-color:var(--navy)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{position:relative;display:flex;min-height:330px;padding:26px;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 25px rgba(7,91,58,.05);transition:.25s transform,.25s box-shadow,.25s border-color}.app-card:hover{transform:translateY(-6px);border-color:#93cbb0;box-shadow:var(--shadow)}.app-card[hidden]{display:none}.card-hit{position:absolute;inset:0;z-index:1;border-radius:inherit}.app-card-top{display:flex;align-items:start;justify-content:space-between}.app-icon{display:grid;width:52px;height:52px;place-items:center;color:var(--blue);background:#e4f7ed;border-radius:15px}.custom-icon{color:#6941c6;background:#f0eaff}.mode{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.mode-offline{color:#136546;background:#dcf8ec}.mode-online{color:#117052;background:#e3f5ec}.mode-both{color:#7c5310;background:#fff0cf}.app-card .eyebrow{margin-top:26px;color:#78859c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.app-card h3{margin:8px 0 9px;font-size:22px}.app-card p{margin:0;color:var(--muted);font-size:14px}.card-link{margin-top:auto;padding-top:22px;color:var(--blue);font-weight:700;font-size:13px}.custom-card{background:linear-gradient(145deg,#f8f6ff,#fff)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.approach-copy>p,.lead,.tutorial p,.cta p{color:var(--muted);font-size:17px}.text-link{color:var(--blue);font-weight:700;text-decoration:none}.steps{display:grid;gap:10px}.steps article{display:flex;gap:20px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}.steps article>span{color:var(--blue);font-weight:800}.steps h3{margin:0 0 5px}.steps p{margin:0;color:var(--muted)}.choice{width:min(1260px,calc(100% - 36px));padding:75px;border-radius:34px;color:#fff;background:linear-gradient(135deg,var(--navy),#08764a)}.kicker.light{color:var(--lime)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.choice-grid article{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.07)}.choice-grid strong{font:700 21px Manrope,sans-serif}.choice-grid p{margin-bottom:0;color:#cce6d8}.cta{display:flex;align-items:center;justify-content:space-between;gap:60px}.cta>div:first-child{max-width:680px}.site-footer{padding:70px max(18px,calc((100% - 1180px)/2)) 22px;color:#cce2d6;background:#043c28}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr 1.15fr;gap:55px}.footer-grid h2{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#fff}.footer-grid p{color:#a8c8b8;font-size:14px}.footer-grid>div>a:not(.brand){display:block;margin:9px 0;text-decoration:none;font-size:14px}.footer-brand{color:#fff}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:#91b7a4;font-size:12px}.product-hero{display:grid;grid-template-columns:1fr 340px;align-items:center;gap:70px;width:min(1180px,calc(100% - 36px));min-height:590px;margin:auto;padding:80px 0}.product-hero h1{font-size:clamp(45px,6vw,72px)}.product-hero>div>p{max-width:760px;color:var(--muted);font-size:20px}.back-link{display:block;margin-bottom:35px;color:var(--muted);text-decoration:none;font-weight:600}.product-meta{display:flex;align-items:center;gap:16px;margin-top:25px;color:var(--muted);font-size:13px}.product-symbol{display:grid;min-height:340px;place-items:center;border-radius:50px;background:linear-gradient(145deg,#e6f7ee,#ccebdc);transform:rotate(3deg)}.product-symbol>*{transform:rotate(-3deg)}.app-icon.huge{width:115px;height:115px;border-radius:32px}.app-icon.huge svg{width:52px;height:52px}.product-symbol small{margin-top:-90px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.12em}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;border-top:1px solid var(--line)}.best-for{margin-top:30px;padding:22px;border-left:4px solid var(--cyan);background:#e8f8ef}.best-for p{margin:5px 0 0}.feature-panel{padding:35px;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.feature-panel h2{font-size:26px;margin-top:0}.feature-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-weight:600}.feature-row span{color:#118965}.tutorial{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.tutorial-screen{display:grid;min-height:340px;place-items:center;color:#fff;background:linear-gradient(135deg,#075b3a,#159957);border-radius:30px;box-shadow:var(--shadow)}.tutorial-screen span:last-child{margin-top:-120px}.play{display:grid;width:74px;height:74px;place-items:center;padding-left:5px;color:var(--navy);background:#fff;border-radius:50%;font-size:25px}.simple-page{width:min(900px,calc(100% - 36px));margin:auto;padding:90px 0}.legal-card{padding:48px;border:1px solid var(--line);border-radius:25px;background:#fff}.legal-card h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.04em}.legal-card h2{margin-top:35px}.legal-card p,.legal-card li{color:var(--muted)}.legal-card a{color:var(--blue)}.contact-layout{display:grid;grid-template-columns:1fr .8fr;gap:35px}.contact-form{display:grid;gap:16px;margin-top:30px}.field{display:grid;gap:7px}.field label{font-weight:700;font-size:13px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #bfd3c8;border-radius:10px;background:#fff;font:inherit}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(21,153,87,.15);border-color:var(--blue)}.form-note{font-size:12px!important}.support-box{padding:34px;color:#fff;background:var(--navy);border-radius:25px}.support-box p{color:#c7dfd2}.support-box .button{margin-top:15px;background:#28b56e}.notice{padding:14px;border-radius:10px;color:#155f45;background:#dcf8ec}.hp{position:absolute;left:-9999px}.cookie-notice{position:fixed;left:18px;right:18px;bottom:18px;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:850px;margin:auto;padding:17px 20px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);font-size:13px}.cookie-notice[hidden]{display:none}.cookie-actions{display:flex;gap:8px}.cookie-actions button{padding:9px 13px;border:0;border-radius:8px;font-weight:700;cursor:pointer}.cookie-accept{color:#fff;background:var(--blue)}
@media(max-width:900px){nav{position:absolute;left:18px;right:18px;top:68px;display:none;padding:18px;flex-direction:column;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}nav.open{display:flex}nav a{padding:11px}.menu-toggle{display:block}.hero,.product-hero{grid-template-columns:1fr}.hero{padding-top:65px}.hero-visual{min-height:420px}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip div:nth-child(2){border:0}.app-grid{grid-template-columns:1fr 1fr}.section-heading,.cta{align-items:start;flex-direction:column}.approach,.detail-grid,.tutorial,.contact-layout{grid-template-columns:1fr}.choice{padding:50px 28px}.footer-grid{grid-template-columns:1fr 1fr}.product-symbol{display:none}}@media(max-width:620px){.hero{min-height:auto;padding-bottom:85px}.hero h1{font-size:45px}.hero-visual{display:none}.proof-strip{margin-top:-30px;padding:20px 12px}.proof-strip div{flex-direction:column;align-items:center;gap:0}.section{padding:85px 0}.section-heading{gap:18px}.app-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.legal-card{padding:30px 22px}.cookie-notice{align-items:flex-start;flex-direction:column}.contact-layout{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.apps-first{width:min(1260px,calc(100% - 36px));margin:0 auto;padding:62px 0 110px}.apps-first-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:28px}.apps-first-heading h1{max-width:760px;margin:14px 0 0;font-size:clamp(42px,5vw,68px);letter-spacing:-.05em}.apps-first-heading>p{max-width:450px;margin:0;color:var(--muted);font-size:16px}.cinematic-grid{grid-template-columns:repeat(3,1fr);gap:20px}.cinematic-card{min-height:430px;padding:24px;overflow:hidden;border:0;color:#fff;background:#163c2e;box-shadow:0 16px 42px rgba(4,60,40,.18)}.cinematic-card:hover{border-color:transparent;box-shadow:0 28px 60px rgba(4,60,40,.28)}.card-photo,.card-shade{position:absolute;inset:0;width:100%;height:100%}.card-photo{object-fit:cover;transition:transform .6s ease}.cinematic-card:hover .card-photo{transform:scale(1.045)}.card-shade{background:linear-gradient(180deg,rgba(4,35,25,.08) 10%,rgba(4,35,25,.34) 48%,rgba(3,25,18,.96) 100%)}.cinematic-card .app-card-top,.cinematic-card .card-copy{position:relative;z-index:2}.cinematic-card .app-icon{color:#075b3a;background:rgba(255,255,255,.93);box-shadow:0 8px 20px rgba(0,0,0,.16)}.cinematic-card .mode{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(5,45,31,.72);backdrop-filter:blur(9px)}.card-copy{margin-top:auto}.cinematic-card .eyebrow{display:block;margin-top:0;color:#b8ec68}.cinematic-card h2{margin:8px 0 10px;color:#fff;font-size:25px}.cinematic-card p{display:-webkit-box;overflow:hidden;margin:0;color:#e6f2ec;font-size:14px;-webkit-line-clamp:3;-webkit-box-orient:vertical}.cinematic-card .card-link{display:block;color:#fff}.cinematic-card.custom-card .card-photo{display:none}.cinematic-card.custom-card{background:linear-gradient(145deg,#075b3a,#159957 68%,#67bf70)}.story-hero{min-height:620px;padding-top:130px}.story-hero h2{max-width:760px;margin:18px 0 24px;font-size:clamp(46px,6vw,76px);letter-spacing:-.055em}.story-hero h2 em{font-style:normal;color:var(--blue)}
@media(max-width:900px){.apps-first-heading{align-items:start;flex-direction:column;gap:18px}.cinematic-grid{grid-template-columns:1fr 1fr}.story-hero{grid-template-columns:1fr}.story-hero .hero-visual{min-height:420px}}
@media(max-width:620px){.apps-first{padding:45px 0 80px}.apps-first-heading h1{font-size:42px}.cinematic-grid{grid-template-columns:1fr}.cinematic-card{min-height:390px}.story-hero{padding-top:85px}.story-hero h2{font-size:44px}.story-hero .hero-visual{display:none}}
.cinematic-card{background:#fff;box-shadow:0 16px 42px rgba(22,31,28,.15)}.cinematic-card:hover{box-shadow:0 28px 62px rgba(22,31,28,.25)}.card-shade{background:linear-gradient(180deg,rgba(8,12,16,0) 0%,rgba(8,12,16,0) 42%,rgba(8,12,16,.16) 58%,rgba(8,12,16,.9) 100%)}.cinematic-card .mode{border-color:rgba(255,255,255,.75);color:#173c2f;background:rgba(255,255,255,.9)}.cinematic-card.custom-card{background:linear-gradient(145deg,#ffb35c,#e95b74 48%,#6c4bd9)}.cinematic-card.custom-card .card-shade{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(32,13,55,.72))}
.card-badges{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.featured-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.42rem .68rem;background:#f4c95d;color:#153927;font-size:.72rem;font-weight:800;box-shadow:0 6px 20px rgba(0,0,0,.18)}.featured-card{outline:2px solid rgba(244,201,93,.9);outline-offset:3px}.admin-shell{max-width:1050px}.admin-card{padding:clamp(1.25rem,3vw,2.4rem)}.admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-heading h1{margin:.35rem 0 0}.admin-login-panel{max-width:560px;margin:2rem auto}.admin-login-panel h2{margin-bottom:.35rem}.stack-form{display:grid;gap:1rem;margin-top:1.25rem}.stack-form label{display:grid;gap:.4rem;font-weight:700}.stack-form input{width:100%;padding:.85rem 1rem;border:1px solid #b9ccc2;border-radius:10px;font:inherit}.stack-form input:focus{outline:3px solid rgba(18,157,87,.18);border-color:#129d57}.form-status{padding:.85rem 1rem;border-radius:10px;font-weight:700}.form-status.success{background:#e3f8eb;color:#075d32}.form-status.error{background:#fff0f0;color:#a51c26}.admin-intro{max-width:760px}.card-order-list{list-style:none;margin:1.5rem 0;padding:0;display:grid;gap:.65rem}.card-order-item{display:grid;grid-template-columns:28px 38px 72px minmax(180px,1fr) auto auto;align-items:center;gap:.75rem;padding:.7rem;border:1px solid #d9e5df;border-radius:12px;background:#fff}.card-order-item.is-dragging{opacity:.5}.card-order-item img{width:72px;height:48px;object-fit:cover;border-radius:8px}.drag-handle{cursor:grab;font-size:1.35rem;color:#688077}.order-number{font-weight:800;color:#087844;text-align:center}.order-app-name{display:grid}.order-app-name small{color:#667a71}.featured-choice{display:flex;gap:.4rem;align-items:center;font-weight:700}.move-buttons{display:flex;gap:.3rem}.move-buttons button{width:34px;height:34px;border:1px solid #bfd0c7;border-radius:8px;background:#f5faf7;cursor:pointer;font-size:1.05rem}.button-quiet{background:#edf5f1;color:#164b34;border:1px solid #cadcd3}.password-panel{margin-top:2rem;border-top:1px solid #dae6e0;padding-top:1.2rem}.password-panel summary{font-weight:800;cursor:pointer}.password-panel .stack-form{max-width:560px}.admin-page .cookie-notice{display:none!important}@media(max-width:760px){.card-order-item{grid-template-columns:24px 32px 56px 1fr}.card-order-item img{width:56px;height:42px}.featured-choice{grid-column:3/5}.move-buttons{grid-column:3/5}.admin-heading{align-items:center}}
.brand-logo{display:block;width:48px;height:48px;object-fit:contain;flex:0 0 auto}.footer-logo{filter:drop-shadow(0 5px 12px rgba(0,0,0,.2))}.hero-brand-logo{width:82px;height:82px;filter:drop-shadow(0 12px 22px rgba(7,91,58,.18))}

/* Blue-gradient visual refresh */
:root{--ink:#162f55;--muted:#60718b;--line:#d7e3f2;--paper:#f5f8fd;--blue:#2563eb;--navy:#123b82;--cyan:#38bdf8;--lime:#dbeafe;--shadow:0 22px 55px rgba(30,64,175,.14)}
body.home main{background:linear-gradient(180deg,#e9f3ff 0,#f7fbff 31%,var(--paper) 59%)}
.site-header{border-bottom-color:rgba(171,197,229,.72);background:radial-gradient(circle at 8% -100%,rgba(37,99,235,.2),transparent 42%),radial-gradient(circle at 88% 170%,rgba(56,189,248,.17),transparent 38%),rgba(255,255,255,.96);box-shadow:0 8px 28px rgba(30,64,175,.07)}
.brand-mark,.nav-cta,.button.primary{background:linear-gradient(135deg,#123b82 0,#2563eb 58%,#0ea5e9 100%)}
.brand-mark,.button.primary{box-shadow:0 10px 26px rgba(37,99,235,.25)}
.hero-visual{border-color:#bfd7f5;background:radial-gradient(circle at 38% 32%,#fff 0,#eaf4ff 38%,#cfe6ff 70%,#b9dbff 100%)}
.visual-orbit{border-color:rgba(37,99,235,.28)}
.float-card{box-shadow:0 15px 35px rgba(30,64,175,.13)}
.proof-strip,.choice,.tutorial-screen{background:linear-gradient(135deg,#102f6a 0,#2058c8 58%,#159ad7 100%)}
.site-footer{background:linear-gradient(145deg,#071e42,#0d3268)}
.filter.active{background:linear-gradient(135deg,#123b82,#2563eb);border-color:#2563eb}
.cinematic-card .app-icon{color:#1d4ed8}
.cinematic-card .eyebrow{color:#bfdbfe}
.cinematic-card .mode{color:#173b72}
.cinematic-card.custom-card{background:linear-gradient(145deg,#123b82,#2563eb 60%,#38bdf8)}
.featured-card{outline-color:rgba(96,165,250,.95)}
.featured-badge{color:#123b82;background:#dbeafe}
.support-box{background:linear-gradient(145deg,#123b82,#2058c8)}
.support-box .button{background:#fff;color:#17479e}
.product-symbol{background:linear-gradient(145deg,#edf6ff,#c9e2ff)}
.best-for{background:#eaf4ff}
.feature-row span{color:#2563eb}
.field input:focus,.field select:focus,.field textarea:focus{outline-color:rgba(37,99,235,.16)}
.card-actions{position:relative;z-index:3;display:flex;gap:9px;margin-top:22px}.card-actions a{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid rgba(255,255,255,.65);border-radius:10px;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.card-actions .register{border-color:#fff;color:var(--navy);background:#fff}.card-actions a:hover,.card-actions a:focus{transform:translateY(-2px)}
.cinematic-card .card-copy h2{margin:0}.cinematic-card .card-actions{margin-top:8px}.cinematic-card.custom-card .card-photo{display:block}.cinematic-card.custom-card .card-shade{background:linear-gradient(180deg,rgba(18,59,130,.12) 0%,rgba(18,59,130,.3) 46%,rgba(7,31,78,.94) 100%)}
.cinematic-card.custom-card .card-photo{filter:brightness(1.12) saturate(1.03)}.cinematic-card.custom-card .card-shade{background:linear-gradient(180deg,rgba(7,20,38,0) 0%,rgba(7,20,38,.06) 55%,rgba(7,20,38,.72) 100%)}
.card-order-item{grid-template-columns:28px 38px 72px minmax(170px,1fr) auto auto auto}.visibility-choice{display:flex;align-items:center;gap:.4rem;font-weight:700;color:#075d32;white-space:nowrap}.visibility-choice input{width:18px;height:18px;accent-color:#159957}@media(max-width:760px){.visibility-choice{grid-column:3/5}.featured-choice{grid-column:3/5}.move-buttons{grid-column:3/5}}
.password-control{position:relative;display:block}.password-control input{padding-right:3rem}.password-control button{position:absolute;right:.45rem;top:50%;width:2.15rem;height:2.15rem;transform:translateY(-50%);border:0;border-radius:8px;background:#edf5f1;cursor:pointer;font-size:1rem}.password-control button:hover,.password-control button:focus{background:#dcebe3;outline:2px solid rgba(21,153,87,.22)}
.product-landing-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;width:min(1260px,calc(100% - 36px));min-height:700px;margin:auto;padding:72px 0 100px}.product-landing-copy h1{max-width:700px;margin:18px 0 24px;font-size:clamp(52px,7vw,88px);letter-spacing:-.06em}.product-landing-copy>p{max-width:680px;color:var(--muted);font-size:20px}.landing-highlights{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px}.landing-highlights span{color:#284f83;font-size:14px;font-weight:700}.product-landing-visual{position:relative;min-height:570px;overflow:hidden;border-radius:36px;box-shadow:0 30px 80px rgba(20,62,112,.2)}.product-landing-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-landing-visual:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 48%,rgba(8,27,55,.78))}.visual-note{position:absolute;left:28px;right:28px;bottom:27px;z-index:1;padding:20px;border:1px solid rgba(255,255,255,.3);border-radius:18px;color:#fff;background:rgba(12,42,83,.4);backdrop-filter:blur(12px)}.visual-note span{display:block;margin-bottom:4px;color:#bfdbfe;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.visual-note strong{font:700 17px Manrope,sans-serif}.product-overview{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px;border-top:1px solid var(--line)}.product-overview h2{max-width:650px;margin:13px 0 0;font-size:clamp(36px,4.5vw,58px);letter-spacing:-.045em}.product-overview>.lead{margin:0}.outcome-section{padding-top:40px}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.outcome-grid article{padding:27px;border:1px solid #d7e5f7;border-radius:21px;background:#fff;box-shadow:0 12px 35px rgba(27,74,133,.07)}.outcome-grid article>span{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;color:#1d4ed8;background:#e8f1ff}.outcome-grid h3{margin:22px 0 8px;font-size:19px}.outcome-grid p{margin:0;color:var(--muted);font-size:15px}.capability-band{display:grid;grid-template-columns:1fr .9fr;gap:75px;width:min(1260px,calc(100% - 36px));padding:72px;border-radius:34px;color:#fff;background:linear-gradient(135deg,#123b82,#2563eb 62%,#159cda)}.capability-band h2{margin:13px 0 20px;font-size:clamp(36px,4.5vw,58px);letter-spacing:-.045em}.capability-band p{color:#dbeafe;font-size:17px}.capability-list{display:grid;align-content:center;gap:11px}.capability-list div{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.09)}.capability-list span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#123b82;background:#fff;font-weight:900}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.setup-grid article{padding:30px;border-top:4px solid #2563eb;border-radius:4px 4px 20px 20px;background:#fff;box-shadow:0 16px 45px rgba(27,74,133,.08)}.setup-grid article>span{color:#2563eb;font:800 14px Manrope,sans-serif;letter-spacing:.12em}.setup-grid h3{margin:22px 0 9px;font-size:21px}.setup-grid p{margin:0;color:var(--muted)}.product-tutorial{padding-top:35px}.landing-cta{display:flex;align-items:center;justify-content:space-between;gap:60px;width:min(1260px,calc(100% - 36px));padding:68px 72px;border-radius:34px;color:#fff;background:#0c2f63}.landing-cta h2{margin:12px 0;font-size:clamp(38px,5vw,62px);letter-spacing:-.045em}.landing-cta p{max-width:700px;margin:0;color:#dbeafe;font-size:17px}.light-button{color:#123b82;background:#fff}.outline-light{border-color:rgba(255,255,255,.7);color:#fff}.product-page .site-footer{margin-top:110px}@media(max-width:900px){.product-landing-hero,.product-overview,.capability-band,.product-tutorial{grid-template-columns:1fr}.product-landing-visual{min-height:500px}.outcome-grid{grid-template-columns:repeat(2,1fr)}.capability-band{padding:50px}.landing-cta{display:block;padding:50px}.landing-cta .hero-actions{margin-top:28px}}@media(max-width:620px){.product-landing-hero{padding:48px 0 75px}.product-landing-copy h1{font-size:50px}.product-landing-visual{min-height:430px;border-radius:25px}.product-overview{gap:28px}.outcome-grid,.setup-grid{grid-template-columns:1fr}.capability-band,.landing-cta{padding:34px 24px;border-radius:24px}}
.cinematic-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),400px));justify-content:center}
.product-meta-stack{align-items:flex-start;flex-direction:column;gap:8px}.product-meta-stack .mode,.availability-badge,.setup-assurance{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:9px;font-size:13px;font-weight:800}.availability-badge{color:#075d32;background:#dff7e9}.setup-assurance{max-width:540px;color:#17479e;background:#e6f0ff;line-height:1.45}
.meta-badge-row{display:flex;align-items:center;gap:8px}.landing-cta>.hero-actions{flex-wrap:nowrap;margin-top:0}.landing-cta>.hero-actions .button{min-height:43px;padding:0 14px;white-space:nowrap;font-size:13px}@media(max-width:900px){.landing-cta>.hero-actions{flex-wrap:wrap;margin-top:28px}}
.product-tutorial{scroll-margin-top:95px}


.watch-tutorial-main {
    width: 100%;
    margin: 0;
    padding: 20px 18px 50px;
}

.watch-tutorial-player {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.watch-tutorial-video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    margin: 0;
    padding: 0;
    border-radius: 20px;
    background: #03045e;
    box-shadow: 0 24px 60px rgba(20, 62, 112, 0.22);
}


.tutorial-watch-link,
.tutorial-watch-link:hover,
.tutorial-watch-link:focus,
.tutorial-watch-link:visited {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    text-decoration: none !important;
}

.tutorial-watch-link strong {
    text-decoration: none !important;
}

.tutorial-watch-icon {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding-left: 2px;
    border-radius: 50%;
    color: #03045e;
    background: #ffd60a;
}



@media (max-width: 850px) {
    .watch-tutorial-main {
        padding: 12px 12px 35px;
    }

    .watch-tutorial-video {
        border-radius: 14px;
    }
}