body.intro-active{overflow:hidden}
.cinematic-intro{position:fixed;inset:0;z-index:1000;min-height:100svh;overflow:hidden;background:#06131f;color:#f7fbff;isolation:isolate;opacity:1;transition:opacity .65s ease,transform .65s ease}
.cinematic-intro[hidden]{display:none}.cinematic-intro.is-leaving{opacity:0;transform:scale(1.015);pointer-events:none}
.cinematic-intro__media,.cinematic-intro__media img,.cinematic-intro__media video,.cinematic-intro__wash{position:absolute;inset:0;width:100%;height:100%}.cinematic-intro__media{z-index:0}
.cinematic-intro__media img,.cinematic-intro__media video{z-index:0;object-fit:cover;object-position:center 54%}.cinematic-intro__media video{opacity:0;transition:opacity .7s ease}.cinematic-intro.is-playing .cinematic-intro__media video{opacity:1}
.cinematic-intro__wash{z-index:1;background:radial-gradient(circle at 72% 44%,transparent 0 19%,rgba(3,15,24,.16) 52%,rgba(3,14,22,.82) 100%),linear-gradient(90deg,rgba(3,14,22,.92) 0%,rgba(3,14,22,.66) 35%,rgba(3,14,22,.13) 69%,rgba(3,14,22,.5) 100%),linear-gradient(0deg,rgba(3,14,22,.82),transparent 38%)}
.cinematic-intro:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);mix-blend-mode:soft-light}
.cinematic-intro__brand{position:absolute;top:clamp(22px,4vw,52px);left:clamp(22px,6vw,88px);z-index:2;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:950;letter-spacing:.12em}.cinematic-intro__brand span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#16d9ff,#0876ff);color:#021019;font-size:21px;letter-spacing:0;box-shadow:0 0 30px rgba(22,217,255,.33)}
.cinematic-intro__content{position:absolute;z-index:2;left:clamp(22px,6vw,88px);top:50%;width:min(760px,82vw);transform:translateY(-46%)}
.cinematic-intro__eyebrow{display:inline-flex;align-items:center;gap:10px;color:#bdfb35;font-size:clamp(11px,1vw,14px);font-weight:950;letter-spacing:.2em}.cinematic-intro__eyebrow:before{content:"";width:34px;height:2px;background:#bdfb35;box-shadow:0 0 18px rgba(189,251,53,.7)}
.cinematic-intro h1{margin:15px 0 16px;font-size:clamp(56px,8vw,124px);line-height:.82;letter-spacing:-.075em;text-transform:uppercase;text-wrap:balance;text-shadow:0 12px 45px rgba(0,0,0,.45)}.cinematic-intro h1 em{color:#16d9ff;font-style:normal}.cinematic-intro__content>p{max-width:630px;margin:0;color:#d7e8ef;font-size:clamp(15px,1.6vw,22px);font-weight:650;line-height:1.45;text-shadow:0 4px 20px rgba(0,0,0,.7)}
.cinematic-intro__actions{display:flex;align-items:center;gap:18px;margin-top:28px}.cinematic-intro__actions button{border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#ffd20a;color:#06131f;padding:13px 20px;font-weight:950;box-shadow:0 14px 40px rgba(255,210,10,.2);transition:transform .2s ease,filter .2s ease}.cinematic-intro__actions button:hover{transform:translateY(-2px);filter:brightness(1.06)}.cinematic-intro__actions>span{color:#afc4ce;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.cinematic-intro__stages{position:absolute;z-index:2;right:clamp(22px,4vw,62px);bottom:clamp(28px,5vw,62px);display:grid;gap:8px;text-align:right;color:rgba(240,250,255,.72);font-size:10px;font-weight:900;letter-spacing:.16em}.cinematic-intro__stages span:last-child{color:#bdfb35}
.cinematic-intro__progress{position:absolute;z-index:3;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.12)}.cinematic-intro__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#16d9ff,#bdfb35,#ffd20a);box-shadow:0 0 18px rgba(22,217,255,.6);animation:facturaIntroProgress 5s linear forwards}
.cinematic-intro__brand,.cinematic-intro__eyebrow,.cinematic-intro h1,.cinematic-intro__content>p,.cinematic-intro__actions{opacity:0;animation:facturaIntroReveal .72s cubic-bezier(.2,.8,.2,1) forwards}.cinematic-intro__eyebrow{animation-delay:.12s}.cinematic-intro h1{animation-delay:.23s}.cinematic-intro__content>p{animation-delay:.36s}.cinematic-intro__actions{animation-delay:.48s}
@keyframes facturaIntroReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes facturaIntroProgress{to{width:100%}}
@media(max-width:680px){.cinematic-intro__media img,.cinematic-intro__media video{object-position:63% center}.cinematic-intro__wash{background:linear-gradient(90deg,rgba(3,14,22,.88),rgba(3,14,22,.26)),linear-gradient(0deg,rgba(3,14,22,.92),transparent 58%)}.cinematic-intro__content{top:auto;bottom:112px;transform:none;width:calc(100% - 44px)}.cinematic-intro h1{font-size:clamp(50px,17vw,78px)}.cinematic-intro__content>p{font-size:15px;max-width:92%}.cinematic-intro__stages{display:none}.cinematic-intro__actions{align-items:flex-start;flex-direction:column;gap:9px;margin-top:21px}}
@media(prefers-reduced-motion:reduce){.cinematic-intro__media video{display:none}.cinematic-intro__brand,.cinematic-intro__eyebrow,.cinematic-intro h1,.cinematic-intro__content>p,.cinematic-intro__actions{opacity:1;animation:none}.cinematic-intro__progress span{animation-duration:1.2s}.cinematic-intro,.cinematic-intro__media video{transition:none}}

.feature-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}
.feature-tile{position:relative;min-height:126px;border:1px solid #315467;border-radius:16px;background:linear-gradient(145deg,#102b3a,#0a202c);color:var(--white);padding:15px;text-align:left;overflow:hidden;box-shadow:0 14px 32px rgba(0,0,0,.12)}
.feature-tile:after{content:"";position:absolute;width:90px;height:90px;right:-34px;top:-34px;border-radius:50%;background:var(--tile,#16d9ff);filter:blur(36px);opacity:.24}
.feature-tile:nth-child(2){--tile:#9a71ff}.feature-tile:nth-child(3){--tile:#ffd20a}.feature-tile:nth-child(4){--tile:#3fe18c}
.feature-tile:hover{transform:translateY(-2px);border-color:var(--tile,#16d9ff)}
.feature-tile .feature-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#17384a;color:var(--tile,#16d9ff);font-weight:950;margin-bottom:10px}
.feature-tile b{display:block;font-size:14px;position:relative;z-index:1}.feature-tile small{display:block;color:#9eb5c1;font-size:12px;line-height:1.35;margin-top:4px;max-width:210px;position:relative;z-index:1}
.feature-chip{position:absolute;right:10px;bottom:10px;border:1px solid #3b6478;border-radius:999px;padding:3px 7px;color:#b9d1dc;font-size:10px;font-weight:900;z-index:1}.feature-chip.live{border-color:#39795b;color:var(--green);background:#102f24}
.smart-pricing{margin:16px 0;border:1px solid #475d37;border-radius:15px;padding:14px;background:linear-gradient(145deg,#172b21,#0b252b)}
.smart-pricing-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.smart-pricing-head b{font-size:14px}.smart-pricing-head p{color:#99b4a4;font-size:11px;margin:3px 0 0}.smart-pricing-head .coach-badge{margin-left:auto;border:1px solid #668137;border-radius:999px;background:#253618;color:var(--lime);padding:4px 8px;font-size:10px;font-weight:950;white-space:nowrap}
.pricing-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pricing-control{display:grid;gap:6px}.pricing-control label{font-size:12px;color:#a8bcaf;font-weight:800}.pricing-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.pricing-input-row input{min-width:0;border:1px solid #3a5b4d;border-radius:9px;background:#0c2827;color:white;padding:9px}.pricing-input-row button{border:1px solid #537542;border-radius:9px;background:#1b3d27;color:#eaffdf;padding:8px 10px;font-size:11px;font-weight:900}
.margin-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.margin-stat{border:1px solid #325348;border-radius:10px;background:#0b2629;padding:8px}.margin-stat span{display:block;color:#8eaaa0;font-size:10px}.margin-stat b{font-size:14px}.margin-stat.good b{color:var(--lime)}.margin-stat.warn b{color:var(--orange)}
.coach-meter{height:6px;border-radius:999px;background:#0a1d1d;overflow:hidden;margin-top:10px}.coach-meter span{display:block;height:100%;width:40%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--lime));transition:width .2s}
body.modal-open{overflow:hidden}.feature-modal{position:fixed;inset:0;z-index:55;background:rgba(1,9,15,.84);backdrop-filter:blur(9px);padding:24px;display:none;overflow:auto}.feature-modal.open{display:grid;place-items:center}.feature-shell{width:min(880px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #376176;border-radius:20px;background:#071923;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.feature-modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid var(--line);background:rgba(7,25,35,.96);backdrop-filter:blur(14px)}.feature-modal-head h2{margin:0;font-size:20px}.feature-modal-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.feature-close{margin-left:auto;width:39px;height:39px;border:1px solid var(--line);border-radius:11px;background:#102b3a;color:white;font-size:22px}.feature-body{padding:18px}
.template-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:14px}.template-toolbar input{border:1px solid var(--line);border-radius:10px;background:#0b2431;color:white;padding:10px 12px}.template-toolbar button{border:0;border-radius:10px;background:var(--cyan);color:#06212b;padding:10px 13px;font-weight:900}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.template-card{border:1px solid #2e5265;border-radius:14px;background:#0b2330;padding:14px}.template-card-head{display:flex;align-items:flex-start;gap:10px}.template-card h3{margin:0;font-size:15px}.template-card p{color:#91aebb;font-size:11px;margin:4px 0 11px}.template-card .template-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}.template-meta span{border:1px solid #355c70;border-radius:999px;padding:3px 7px;color:#a9c1cc;font-size:10px;font-weight:800}.template-card button{border:1px solid #3b6b80;border-radius:9px;background:#123247;color:white;padding:8px 10px;font-size:11px;font-weight:900}.template-card button:hover{color:var(--cyan);border-color:var(--cyan)}
.approval-list{display:grid;gap:10px}.approval-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border:1px solid #2d5063;border-radius:14px;background:#0b2330;padding:13px}.approval-item h3{font-size:14px;margin:0}.approval-item p{color:#91aebb;font-size:11px;margin:4px 0 0}.approval-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.approval-status{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950}.approval-status.opened{color:#62dff8;background:#11313b}.approval-status.awaiting{color:#ffe66f;background:#322d12}.approval-status.approved{color:#70eca7;background:#103523}.approval-actions button{border:1px solid #3b6275;border-radius:8px;background:#102e3e;color:#eaf9ff;padding:7px 9px;font-size:11px;font-weight:850}.approval-actions button.primary-action{background:var(--lime);color:#0a1a10;border-color:var(--lime)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field-grid .wide{grid-column:1/-1}.field-capture{border:1px dashed #3c667a;border-radius:14px;background:#0b2330;padding:14px}.field-capture b{font-size:13px}.field-capture p{font-size:11px;color:#91adba;margin:4px 0 10px}.capture-toolbar{display:flex;gap:8px;flex-wrap:wrap}.capture-toolbar button,.capture-toolbar label{border:1px solid #3b6c62;border-radius:9px;background:#12382f;color:#e0fff5;padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer}.capture-toolbar input{display:none}.field-ready{display:inline-flex;margin-top:10px;border:1px solid #3d715b;border-radius:999px;color:var(--green);padding:4px 8px;font-size:10px;font-weight:900}.field-footer{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.field-footer small{color:var(--muted);font-size:11px}.field-footer button{margin-left:auto;border:0;border-radius:11px;background:var(--yellow);color:#07141f;padding:10px 14px;font-weight:950}
html[data-theme="day"] .feature-tile,html[data-theme="day"] .smart-pricing,html[data-theme="day"] .feature-shell,html[data-theme="day"] .feature-modal-head,html[data-theme="day"] .template-card,html[data-theme="day"] .approval-item,html[data-theme="day"] .field-capture{background:#fff;color:#173642}html[data-theme="day"] .pricing-input-row input,html[data-theme="day"] .template-toolbar input{background:#fff;color:#173642}html[data-theme="day"] .margin-stat{background:#f1faf6}html[data-theme="day"] .feature-close{background:#edf6f8;color:#173642}
@media(max-width:1100px){.feature-dock{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.feature-dock{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.feature-tile{min-width:230px;scroll-snap-align:start}.feature-modal{padding:0}.feature-shell{min-height:100vh;max-height:none;border-radius:0}.template-grid,.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}.approval-item{grid-template-columns:1fr}.approval-actions{justify-content:flex-start}.pricing-controls{grid-template-columns:1fr}.margin-readout{grid-template-columns:1fr 1fr 1fr}.smart-pricing-head{align-items:flex-start}}
@media print{.feature-modal,.feature-dock,.smart-pricing .pricing-controls,.coach-meter{display:none!important}}