:root{--navy:#07162f;--navy-2:#10284e;--cyan:#12c7e8;--coral:#ff5b57;--ink:#0b1933;--muted:#62738b;--line:#d9e3ee;--canvas:#f4f8fc;--white:#fff;--shadow:0 25px 70px rgba(7,22,47,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:10;height:82px;display:flex;align-items:center;gap:42px;padding:0 max(24px,calc((100vw - 1380px)/2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.nav-brand{margin-right:auto}.nav img,footer img{display:block;width:205px}.nav nav{display:flex;gap:27px;color:#52647c;font-size:13px;font-weight:650}.nav nav a:hover{color:var(--navy)}.btn{min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #afc0d3;border-radius:6px;font-size:13px;font-weight:850;transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(7,22,47,.1)}.btn.primary{border-color:var(--cyan);background:var(--cyan);color:var(--navy)}.eyebrow{display:block;color:#0898b4;font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.hero{min-height:700px;display:grid;grid-template-columns:minmax(370px,.78fr) minmax(620px,1.22fr);align-items:center;gap:64px;padding:78px max(24px,calc((100vw - 1380px)/2));background:linear-gradient(112deg,#fff 60%,#eef8fc)}.hero h1{margin:12px 0 25px;font-size:clamp(54px,6vw,84px);line-height:.96;letter-spacing:-.065em}.hero-copy>p{max-width:590px;margin:0 0 28px;color:var(--muted);font-size:18px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:10px}.hero-points{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:25px;color:#718198;font-size:11px}.product-preview{min-height:475px;display:grid;grid-template-columns:165px 1fr;overflow:hidden;border:1px solid #afc1d4;border-radius:10px;background:#fff;box-shadow:var(--shadow);transform:perspective(1400px) rotateY(-2deg)}.product-preview>aside{display:flex;flex-direction:column;gap:14px;padding:25px 18px;background:var(--navy);color:#bdcadb;font-size:10px}.product-preview>aside img{width:116px;margin-bottom:8px}.product-preview>aside small{margin-top:7px;color:var(--cyan);font-size:7px;font-weight:900;letter-spacing:.15em}.product-preview>aside b{margin-inline:-8px;padding:10px 8px;border-left:2px solid var(--cyan);background:#10284e;color:#fff}.product-preview>section{padding:31px}.product-preview>section>header{display:flex;justify-content:space-between;gap:20px}.product-preview header small{color:#0598b5;font-size:8px;font-weight:900;letter-spacing:.1em}.product-preview h2{margin:6px 0 3px;font-size:27px}.product-preview header p{margin:0;color:var(--muted);font-size:11px}.product-preview header>i{height:max-content;padding:6px 9px;border:1px solid #bce5ed;border-radius:15px;color:#087f97;font-size:8px;font-style:normal}.preview-alert{display:flex;align-items:center;gap:11px;margin-top:24px;padding:13px;border:1px solid #f3d394;background:#fffaf0}.preview-alert>b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#f59e0b;color:#fff}.preview-alert span{display:flex;flex-direction:column;gap:3px}.preview-alert strong{font-size:11px}.preview-alert small{color:var(--muted);font-size:8px}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:11px 0}.preview-grid article{display:grid;gap:5px;padding:15px;border:1px solid var(--line)}.preview-grid small{color:var(--muted);font-size:7px;font-weight:900}.preview-grid strong{font-size:21px}.preview-grid span{color:#698097;font-size:8px}.preview-list{padding:15px;border:1px solid var(--line)}.preview-list>strong{display:block;margin-bottom:6px;font-size:11px}.preview-list>span{display:grid;grid-template-columns:5px 1fr auto;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #e7edf4}.preview-list i{width:4px;height:24px;background:var(--cyan)}.preview-list b{font-size:9px}.preview-list em{color:var(--muted);font-size:8px;font-style:normal}
.proof-strip{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line);background:#fff}.proof-strip span{padding:21px 14px;border-right:1px solid var(--line);color:var(--muted);text-align:center;font-size:11px}.proof-strip span:last-child{border:0}.proof-strip b{color:var(--navy)}.section{padding:100px max(24px,calc((100vw - 1280px)/2))}.intro{text-align:center;background:var(--canvas)}.intro>h2,.section-heading h2,.access-copy h2,.mobile-section h2,.cta h2{margin:10px 0 16px;font-size:clamp(36px,4vw,52px);line-height:1.05;letter-spacing:-.045em}.intro>p{max-width:780px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.7}.workflow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border:1px solid var(--line);background:#fff;text-align:left}.workflow article{min-height:230px;padding:29px;border-right:1px solid var(--line)}.workflow article:last-child{border:0}.workflow article>span,.feature-grid article>b{color:#079ab7;font-family:ui-monospace,monospace;font-size:10px}.workflow h3{margin:35px 0 10px;font-size:20px}.workflow p,.feature-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.capabilities{background:#fff}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:60px;margin-bottom:50px}.section-heading p{margin:0 0 8px;color:var(--muted);font-size:14px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-grid article{min-height:190px;display:grid;grid-template-columns:38px 1fr;gap:15px;padding:31px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid h3{margin:0 0 10px;font-size:20px}
.access-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:100px max(24px,calc((100vw - 1180px)/2));background:var(--navy);color:#fff}.access-copy .eyebrow{color:var(--cyan)}.access-copy>p{color:#b2c1d3;line-height:1.75}.access-copy ul{display:grid;gap:12px;margin:25px 0 0;padding:0;list-style:none;color:#d1dce8;font-size:13px}.access-copy li:before{content:"✓";margin-right:10px;color:var(--cyan);font-weight:900}.role-stack{border:1px solid #314766}.role-stack article{display:flex;justify-content:space-between;gap:20px;padding:19px;border-bottom:1px solid #314766}.role-stack article span{font-size:13px}.role-stack article b{color:var(--cyan);font-size:11px}.role-stack>small{display:block;padding:15px 19px;color:#91a4bb;font-size:10px;line-height:1.5}
.mobile-section{display:grid;grid-template-columns:330px 1fr;align-items:center;gap:100px;padding:100px max(24px,calc((100vw - 1080px)/2));background:var(--canvas)}.mobile-section>div:last-child>p{max-width:650px;color:var(--muted);line-height:1.75}.mobile-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:27px}.mobile-benefits span{padding:14px;border-left:3px solid var(--cyan);background:#fff;color:var(--muted);font-size:11px}.mobile-benefits b{display:block;margin-bottom:3px;color:var(--navy);font-size:12px}.phone{width:258px;margin:auto;padding:8px;border:7px solid var(--navy);border-radius:34px;background:var(--navy);box-shadow:0 28px 55px rgba(7,22,47,.17)}.phone-speaker{width:72px;height:5px;margin:2px auto 8px;border-radius:5px;background:#42526a}.phone-screen{overflow:hidden;border-radius:21px;background:#f4f8fc}.phone-screen>header{height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff}.phone-screen>header b{color:var(--cyan);font-size:20px}.phone-screen>header span{color:var(--coral);font-size:9px}.phone-content{padding:17px 14px 12px}.phone-content>small{color:#0799b5;font-size:7px;font-weight:900;letter-spacing:.1em}.phone-content>h3{margin:5px 0 2px;font-size:18px}.phone-content>p{margin:0 0 13px;color:var(--muted);font-size:9px}.mobile-progress,.mobile-event,.mobile-tasks{margin-top:9px;padding:11px;border:1px solid var(--line);border-radius:5px;background:#fff}.mobile-progress>div{display:flex;justify-content:space-between}.mobile-progress span{color:var(--muted);font-size:8px}.mobile-progress strong{font-size:14px}.mobile-progress>i{display:block;height:5px;margin-top:8px;border-radius:5px;background:#dce6ef}.mobile-progress>i b{display:block;width:68%;height:100%;border-radius:5px;background:var(--cyan)}.mobile-event{background:var(--navy);color:#fff}.mobile-event small,.mobile-event strong,.mobile-event span{display:block}.mobile-event small{color:var(--cyan);font-size:7px;font-weight:900}.mobile-event strong{margin:6px 0 3px;font-size:13px}.mobile-event span{color:#aebfd2;font-size:8px}.mobile-tasks>div{display:flex;justify-content:space-between;margin-bottom:5px}.mobile-tasks>div b{font-size:10px}.mobile-tasks>div small{color:#078eaa;font-size:7px}.mobile-tasks label{display:flex;gap:7px;padding:8px 0;border-top:1px solid #e5ebf2}.mobile-tasks label>i{width:11px;height:11px;border:1px solid #9eb1c8;border-radius:2px}.mobile-tasks label>span{font-size:8px}.mobile-tasks label small{display:block;margin-top:2px;color:var(--muted);font-size:7px}.phone-screen>nav{height:47px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border-top:1px solid var(--line);background:#fff}.phone-screen>nav b{text-align:center;color:#6a7c92;font-size:14px}.phone-screen>nav b:first-child{color:#079ab6}.phone-screen>nav small{display:block;font-size:6px;font-weight:600}
.cta{text-align:center;padding:100px 24px;border-bottom:8px solid var(--cyan);background:var(--navy);color:#fff}.cta .eyebrow{color:var(--cyan)}.cta p{margin:0 0 28px;color:#afbed0}.cta .btn{min-width:180px}footer{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px max(24px,calc((100vw - 1380px)/2));color:var(--muted);font-size:12px}footer div{display:flex;flex-direction:column;align-items:flex-end;gap:5px}footer a{color:#078ea8;font-weight:800}
/* Dimensiuni lizibile pentru textele secundare ale prezentării. */
.nav nav,.btn{font-size:14px}.eyebrow{font-size:11px}.hero-points{font-size:12px}.product-preview>aside{font-size:11px}.product-preview>aside small{font-size:8px}.product-preview header small,.preview-alert small,.preview-grid small,.preview-grid span,.preview-list em{font-size:9px}.product-preview header p,.preview-alert strong,.preview-list>strong,.preview-list b{font-size:11px}.proof-strip span{font-size:12px}.workflow p,.feature-grid p{font-size:14px}.section-heading p,.access-copy>p{font-size:15px}.access-copy ul,.role-stack article span{font-size:14px}.role-stack article b{font-size:12px}.role-stack>small{font-size:12px}.mobile-section>div:last-child>p{font-size:15px}.mobile-benefits span{font-size:12px}.mobile-benefits b{font-size:13px}
@media(max-width:1050px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.product-preview{max-width:760px;transform:none}.workflow{grid-template-columns:1fr 1fr}.workflow article:nth-child(2){border-right:0}.workflow article:nth-child(-n+2){border-bottom:1px solid var(--line)}.access-section{gap:45px}.proof-strip{grid-template-columns:repeat(3,1fr)}.proof-strip span:nth-child(3){border-right:0}}
@media(max-width:760px){.nav{height:70px;padding-inline:17px}.nav img{width:145px}.nav>.btn{min-height:39px;padding-inline:12px}.hero{min-height:auto;padding:52px 19px}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-points{display:grid}.product-preview{display:none}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip span{border-bottom:1px solid var(--line)}.proof-strip span:nth-child(odd){border-right:1px solid var(--line)}.proof-strip span:nth-child(even){border-right:0}.proof-strip span:last-child{grid-column:1/-1}.section,.access-section,.mobile-section{padding:70px 20px}.workflow,.feature-grid,.section-heading,.access-section,.mobile-section{grid-template-columns:1fr}.workflow article{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.workflow article:nth-child(2){border-bottom:1px solid var(--line)}.workflow h3{margin-top:20px}.section-heading{gap:8px}.feature-grid article{min-height:auto;padding:25px 20px}.access-section{gap:35px}.role-stack article{align-items:flex-start;flex-direction:column;gap:5px}.mobile-section{gap:45px}.mobile-section .phone{grid-row:2}.mobile-benefits{grid-template-columns:1fr}.cta{padding:75px 20px}footer{align-items:flex-start;flex-direction:column}footer div{align-items:flex-start}}
