@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101b35;--blue:#246bfd;--mint:#19b99a;--amber:#ffb547;--purple:#9b6beb;--coral:#f16d79;--paper:#f5f7fb;--muted:#66718a;--line:#e5e9f1;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--navy);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.section-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.site-header{height:82px;padding:0 max(32px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;background:#fff;position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:11px;font:800 21px Manrope,sans-serif;letter-spacing:.11em}.brand-mark{height:25px;display:flex;align-items:center;gap:3px}.brand-mark i{display:block;width:4px;border-radius:5px;background:var(--blue)}.brand-mark i:nth-child(1),.brand-mark i:nth-child(5){height:10px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:18px;background:var(--mint)}.brand-mark i:nth-child(3){height:25px;background:var(--purple)}.main-nav{display:flex;align-items:center;gap:37px;font-size:13px;font-weight:600;color:#526078}.main-nav a:hover{color:var(--blue)}.nav-cta{padding:12px 17px;border-radius:8px;background:var(--navy);color:#fff!important}.nav-cta span{padding-left:12px}.menu-toggle{display:none;border:0;background:none;font-size:24px;color:var(--navy)}
.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:55px;padding-bottom:65px}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.18em;color:#78839a}.pulse{display:inline-block;width:7px;height:7px;background:var(--mint);border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px #19b99a1c}.hero h1,.intro h2,.features-heading h2,.roles-heading h2,.closing h2,.contact h2{font:800 clamp(43px,5vw,66px)/1.08 Manrope,sans-serif;letter-spacing:-.055em;margin:25px 0}.hero h1 span,.intro h2 span,.roles-heading h2 span,.contact h2 span{color:var(--blue)}.hero-lead{max-width:510px;color:#647089;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;gap:28px;padding:16px 20px;border-radius:8px;font-size:13px;font-weight:700}.button-primary{background:var(--blue);color:white;box-shadow:0 12px 25px #246bfd30}.button-primary:hover{transform:translateY(-2px)}.text-link{font-size:12px;font-weight:700;color:#526078}.hero-note{margin-top:55px;color:#8a94a8;font-size:11px}.note-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:8px}.hero-art{height:520px;position:relative;border-radius:28px;background:linear-gradient(140deg,#f0f4ff,#f8f7ff 55%,#effaf8);overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#cbd5ea35 1px,transparent 1px),linear-gradient(90deg,#cbd5ea35 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(135deg,#000,transparent 80%)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:300px;height:300px;right:-80px;top:-100px;background:#246bfd1b}.orb-two{width:230px;height:230px;left:-100px;bottom:-100px;background:#19b99a22}.phone{position:absolute;width:238px;height:430px;left:50%;top:47px;transform:translateX(-50%) rotate(-4deg);border:7px solid #17233e;border-radius:34px;background:#fff;box-shadow:0 25px 60px #16264b30;padding:13px 13px 0;z-index:2}.phone-top{display:flex;justify-content:space-between;font-size:8px;font-weight:700;padding:0 5px 12px}.phone-brand{display:flex;align-items:center;gap:6px;font:800 10px Manrope;letter-spacing:.12em}.brand-mark.small{height:15px;gap:2px}.brand-mark.small i{width:2px}.brand-mark.small i:nth-child(1),.brand-mark.small i:nth-child(5){height:6px}.brand-mark.small i:nth-child(2),.brand-mark.small i:nth-child(4){height:11px}.brand-mark.small i:nth-child(3){height:15px}.avatar{margin-left:auto;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#f0eaff;color:#8b62d8;font-size:10px}.phone-greeting{font:800 17px Manrope;margin-top:20px}.phone-greeting span{color:var(--amber)}.phone-sub{font-size:8px;color:#8b95a8;margin-top:5px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.quick-tile{height:77px;border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;font-weight:700}.quick-tile b{font-size:19px}.tile-blue{background:#eaf0ff;color:#2867eb}.tile-mint{background:#e7f8f4;color:#119b80}.tile-coral{background:#fff0f0;color:#e45e6a}.tile-amber{background:#fff6e8;color:#c78721}.phone-section{display:flex;justify-content:space-between;margin-top:20px;font-size:9px}.phone-section span{color:var(--blue);font-size:8px}.phone-event{display:flex;gap:9px;align-items:center;margin-top:10px;background:#f6f7fb;border-radius:9px;padding:10px}.event-icon{width:30px;height:30px;background:#e8eaff;border-radius:8px;display:grid;place-items:center}.phone-event b,.phone-event small{display:block;font-size:8px}.phone-event small{font-size:7px;color:#929bad;margin-top:4px}.phone-bottom{position:absolute;bottom:0;left:0;right:0;height:42px;border-top:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-around;color:#9ba4b5;font-size:14px}.bottom-active{width:26px;height:26px;border-radius:9px;background:var(--blue);color:#fff;display:grid;place-items:center}.float-card{position:absolute;z-index:4;background:#fff;border:1px solid #edf0f7;box-shadow:0 15px 40px #253b6618;border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px}.float-card b,.float-card small{display:block}.float-card b{font-size:10px}.float-card small{font-size:8px;color:#8993a5;margin-top:4px}.card-idea{top:125px;left:18px}.card-message{right:10px;bottom:105px}.mini-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:15px}.mint{background:#e3f8f2;color:#13a485}.violet{background:#f0eaff;color:#8a62d6}.card-check{color:var(--mint);font-weight:800}.art-caption{position:absolute;bottom:20px;left:23px;color:#8792a8;font-size:8px;letter-spacing:.14em}.art-caption span{color:var(--blue);margin-right:8px}
.trust-strip{background:var(--paper);padding:23px 0}.strip-inner{display:flex;align-items:center;justify-content:space-between;color:#8993a6}.strip-inner>span{font-size:9px;letter-spacing:.14em;font-weight:700}.strip-inner b{font:700 13px Manrope;color:#536078}.strip-inner i{width:4px;height:4px;border-radius:50%;background:#c6cedc}
.intro{padding-top:112px;padding-bottom:115px}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.intro h2,.roles-heading h2,.contact h2{font-size:45px;margin:24px 0}.intro-text{color:#68748c;font-size:14px;line-height:1.9}.intro-text p+p{margin-top:14px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:75px}.principles article{position:relative;border-top:1px solid var(--line);padding-top:27px}.principle-num{position:absolute;right:0;top:27px;color:#a8b0bf;font-size:10px}.principle-icon,.feature-symbol{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:700}.icon-blue,.symbol-blue{background:#eaf0ff;color:var(--blue)}.icon-mint,.symbol-mint{background:#e6f8f3;color:#11a588}.icon-amber,.symbol-amber{background:#fff5e6;color:#d08d25}.principles h3{font:700 17px Manrope;margin:22px 0 9px}.principles p{font-size:12px;line-height:1.7;color:#7b869a;max-width:270px}
.features-section{background:var(--navy);color:#fff;padding:105px 0 115px}.light-kicker{color:#9ba9c2}.features-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.features-heading h2,.closing h2{font-size:46px;margin:24px 0 48px}.features-heading h2 span,.closing h2 span{color:#81a8ff}.features-heading p{max-width:310px;color:#a9b5ca;font-size:13px;line-height:1.8;margin-bottom:50px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:300px;border:1px solid #ffffff18;background:#1a2948;border-radius:15px;padding:25px;position:relative;overflow:hidden}.feature-card:hover{background:#203152;transform:translateY(-3px);transition:.25s}.feature-large{grid-row:span 2;min-height:614px;background:linear-gradient(145deg,#1c3155,#192641)}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-index{font-size:8px;letter-spacing:.14em;color:#8e9db7}.feature-card h3{font:700 23px/1.25 Manrope;letter-spacing:-.03em;margin:28px 0 12px}.feature-card p{font-size:11px;line-height:1.8;color:#aab6cb;max-width:290px}.idea-visual{position:absolute;bottom:32px;left:28px;right:28px;height:205px;border-radius:13px;background:linear-gradient(135deg,#243f6a,#29305d);overflow:hidden}.idea-bubble{position:absolute;left:20px;top:22px;padding:14px 18px;border-radius:12px 12px 12px 3px;background:#fff;color:var(--navy);font:700 13px/1.5 Manrope}.idea-spark{position:absolute;right:34px;top:35px;font-size:37px;color:#ffbd57}.idea-line{position:absolute;width:160px;height:100px;border:1px dashed #84a5ff;border-left:0;border-bottom:0;right:20px;bottom:20px;border-radius:0 30px 0 0;transform:rotate(-10deg)}.idea-tag{position:absolute;left:20px;bottom:20px;color:#9bb7ff;font-size:8px;letter-spacing:.15em}.symbol-coral{background:#4b303f;color:#ff8992}.symbol-violet{background:#3c3459;color:#b69aff}.symbol-amber{background:#4a3c2e;color:#ffc66c}.mini-progress{position:absolute;bottom:28px;left:25px;right:25px;display:flex;align-items:center;gap:5px}.mini-progress span{height:5px;flex:1;background:#344a6e;border-radius:9px}.mini-progress span:first-child{background:var(--mint)}.mini-progress b{font-size:8px;color:#9fddce;margin-left:5px}.report-lines{position:absolute;bottom:27px;left:25px;right:25px}.report-lines span{display:block;height:5px;border-radius:9px;background:#344765;margin:7px 0;width:80%}.report-lines span:nth-child(2){width:60%}.report-lines span:nth-child(3){width:40%}.report-lines b{display:block;color:#ff9aa1;font-size:8px;margin-top:12px}.comm-visual{position:absolute;bottom:25px;left:25px;right:25px;display:flex;align-items:center;gap:8px}.comm-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#574b81;color:#d2c5ff;font-size:10px}.comm-bar{height:5px;width:60px;border-radius:8px;background:#53617d}.comm-bar.short{width:30px}.comm-badge{margin-left:auto;font-size:7px;color:#c4b4ff;background:#453b65;padding:6px;border-radius:5px}.community-visual{position:absolute;bottom:30px;left:25px;right:25px;display:flex;gap:12px;align-items:center;color:#b7c4d8;font-size:8px}.community-avatars{margin-left:auto;color:#b69aff;letter-spacing:-3px}.event-visual{position:absolute;bottom:25px;left:25px;right:25px;display:flex;align-items:center;gap:12px;background:#283a59;border-radius:9px;padding:12px}.event-visual>b{font:800 27px Manrope;color:#ffc66c}.event-visual span{font-size:8px;line-height:1.5;color:#fff;letter-spacing:.1em}.event-visual small{color:#aab8d0}.event-visual i{margin-left:auto;color:#91adff;font-style:normal}
.roles{padding-top:110px;padding-bottom:115px}.roles-heading{display:flex;align-items:end;justify-content:space-between;gap:45px}.roles-heading h2{font-size:43px}.roles-heading p{max-width:310px;color:#778299;font-size:13px;line-height:1.8;margin-bottom:30px}.role-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.role-panel{border-radius:17px;padding:30px 34px 35px;overflow:hidden}.role-employee{background:#f0f4ff}.role-hr{background:#eef9f6}.role-label{font-size:9px;font-weight:700;letter-spacing:.15em;color:#73809a}.role-art{height:195px;position:relative;margin:8px 0 20px}.person-circle{position:absolute;left:50%;top:40px;transform:translateX(-50%);width:110px;height:110px;border-radius:50%;background:linear-gradient(145deg,#246bfd,#8c83ff);display:grid;place-items:center;color:#fff;font-size:38px;box-shadow:0 18px 40px #246bfd3b}.bubble{position:absolute;padding:10px 14px;border-radius:8px;background:#fff;box-shadow:0 8px 20px #253b6612;font-size:9px;font-weight:700}.bubble-a{left:8%;top:45px;color:#286bfd}.bubble-b{right:2%;top:78px;color:#12a487}.bubble-c{left:20%;bottom:9px;color:#9167d7}.dashboard-card{position:absolute;left:50%;top:25px;transform:translateX(-50%);width:75%;height:150px;border-radius:12px;background:#fff;box-shadow:0 15px 35px #1a6e5420;padding:15px}.dash-head{display:flex;justify-content:space-between;font:700 10px Manrope}.dash-dots{color:#9aa5b4}.dash-stats{display:flex;justify-content:space-between;margin-top:15px}.dash-stats b,.dash-stats small{display:block}.dash-stats b{font:800 17px Manrope;color:#1c3150}.dash-stats small{font-size:7px;color:#9aa5b4;margin-top:3px}.dash-bars{height:45px;display:flex;align-items:end;gap:8px;margin-top:5px}.dash-bars i{flex:1;border-radius:3px 3px 0 0;background:#a9e6d7;height:40%}.dash-bars i:nth-child(2){height:65%}.dash-bars i:nth-child(3){height:48%}.dash-bars i:nth-child(4){height:90%;background:#55c9ad}.dash-bars i:nth-child(5){height:70%}.dash-bars i:nth-child(6){height:100%;background:#55c9ad}.dash-bars i:nth-child(7){height:78%}.dash-float{position:absolute;right:3%;bottom:15px;background:#fff;padding:10px 13px;border-radius:8px;box-shadow:0 8px 25px #1a6e541c;color:#159b7e;font-size:9px;font-weight:700}.role-panel h3{font:800 27px/1.18 Manrope;letter-spacing:-.04em;margin:0 0 12px}.role-panel p{font-size:12px;color:#6f7c92;line-height:1.8;max-width:420px}.role-panel ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}.role-panel li{font-size:11px;color:#536078}.role-panel li:before{content:"✓";color:var(--mint);font-weight:800;margin-right:10px}
.closing{background:linear-gradient(115deg,#1c3f8e,#245fe0 60%,#3476f4);color:#fff;position:relative;overflow:hidden;padding:95px 0}.closing-inner{position:relative;z-index:2}.closing h2{font-size:53px;margin:25px 0 17px}.closing h2 span{color:#a9c7ff}.closing p{max-width:480px;color:#d5e1ff;font-size:13px;line-height:1.8}.button-light{margin-top:18px;background:#fff;color:#1d4fb4}.closing-shape{position:absolute;border:1px solid #ffffff20;border-radius:50%}.shape-a{width:540px;height:540px;right:-80px;top:-250px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff06}.shape-b{width:240px;height:240px;right:20%;bottom:-190px;background:#ffffff0b}
.contact{padding-top:95px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact h2{font-size:49px}.contact-copy p{font-size:14px;line-height:1.9;color:#6e7a91;max-width:480px}.contact-status{display:inline-flex;align-items:center;gap:9px;margin-top:15px;padding:10px 13px;border-radius:7px;background:#eaf8f4;color:#139a7f;font-size:9px;font-weight:700;letter-spacing:.1em}.contact-status i{width:6px;height:6px;border-radius:50%;background:#19b99a}
.site-footer{min-height:90px;padding:20px max(32px,calc((100vw - 1160px)/2));border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#929bad;font-size:10px}.footer-brand{color:var(--navy);font-size:16px}.footer-brand .brand-mark{transform:scale(.8);transform-origin:left center}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:25px;padding-top:75px}.hero-copy{max-width:650px}.hero-art{max-width:600px;width:100%;margin:auto}.intro-grid{gap:35px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-large{grid-row:span 1;min-height:420px}.idea-visual{height:130px}.features-heading,.roles-heading{display:block}.features-heading p,.roles-heading p{margin-top:-25px}.site-footer{gap:15px;flex-wrap:wrap}.contact{gap:30px}}
@media(max-width:640px){.section-wrap{width:calc(100% - 40px)}.site-header{height:70px;padding:0 20px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.main-nav.open{display:flex}.nav-cta{text-align:center}.hero{padding-top:55px;min-height:auto}.hero h1{font-size:48px}.hero-lead{font-size:14px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-note{margin-top:30px}.hero-art{height:460px}.phone{transform:translateX(-50%) rotate(-3deg) scale(.9);transform-origin:top center;top:35px}.card-idea{left:7px;top:105px}.card-message{right:5px;bottom:75px}.float-card{padding:9px;gap:7px}.float-card b{font-size:8px}.float-card small{font-size:7px}.strip-inner{justify-content:center;gap:13px;flex-wrap:wrap}.strip-inner>span{width:100%;text-align:center}.strip-inner b{font-size:11px}.intro,.roles{padding-top:75px;padding-bottom:75px}.intro-grid{grid-template-columns:1fr;gap:10px}.intro h2,.roles-heading h2{font-size:37px}.principles{grid-template-columns:1fr;gap:20px;margin-top:45px}.principles article{padding-top:18px}.principle-num{top:18px}.principle-icon{width:38px;height:38px}.principles h3{margin-top:14px}.features-section{padding:75px 0}.features-heading h2{font-size:36px;margin-bottom:35px}.features-heading p{margin-bottom:30px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:270px}.feature-large{min-height:390px}.role-panels{grid-template-columns:1fr}.role-panel{padding:25px}.role-art{height:175px}.closing{padding:75px 0}.closing h2{font-size:42px}.contact{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px;gap:5px}.contact h2{font-size:42px}.site-footer{padding:25px 20px;display:grid;grid-template-columns:1fr 1fr}.site-footer>span:last-child{grid-column:1/-1}.footer-brand{grid-column:1/-1}}