:root{--ink:#132238;--muted:#637083;--line:#e4e8f0;--soft:#f5f7fb;--purple:#6c4df6;--blue:#147bd1;--green:#20bd8d;--shadow:0 24px 70px rgba(30,48,78,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.site-header{position:fixed;z-index:50;top:16px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:68px;padding:0 14px 0 20px;display:flex;align-items:center;gap:28px;border:1px solid rgba(220,225,235,.85);border-radius:18px;background:rgba(255,255,255,.83);backdrop-filter:blur(18px);transition:.3s}.site-header.scrolled{box-shadow:0 12px 35px rgba(31,48,75,.1)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--purple),var(--blue))}.brand b{font-weight:800}.nav{display:flex;gap:23px;margin-left:auto;font-size:14px;color:#49566a}.nav a:hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--purple),#5140d7);color:#fff;font-weight:750;font-size:14px;box-shadow:0 12px 30px rgba(108,77,246,.22);cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(108,77,246,.3)}.button-small{min-height:42px;padding:0 18px}.button-ghost{color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:none}.menu-toggle{display:none;border:0;background:none;margin-left:auto}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.section{position:relative;width:min(1180px,calc(100% - 40px));margin:auto;padding:112px 0}.compact{padding-top:85px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ddd8ff;border-radius:99px;background:#f8f6ff;color:#6044e8;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.section-heading{margin-bottom:48px}.section-heading.centered{text-align:center}.section-heading p{max-width:620px;margin:18px auto 0;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.1vw,86px);line-height:.98;letter-spacing:-.055em;margin:22px 0 28px}h1 span{color:var(--purple)}h2{font-size:clamp(36px,4.5vw,62px);line-height:1.04;letter-spacing:-.045em;margin:20px 0}h3{font-size:23px;line-height:1.2}.hero{width:100%;min-height:950px;padding:165px max(20px,calc((100% - 1180px)/2)) 60px;overflow:hidden;background:linear-gradient(180deg,#fbfaff 0%,#fff 88%)}.hero-copy{max-width:900px;text-align:center;margin:auto;position:relative;z-index:2}.hero-copy>p{font-size:19px;color:var(--muted);max-width:720px;margin:0 auto 28px}.actions{display:flex;justify-content:center;gap:12px}.hero-points{display:flex;justify-content:center;gap:28px;margin:26px 0 48px;font-size:13px;color:#526074}.orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.55}.orb-one{width:430px;height:430px;left:-220px;top:120px;background:radial-gradient(circle,#d7ceff,transparent 67%)}.orb-two{width:520px;height:520px;right:-260px;top:300px;background:radial-gradient(circle,#cdefff,transparent 67%)}.dashboard-wrap{position:relative;max-width:1040px;margin:auto}.dashboard-window{overflow:hidden;border:1px solid #dfe3ec;border-radius:23px;background:#fff;box-shadow:0 40px 110px rgba(48,55,106,.2);transform:perspective(1200px) rotateX(2deg)}.browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#f2f4f8;border-bottom:1px solid #e3e6ed}.browser-bar i{width:9px;height:9px;border-radius:50%;background:#d2d6df}.browser-bar i:first-child{background:#fa746b}.browser-bar i:nth-child(2){background:#f6c252}.browser-bar i:nth-child(3){background:#65c677}.browser-bar span{margin:auto;color:#929aa8;font-size:10px}.dash-body{display:grid;grid-template-columns:180px 1fr;min-height:400px}.dash-side{display:flex;flex-direction:column;gap:18px;padding:25px 20px;background:#141e34;color:#9da8bb;font-size:11px}.dash-side b{color:#fff;background:#27334c;padding:10px;border-radius:8px}.mini-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--purple);color:#fff;font-weight:800;margin-bottom:15px}.dash-main{padding:26px;background:#f7f8fb}.dash-top{display:flex;justify-content:space-between}.dash-top small{color:#7d8797}.dash-top h3{margin:2px 0 18px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ded8ff;color:#6044e8;font-size:11px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-grid div{display:flex;flex-direction:column;padding:17px;border:1px solid #e9ebf1;border-radius:12px;background:#fff}.metric-grid b{font-size:24px}.metric-grid small{color:#87909d}.dash-main h4{margin:24px 0 12px}.course-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.course-card{min-height:140px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:14px;color:#fff}.course-card span{font-size:10px;opacity:.75}.course-card b{font-size:14px;margin:4px 0}.course-card em{font-size:10px;font-style:normal;opacity:.85}.c1{background:linear-gradient(135deg,#6b4ef4,#947dfa)}.c2{background:linear-gradient(135deg,#147bd1,#35a5e5)}.c3{background:linear-gradient(135deg,#179b79,#32c89b)}.floating-card{position:absolute;padding:14px 20px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.floating-card b{display:block;font-size:21px;color:var(--purple)}.floating-card span{font-size:11px;color:var(--muted)}.fc-one{left:-45px;bottom:80px}.fc-two{right:-35px;top:100px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:310px;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;transition:.3s}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.feature-card.featured{background:linear-gradient(145deg,#6c4df6,#4c36c5);color:#fff;border:0}.feature-card p{color:var(--muted)}.feature-card.featured p{color:#ded8ff}.feature-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:80px;border-radius:15px;background:#f0edff;color:var(--purple);font-size:25px}.featured .feature-icon{background:rgba(255,255,255,.15);color:#fff}.problem-section{width:100%;padding-left:max(20px,calc((100% - 1180px)/2));padding-right:max(20px,calc((100% - 1180px)/2));background:#f6f7fa}.funnel{display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;gap:30px}.funnel-input{display:grid;gap:10px}.funnel-input div{display:flex;flex-direction:column;padding:18px 22px;border-radius:14px;background:#fff;border:1px solid var(--line)}.funnel-input span{font-size:12px;color:var(--muted)}.funnel-core{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:50%;background:linear-gradient(145deg,var(--purple),var(--blue));box-shadow:0 30px 65px rgba(88,70,216,.3)}.funnel-core span{font-size:22px}.funnel-core b{font-size:16px}.funnel-output{padding:30px;border-radius:20px;background:#17243a;color:#fff}.funnel-output>b{font-size:22px}.funnel-output div{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.funnel-output span{padding:8px 10px;border-radius:8px;background:#25344d;font-size:11px}.stack-cards{display:grid;gap:20px}.stack-card{position:sticky;top:105px;min-height:260px;padding:38px;display:grid;grid-template-columns:70px 1fr 150px;align-items:center;gap:30px;border-radius:28px;color:#fff;box-shadow:var(--shadow)}.stack-card>span{font-size:14px;font-weight:800;align-self:start}.stack-card p{max-width:600px;color:rgba(255,255,255,.74)}.stack-visual{display:grid;place-items:center;width:120px;height:120px;border-radius:30px;background:rgba(255,255,255,.14);font-size:38px}.participant{background:linear-gradient(135deg,#6d4cf5,#8f6bf7)}.manager{background:linear-gradient(135deg,#147bd1,#16a3d5)}.company{background:linear-gradient(135deg,#142137,#243654)}.customization{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.custom-copy p{color:var(--muted);font-size:17px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list span{padding:8px 12px;border:1px solid var(--line);border-radius:9px;font-size:12px}.custom-panel{display:grid;grid-template-columns:210px 1fr;min-height:430px;border:1px solid var(--line);border-radius:23px;background:#f3f5f9;padding:12px;box-shadow:var(--shadow)}.panel-controls{display:flex;flex-direction:column;gap:22px;padding:20px;font-size:12px}.panel-controls label{display:flex;flex-direction:column;gap:7px;color:#667185}.panel-controls input[type=color]{width:100%;height:35px;border:0;border-radius:7px}.switch-row{position:relative}.switch-row input{display:none}.switch-row i{width:34px;height:20px;border-radius:20px;background:var(--purple)}.panel-preview{--preview-brand:#6c4df6;overflow:hidden;border-radius:14px;background:#fff;transition:.2s}.preview-nav{height:48px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;color:var(--preview-brand);font-weight:800}.preview-nav i{width:25px;height:25px;border-radius:50%;background:#edf0f5}.preview-hero{margin:18px;padding:25px;border-radius:13px;background:linear-gradient(135deg,var(--preview-brand),#1d9ad5);color:#fff;transition:.3s}.preview-hero small,.preview-hero b{display:block}.preview-hero b{font-size:21px;margin:5px 0 18px}.preview-hero button{padding:8px 11px;border:0;border-radius:7px;background:#fff;color:var(--preview-brand);font-weight:700}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px}.preview-cards i{height:100px;border-radius:10px;background:linear-gradient(160deg,#e9ecf2,#f8f9fb)}.resources{width:100%;padding-left:max(20px,calc((100% - 1180px)/2));padding-right:max(20px,calc((100% - 1180px)/2));background:#111d31;color:#fff}.resource-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.resource-cloud span{padding:12px 16px;border:1px solid #334057;border-radius:11px;background:#1a2942;color:#d8deea;font-size:13px;animation:float 4s ease-in-out infinite;animation-delay:var(--d)}.note{text-align:center;margin:28px 0 0;color:#8e9aaf;font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{min-height:220px;padding:26px;border-radius:18px;background:var(--soft);border:1px solid #eceef3}.step>b{color:var(--purple)}.step h3{margin-top:45px}.step p{color:var(--muted);font-size:14px}.plan-intro{width:100%;padding-left:max(20px,calc((100% - 1180px)/2));padding-right:max(20px,calc((100% - 1180px)/2));background:#f5f6fa}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.model-card{padding:40px;border-radius:25px;background:#fff;border:1px solid var(--line)}.model-card>span{color:var(--purple);font-weight:800}.model-card p{color:var(--muted)}.model-card ul{padding:0;list-style:none}.model-card li{padding:9px 0;border-top:1px solid var(--line)}.model-card li:before{content:'✓';color:var(--green);margin-right:10px}.model-card.dark{background:#142137;color:#fff}.model-card.dark p{color:#aeb8c8}.model-card.dark li{border-color:#2c3950}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:18px;border-bottom:1px solid var(--line);font-size:13px}th{padding:24px 18px;background:#f7f8fb}th small{display:block;width:max-content;margin-top:7px;padding:4px 7px;border-radius:20px;background:#e9e5ff;color:var(--purple)}td:not(:first-child){color:#4f5d70}.corporate-block{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.people-scene{position:relative;height:480px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#e8eff8,#cbd7e7)}.screen{position:absolute;top:70px;right:38px;width:55%;height:260px;padding:28px;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.screen b{font-size:46px;color:var(--purple)}.screen span{display:block;color:var(--muted)}.screen i{display:block;height:12px;margin-top:17px;border-radius:10px;background:#e8e9f0}.screen i:nth-of-type(1){width:85%;background:#a996ff}.screen i:nth-of-type(2){width:65%;background:#56b9e7}.person{position:absolute;z-index:2;bottom:0}.person i{display:block;width:72px;height:72px;margin:auto;border-radius:50%;background:#b97c5c}.person span{display:block;width:150px;height:210px;border-radius:70px 70px 0 0}.p1{left:45px}.p1 span{background:#253b63}.p2{left:170px;transform:scale(.88)}.p2 span{background:#6c4df6}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:35px}.stat-row div{padding:20px;border-radius:14px;background:var(--soft)}.stat-row b,.stat-row span{display:block}.stat-row b{font-size:29px;color:var(--purple)}.stat-row span{font-size:12px;color:var(--muted)}.versus{width:100%;padding-left:max(20px,calc((100% - 1180px)/2));padding-right:max(20px,calc((100% - 1180px)/2));background:#f6f7fa}.versus-grid{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center}.versus-grid article{padding:38px;border-radius:24px;background:#fff;border:1px solid var(--line)}.versus-grid article>span{font-weight:800;color:#7b8595}.versus-grid ul{list-style:none;padding:0}.versus-grid li{padding:12px 0;border-top:1px solid var(--line)}.versus-grid li:before{content:'—';margin-right:8px;color:#9aa3b0}.versus-grid .dhn-side{background:linear-gradient(145deg,#6c4df6,#4230b4);color:#fff;border:0;transform:scale(1.04)}.dhn-side li{border-color:rgba(255,255,255,.18)}.dhn-side li:before{content:'✓';color:#8df0d0}.dhn-side>span{color:#dcd5ff!important}.vs{position:relative;z-index:2;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#15233a;color:#fff;font-weight:900}.simulator{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.sim-copy p{max-width:620px;color:var(--muted)}.slider-labels{display:flex;justify-content:space-between;margin-top:45px;font-size:12px;font-weight:700}.sim-copy input{--progress:25%;width:100%;height:7px;appearance:none;border-radius:10px;background:linear-gradient(90deg,var(--purple) var(--progress),#e5e8ef var(--progress))}.sim-copy input::-webkit-slider-thumb{appearance:none;width:25px;height:25px;border:6px solid #fff;border-radius:50%;background:var(--purple);box-shadow:0 3px 14px #7968c9}.sim-result{padding:38px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:var(--shadow)}.sim-result small{color:var(--muted)}.sim-result h3{font-size:30px;margin:7px 0 25px}.capacity,.price{padding:17px 0;border-top:1px solid var(--line)}.capacity span,.capacity b,.price span,.price b{display:block}.capacity span,.price span{font-size:11px;color:var(--muted)}.price b{font-size:28px;color:var(--purple)}.sim-result p{font-size:11px;color:var(--muted)}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{list-style:none;font-weight:750;cursor:pointer;padding-right:35px;position:relative}.faq-list summary:after{content:'+';position:absolute;right:4px;font-size:22px;color:var(--purple)}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:var(--muted);font-size:14px;padding-right:30px;margin:14px 0 0}.contact{width:min(1180px,calc(100% - 40px));display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:60px;margin-bottom:80px;border-radius:32px;background:#142137;color:#fff}.contact>div p{color:#aeb9c9}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact label{display:flex;flex-direction:column;gap:6px;color:#c8d0dc;font-size:12px}.contact input,.contact select,.contact textarea{width:100%;padding:14px;border:1px solid #344157;border-radius:10px;color:#fff;background:#1e2c43;font:inherit;outline:none}.contact input:focus,.contact textarea:focus{border-color:#8d76ff}.full{grid-column:1/-1}.contact small{color:#8190a6}footer{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px;padding:70px max(20px,calc((100% - 1180px)/2)) 25px;background:#f5f6f9}footer>div:not(.footer-brand):not(.footer-bottom){display:flex;flex-direction:column;gap:11px;font-size:13px;color:#657184}footer>div>b{color:var(--ink);margin-bottom:8px}.footer-brand p{max-width:320px;color:var(--muted);font-size:13px;margin-top:20px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:28px;border-top:1px solid #dfe3ea;color:#8490a0;font-size:11px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-5px)}}
@media(max-width:900px){.nav{display:none;position:absolute;top:76px;left:0;right:0;padding:18px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.nav.open{display:flex}.menu-toggle{display:block}.header-cta{display:none}.hero{min-height:auto}.dash-side{display:none}.dash-body{grid-template-columns:1fr}.fc-one{left:5px}.fc-two{right:5px}.three-grid,.steps{grid-template-columns:1fr 1fr}.funnel{grid-template-columns:1fr}.funnel-core{margin:auto}.customization,.corporate-block,.simulator,.faq-section,.contact{grid-template-columns:1fr}.custom-panel{grid-template-columns:170px 1fr}.versus-grid{grid-template-columns:1fr}.vs{margin:-8px auto}.versus-grid .dhn-side{transform:none}.contact{padding:35px}.stack-card{grid-template-columns:50px 1fr}.stack-visual{display:none}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.section{width:min(100% - 28px,1180px);padding:78px 0}.hero{width:100%;padding:130px 16px 60px}.hero-copy{text-align:left}.hero-copy>p{font-size:16px}.actions{justify-content:flex-start;flex-direction:column}.hero-points{align-items:flex-start;flex-direction:column;gap:8px}.dashboard-window{border-radius:14px}.dash-main{padding:14px}.metric-grid{grid-template-columns:1fr}.metric-grid div:nth-child(n+2){display:none}.course-row{grid-template-columns:1fr 1fr}.course-card:nth-child(3){display:none}.floating-card{display:none}.three-grid,.steps,.model-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.feature-icon{margin-bottom:45px}.funnel-core{width:150px;height:150px}.stack-card{padding:26px;grid-template-columns:1fr}.stack-card>span{display:none}.custom-panel{grid-template-columns:1fr}.panel-controls{display:none}.panel-preview{min-height:380px}.table-wrap{border-radius:12px}.people-scene{height:400px}.screen{right:15px}.p2{left:120px}.stat-row{grid-template-columns:1fr}.contact{width:calc(100% - 28px);padding:28px 20px}.contact form{grid-template-columns:1fr}.contact .full{grid-column:auto}footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{grid-column:auto;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Large stacked cards */
.stack-cards{gap:24px}
.stack-card{min-height:520px;padding:54px 58px;grid-template-columns:70px minmax(0,1fr) 240px;align-items:stretch;gap:38px;border-radius:32px}
.stack-card>div:nth-child(2){display:flex;flex-direction:column;justify-content:flex-end}
.stack-card h3{max-width:720px;margin-bottom:22px;font-size:clamp(38px,4.3vw,58px);line-height:1.02;letter-spacing:-.045em}
.stack-card p{max-width:720px;margin-bottom:0;font-size:17px}
.stack-visual{align-self:start;justify-self:end;width:180px;height:180px;border-radius:44px;font-size:58px}

@media(max-width:900px){
  .stack-card{min-height:430px;padding:42px;grid-template-columns:50px minmax(0,1fr);gap:28px}
  .stack-visual{display:none}
}

@media(max-width:600px){
  .stack-cards{gap:16px}
  .stack-card{min-height:380px;padding:30px 26px;grid-template-columns:1fr;border-radius:24px}
  .stack-card>span{display:block}
  .stack-card h3{font-size:clamp(32px,11vw,44px)}
  .stack-card p{font-size:15px}
}
.brand-mark{flex:0 0 40px;width:40px;height:40px;padding:3px;overflow:hidden;background:#f8ba05}
.brand-mark img{display:block;width:auto;height:24px;max-width:100%;object-fit:contain}
.compare-section{width:100%;padding-left:max(20px,calc((100% - 1180px)/2));padding-right:max(20px,calc((100% - 1180px)/2));background:#101010;color:#fff}
.compare-section .section-heading p{color:#aaa}.compare-section .eyebrow{border-color:#3a3a3a;background:#1b1b1b;color:#f8ba05}
.compare-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.compare-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px 28px;border:1px solid #2a2a2a;border-radius:20px;background:linear-gradient(180deg,#1a1a1a,#131313);transition:transform .25s,border-color .25s,box-shadow .25s}
.compare-card:hover{transform:translateY(-4px);border-color:#454545;box-shadow:0 20px 40px -20px #000}
.compare-card.featured{border-color:#f8ba05;background:linear-gradient(180deg,#222,#171717);box-shadow:0 0 0 1px rgba(248,186,5,.18),0 20px 60px -25px rgba(248,186,5,.3)}
.compare-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 13px;border-radius:99px;background:#f8ba05;color:#111;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.compare-type{color:#f8ba05;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.compare-card h3{margin:5px 0 8px;font-size:29px}.compare-tag{min-height:46px;margin-bottom:25px;color:#929292;font-size:14px}
.compare-price{display:flex;flex-direction:column;gap:7px;margin-bottom:26px;padding:8px 0 24px;border-bottom:1px solid #292929}.compare-price b{font-size:clamp(38px,4vw,54px);line-height:.95;letter-spacing:-.04em}.compare-price span{color:#999;font-size:13px}
.compare-card ul{display:flex;flex-direction:column;gap:13px;margin:0 0 28px;padding:0;list-style:none}.compare-card li{display:flex;gap:10px;color:#e4e4e4;font-size:14px}.compare-card li:before{content:'✓';flex:0 0 18px;color:#f8ba05;font-weight:900}
.compare-cta{margin-top:auto;padding:12px 18px;border:1px solid #454545;border-radius:10px;color:#fff;text-align:center;font-size:14px;font-weight:750;transition:.2s}.compare-cta:hover{border-color:#777;background:#222}.compare-cta.primary{border-color:#f8ba05;background:#f8ba05;color:#111}.compare-cta.primary:hover{background:#ffca2d}
.compare-note{margin:26px 0 0;color:#777;text-align:center;font-size:12px}
.compare-card .not-included-title{margin:8px 0 14px;padding-top:18px;border-top:1px solid #292929;color:#666;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.compare-card .not-included-list{margin-bottom:20px}.compare-card .not-included-list li{color:#666;font-size:13px}.compare-card .not-included-list li:before{content:'×';color:#555;font-size:20px;font-weight:400;line-height:16px}
.compare-extra{margin:0 0 25px;padding:11px 12px;border:1px solid rgba(248,186,5,.22);border-radius:9px;background:rgba(248,186,5,.06);color:#b6a772;font-size:11px;line-height:1.45}
@media(max-width:900px){.compare-cards{grid-template-columns:1fr 1fr}.compare-card.featured{order:-1}.compare-card:last-child{grid-column:1/-1}}
@media(max-width:600px){.compare-cards{grid-template-columns:1fr}.compare-card:last-child{grid-column:auto}.compare-card{padding:28px 22px}}
.steps-section{width:100%;padding-left:max(20px,calc((100% - 1180px)/2));padding-right:max(20px,calc((100% - 1180px)/2));overflow:hidden;background:#0f1110;color:#f5f4ed}
.steps-section .section-heading{max-width:850px;margin-left:auto;margin-right:auto}.steps-section .section-heading p{color:#96998f}.steps-section h2 em{color:#f8ba05;font-family:Georgia,serif;font-weight:400}.steps-section .eyebrow{border-color:#34372f;background:#1a1d19;color:#f8ba05}
.steps.steps-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(310px,auto);gap:16px}
.steps-bento .step{position:relative;min-height:310px;padding:30px;overflow:hidden;border:1px solid #30332d;border-radius:28px;background:linear-gradient(145deg,#20231e,#151714);isolation:isolate;transition:transform .35s,border-color .35s}
.steps-bento .step:hover{transform:translateY(-5px);border-color:#606556}.steps-bento .step-large{grid-column:span 2}.steps-bento .step-wide{grid-column:span 2}
.steps-bento .step:after{content:'';position:absolute;z-index:-1;width:240px;height:240px;right:-100px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(248,186,5,.18),transparent 68%)}
.step-copy{position:relative;z-index:2;max-width:330px}.steps-bento .step b{display:grid;place-items:center;width:38px;height:38px;border:1px solid #555a4c;border-radius:50%;color:#f8ba05;font-size:11px}.steps-bento .step h3{margin:22px 0 10px;font-size:clamp(24px,2.3vw,35px);letter-spacing:-.035em}.steps-bento .step p{max-width:310px;color:#9ca095;font-size:14px}
.step-visual{position:absolute;right:24px;bottom:24px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);box-shadow:0 18px 55px rgba(0,0,0,.25);backdrop-filter:blur(10px)}
.conversation{width:42%;height:62%;border-radius:24px;flex-direction:column;gap:14px}.conversation i{width:70%;height:10px;border-radius:10px;background:#3e4338}.conversation i:nth-child(2){width:52%;background:#f8ba05}.conversation span{color:#dadcd4;font-size:12px}
.pulse{width:150px;height:150px;border-radius:50%;flex-direction:column}.pulse:before{content:'';position:absolute;inset:15px;border:1px dashed #777d69;border-radius:50%}.pulse strong{font-size:32px;color:#f8ba05}.pulse span{color:#999d92;font-size:10px}
.map-lines{width:145px;height:110px;padding:20px;border-radius:20px;flex-direction:column;gap:12px}.map-lines i{width:100%;height:5px;border-radius:9px;background:linear-gradient(90deg,#f8ba05 45%,#44483e 45%)}.map-lines i:nth-child(2){background:linear-gradient(90deg,#f8ba05 72%,#44483e 72%)}.map-lines i:nth-child(3){background:linear-gradient(90deg,#f8ba05 88%,#44483e 88%)}
.progress-visual{width:155px;height:125px;padding:18px;border-radius:20px;align-items:flex-start;flex-direction:column;gap:11px}.progress-visual span{font-size:11px;color:#b9bcb4}.progress-visual i{width:100%;height:7px;border-radius:8px;background:#3d4138}.progress-visual i:nth-of-type(1){background:linear-gradient(90deg,#f8ba05 92%,#3d4138 92%)}.progress-visual i:nth-of-type(2){background:linear-gradient(90deg,#f8ba05 74%,#3d4138 74%)}
.validation{width:43%;height:62%;border-radius:24px;flex-direction:column;gap:12px}.validation strong{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#f8ba05;color:#111;font-size:32px}.validation span{font-size:12px;color:#d2d4ce}.care{width:145px;height:135px;border-radius:22px;flex-direction:column}.care span{color:#f8ba05;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.care strong{font-size:37px}
@media(max-width:900px){.steps.steps-bento{grid-template-columns:1fr 1fr}.steps-bento .step-large,.steps-bento .step-wide{grid-column:span 2}}
@media(max-width:600px){.steps-section{padding-left:14px;padding-right:14px}.steps.steps-bento{grid-template-columns:1fr;grid-auto-rows:auto}.steps-bento .step,.steps-bento .step-large,.steps-bento .step-wide{grid-column:auto;min-height:430px}.step-visual,.conversation,.validation{right:20px;bottom:20px;width:calc(100% - 40px);height:170px}}

/* Floating glass navigation */
.site-header{top:18px;width:min(920px,calc(100% - 32px));height:56px;padding:6px 7px 6px 10px;gap:16px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.8);box-shadow:inset 1px 1px 1px #fff,0 10px 35px rgba(21,24,31,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.site-header.scrolled{background:rgba(255,255,255,.9);box-shadow:inset 1px 1px 1px #fff,0 14px 38px rgba(21,24,31,.13)}
.site-header .brand{gap:7px;font-size:14px;font-weight:600;letter-spacing:-.02em}
.site-header .brand-mark{flex-basis:32px;width:32px;height:32px;padding:4px;border-radius:8px}
.site-header .brand-mark img{height:20px}
.site-header .nav{gap:15px;margin-left:auto;color:#111;font-size:12px;font-weight:500;letter-spacing:-.02em}
.site-header .nav a{opacity:.58;transition:opacity .2s,color .2s}
.site-header .nav a:hover{color:#000;opacity:1}
.site-header .header-cta{min-height:36px;padding:0 14px;border-radius:8px;background:#000;color:#fff;box-shadow:none;font-size:11px;font-weight:700}
.site-header .header-cta:hover{transform:none;background:#242424;box-shadow:none}

.problem-section{padding-bottom:24px}
.problem-section+.versus{padding-top:36px}

@media(max-width:900px){
  .site-header{height:56px;padding:6px 9px 6px 10px}
  .site-header .nav{top:64px;padding:12px;gap:2px;border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(21,24,31,.14);backdrop-filter:blur(14px)}
  .site-header .nav a{padding:11px 12px;border-radius:8px;opacity:.72}
  .site-header .nav a:hover{background:#f1f1f1}
}

/* Hero em alto contraste */
.hero{background:#000;color:#fff}
.hero-copy>p,.hero-points{color:#b8b8b8}
.hero .eyebrow{border-color:#383838;background:#171717;color:#fff}
.hero .button-ghost{border-color:#444;background:transparent;color:#fff}
.hero .button-ghost:hover{border-color:#777;background:#181818}
.hero .orb-one{background:radial-gradient(circle,rgba(108,77,246,.32),transparent 67%)}
.hero .orb-two{background:radial-gradient(circle,rgba(20,123,209,.25),transparent 67%)}
.hero h1 span{color:#f4c84a}
.hero .actions .button:not(.button-ghost){
  background:radial-gradient(ellipse 90% 110% at 78% 35%,#f4c84a 0%,#f1c141 45%,#e8b438 75%,#dca12a 100%);
  color:#17130a;
  box-shadow:0 12px 30px rgba(244,200,74,.25);
}
.hero .actions .button:not(.button-ghost):hover{
  box-shadow:0 16px 35px rgba(244,200,74,.38);
}

#solucao{
  width:100%;
  max-width:none;
  padding-left:max(20px,calc((100% - 1180px)/2));
  padding-right:max(20px,calc((100% - 1180px)/2));
  background:radial-gradient(ellipse 90% 110% at 78% 35%,#f4c84a 0%,#f1c141 45%,#e8b438 75%,#dca12a 100%);
}
#solucao .eyebrow{
  border-color:oklch(22% 0 0);
  background:transparent;
  color:oklch(22% 0 0);
}
#solucao .feature-card.featured{
  border-color:oklch(22% 0 0);
  background:oklch(22% 0 0);
  color:#fff;
}
#solucao .feature-card.featured p{color:#bdbdbd}
#solucao .feature-card:not(.featured) .feature-icon{
  background:rgba(0,0,0,.08);
  color:oklch(22% 0 0);
}

.problem-section,
.versus{background:oklch(22% 0 0)}

.versus-grid .dhn-side{
  background:radial-gradient(ellipse 90% 110% at 78% 35%,#f4c84a 0%,#f1c141 45%,#e8b438 75%,#dca12a 100%);
  color:oklch(22% 0 0);
}
.versus-grid .dhn-side>span{color:#59420e!important}
.versus-grid .dhn-side li{border-color:rgba(23,19,10,.2)}
.versus-grid .dhn-side li:before{color:oklch(22% 0 0)}
.versus-grid .vs{
  background:#e7e7e7;
  color:oklch(22% 0 0);
  border:1px solid #cfcfcf;
}

.problem-section{color:#fff}
.problem-section .eyebrow{
  border-color:rgba(244,200,74,.55);
  background:rgba(244,200,74,.12);
  color:#f4c84a;
}

.customization{
  width:100%;
  max-width:none;
  padding-left:max(20px,calc((100% - 1180px)/2));
  padding-right:max(20px,calc((100% - 1180px)/2));
  background:oklch(22% 0 0);
  color:#fff;
}
.customization .custom-copy p{color:#b8b8b8}
.customization .eyebrow{
  border-color:rgba(244,200,74,.55);
  background:rgba(244,200,74,.12);
  color:#f4c84a;
}
.customization .tag-list span{border-color:#555;color:#e8e8e8}

.resources{background:#000}
.resources .resource-cloud span{
  border-color:oklch(35% 0 0);
  background:oklch(22% 0 0);
  color:#e8e8e8;
}

.model-card>span{color:#f4c84a}
.model-card.dark>span{color:#f4c84a}

.corporate-block .screen b{color:#f4c84a}
.corporate-block .stat-row b{color:oklch(32% 0 0)}
.corporate-block .screen i:nth-of-type(1){background:#f4c84a}
.corporate-block .person.p2 span{background:#f4c84a}

.simulator{
  width:100%;
  max-width:none;
  padding-left:max(20px,calc((100% - 1180px)/2));
  padding-right:max(20px,calc((100% - 1180px)/2));
  background:radial-gradient(ellipse 90% 110% at 78% 35%,#f4c84a 0%,#f1c141 45%,#e8b438 75%,#dca12a 100%);
}
.simulator .sim-copy p{color:#59420e}
.simulator .sim-copy input{
  background:linear-gradient(90deg,oklch(32% 0 0) var(--progress),rgba(50,50,50,.25) var(--progress));
}
.simulator .sim-copy input::-webkit-slider-thumb{
  background:oklch(32% 0 0);
  box-shadow:0 3px 14px rgba(0,0,0,.28);
}
.simulator .sim-result .button{
  background:oklch(22% 0 0);
  color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}
.simulator .sim-result .button:hover{
  background:oklch(30% 0 0);
  box-shadow:0 16px 32px rgba(0,0,0,.28);
}

footer{
  background:radial-gradient(ellipse 90% 110% at 78% 35%,#f4c84a 0%,#f1c141 45%,#e8b438 75%,#dca12a 100%);
  color:#17130a;
}
footer>div:not(.footer-brand):not(.footer-bottom){color:#59420e}
footer>div>b{color:#17130a}
.footer-brand p{color:#59420e}
.footer-bottom{border-color:rgba(23,19,10,.25);color:#59420e}

/* Eyebrows: somente linha e texto, adaptados ao fundo */
.eyebrow,
#solucao .eyebrow,
.problem-section .eyebrow,
.customization .eyebrow{
  background:transparent;
  border-color:oklch(22% 0 0);
  color:oklch(22% 0 0);
}

.hero .eyebrow,
.problem-section .eyebrow,
.versus .eyebrow,
.customization .eyebrow,
.resources .eyebrow,
.steps-section .eyebrow,
.compare-section .eyebrow,
.contact .eyebrow{
  background:transparent;
  border-color:#f4c84a;
  color:#f4c84a;
}
.contact .button{
  background:radial-gradient(ellipse 90% 110% at 78% 35%,#f4c84a 0%,#f1c141 45%,#e8b438 75%,#dca12a 100%);
  color:oklch(22% 0 0);
  box-shadow:0 12px 30px rgba(244,200,74,.25);
}
.contact .button:hover{
  box-shadow:0 16px 35px rgba(244,200,74,.38);
}
.faq-list summary:after{color:#f4c84a}
.simulator .price b{color:#a66f00}

.brand-mark{
  width:46px;
  height:46px;
  padding:0;
  background:transparent;
}
.brand-mark img{height:38px}
.site-header .brand-mark{
  flex-basis:32px;
  width:32px;
  height:32px;
  padding:4px;
  border-radius:8px;
  background:#f8ba05;
}
.site-header .brand-mark img{height:20px}
.site-header .header-cta{
  background:linear-gradient(135deg,#f4c84a,#dca12a);
  color:oklch(22% 0 0);
}
.site-header .header-cta:hover{
  background:#f4c84a;
  color:oklch(22% 0 0);
}

/* Paleta dos três níveis da plataforma */
.stack-card.participant{
  background:linear-gradient(135deg,#f4c84a,#dca12a);
  color:oklch(22% 0 0);
}
.stack-card.participant p{color:rgba(25,25,25,.7)}
.stack-card.participant .stack-visual{background:rgba(255,255,255,.2)}

.stack-card.manager{
  background:linear-gradient(135deg,#eeece5,#d7d3c9);
  color:oklch(22% 0 0);
  border:1px solid #c9c5bb;
}
.stack-card.manager p{color:rgba(25,25,25,.68)}
.stack-card.manager .stack-visual{background:rgba(255,255,255,.32)}

.stack-card.company{
  background:linear-gradient(135deg,oklch(27% 0 0),oklch(18% 0 0));
  color:#fff;
}
.stack-card.company p{color:rgba(255,255,255,.7)}

.hero .dashboard-window{
  border:1px solid rgba(244,200,74,.25);
  border-radius:30px;
  background:#090b0e;
  box-shadow:0 42px 100px rgba(0,0,0,.55),0 0 60px rgba(244,200,74,.08);
  transform:none;
}
@media(max-width:600px){
  .hero .dashboard-window{border-radius:18px}
}

/* Paleta padrão aplicada ao dashboard, sem alterar o layout */
.hero .browser-bar{background:#171717;border-color:#2d2d2d}
.hero .browser-bar span{color:#aaa}
.hero .dash-side{background:#171717;color:#aaa}
.hero .dash-side b{background:#f4c84a;color:oklch(22% 0 0)}
.hero .mini-logo{background:#f4c84a;color:oklch(22% 0 0)}
.hero .dash-main{background:#f4f2ec}
.hero .avatar{background:#f4c84a;color:oklch(22% 0 0)}
.hero .course-card.c1{background:linear-gradient(135deg,#f4c84a,#dca12a);color:oklch(22% 0 0)}
.hero .course-card.c2{background:linear-gradient(135deg,oklch(27% 0 0),oklch(18% 0 0));color:#fff}
.hero .course-card.c3{background:linear-gradient(135deg,#dedbd3,#cbc7bd);color:oklch(22% 0 0)}
.hero .dash-side>span{color:#d0d0d0}
.hero .dash-top small{color:#626262}
.hero .dash-top h3,.hero .dash-main h4{color:#171717}
.hero .metric-grid b{color:oklch(32% 0 0)}
.hero .metric-grid small{color:oklch(38% 0 0)}
.hero .course-card.c1 span,
.hero .course-card.c1 b,
.hero .course-card.c1 em,
.hero .course-card.c3 span,
.hero .course-card.c3 b,
.hero .course-card.c3 em{color:#171717;opacity:1}
.hero .course-card.c2 span,
.hero .course-card.c2 b,
.hero .course-card.c2 em{color:#fff}
.hero .course-card.c2 span,
.hero .course-card.c2 em{opacity:.82}
.hero .floating-card b{color:#795100}
.hero .floating-card span{color:#555}

.custom-showcase{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.custom-showcase img{
  display:block;
  width:100%;
  height:auto;
}

.corporate-image{
  overflow:visible;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.corporate-image img{
  display:block;
  width:100%;
  height:auto;
}

@media(max-width:600px){
  .custom-showcase{border-radius:0}
  .corporate-image{border-radius:0}
}