.marketing{background:#f7f9f4;color:#173027;overflow:hidden}
.marketing *{box-sizing:border-box}
.marketing-nav{height:80px;background:#10251c;border-bottom:1px solid #ffffff24;color:#eaf4e8;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(24px,5vw,80px)}
.marketing-nav img{display:block;width:210px}
.marketing-nav nav{display:flex;align-items:center;gap:32px}
.marketing-nav nav a,.marketing-footer a{color:#d0ddcf;font-size:14px;text-decoration:none}
.marketing-nav nav a:hover,.marketing-footer a:hover{color:#fff}
.marketing-signin{background:#ffffff14;border:1px solid #a5c4a770;color:#fff;border-radius:99px;padding:11px 21px}
.marketing-hero{position:relative;background:radial-gradient(circle at 80% 32%,#35735372,transparent 30%),radial-gradient(circle at 34% 91%,#486f3938,transparent 30%),#10251c;color:#f4f8f0;min-height:625px;padding:75px clamp(24px,5vw,80px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center}
.marketing-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.marketing-hero .hero-glow{position:absolute;inset:0;pointer-events:none}
.hero-copy,.hero-product{position:relative;z-index:1}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid #9abb9b60;background:#ffffff0d;color:#dbead8;border-radius:100px;padding:8px 14px;font-size:12px;margin-bottom:25px}
.hero-kicker span{width:7px;height:7px;background:#bde39c;border-radius:50%;box-shadow:0 0 12px #ccefb0}
.marketing-hero h1{color:#fff;font:800 clamp(42px,4.8vw,76px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.06em;max-width:780px}
.marketing-hero h1 em{font-style:normal;color:#c6dda3}
.marketing-hero p{font-size:18px;line-height:1.6;color:#c3d4c6;max-width:590px;margin:25px 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.hero-primary{background:#d8edae;border:1px solid #d8edae;color:#173924;border-radius:11px;padding:15px 20px;font:800 14px Manrope}
.hero-primary:hover{background:#efffc9}
.hero-primary span,.price-action span{margin-left:20px}
.hero-secondary{color:#eff8e9;text-decoration:none;font:700 14px Manrope;padding:12px 4px}
.hero-secondary span{margin-left:14px}
.hero-caption{color:#aabeb0;margin-top:16px;font-size:12px}
.hero-product{padding:22px 9px 35px;perspective:1100px}
.product-window{background:#f7faf4;border:1px solid #bdd5c24d;border-radius:18px;overflow:hidden;box-shadow:0 28px 70px #03130a88,0 0 80px #84be8b3a;transform:rotateY(-7deg) rotateX(2deg)}
.product-top{height:37px;background:#ebf0e9;border-bottom:1px solid #d9e5db;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#6b7e70;font-size:10px}
.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;background:#91ac9a;border-radius:50%}.window-dots i:nth-child(2){background:#c8a964}.window-dots i:nth-child(3){background:#659b79}
.product-body{display:grid;grid-template-columns:55px 1fr;min-height:350px}
.mini-rail{background:#19372a;color:#9bb9a1;padding:18px 0;display:flex;flex-direction:column;align-items:center;gap:23px}
.mini-rail-logo{width:27px;height:27px;background:#c5e29b;color:#193c26;border-radius:8px;display:grid;place-items:center;font-weight:900;margin-bottom:10px}
.mini-rail b{color:#e0f1db}.mini-main{padding:30px 28px;color:#153426}.mini-label{font:800 9px Manrope;letter-spacing:.13em;color:#769361}.mini-main h3{font-size:26px;letter-spacing:-.05em;margin:8px 0}.mini-main p{color:#7d927f;margin:0;font-size:12px}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}
.mini-stats>div{background:#fff;border:1px solid #dce9db;border-radius:11px;padding:14px;min-height:86px;position:relative}
.mini-stats small{color:#708674;font-size:9px}.mini-stats strong{display:block;font:800 21px Manrope;margin-top:5px}.mini-dot{position:absolute;right:12px;bottom:12px;width:7px;height:7px;border-radius:50%}.mini-dot.green{background:#52a975}.mini-dot.gold{background:#c9a860}.mini-dot.rust{background:#bd8065}
.mini-work{background:#fff;border:1px solid #dce9db;border-radius:11px;padding:18px}.mini-work strong{display:block;font-size:15px;line-height:1.22;margin:10px 0 6px}.mini-work p{font-size:10px}.mini-line{height:9px;width:85%;background:#e7efe6;border-radius:5px;margin-top:11px}.mini-line.short{width:58%}
.floating-note{position:absolute;right:-10px;bottom:9px;display:flex;align-items:center;gap:11px;background:#fff;color:#24523a;border:1px solid #dce8dd;border-radius:11px;box-shadow:0 12px 30px #03190b55;padding:14px 17px}.floating-note>span{font-size:23px;color:#298b5b}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:11px}.floating-note small{font-size:9px;color:#798c7d}
.marketing-ribbon{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#deead7;color:#5a7b5c;padding:20px clamp(24px,5vw,80px);font:800 11px Manrope;letter-spacing:.15em}
.marketing-section{max-width:1440px;margin:auto;padding:106px clamp(24px,5vw,80px)}
.section-kicker{font:800 11px Manrope;letter-spacing:.17em;color:#5c8a69;margin-bottom:17px}
.section-split{display:grid;grid-template-columns:1fr .73fr;gap:60px;align-items:end}
.section-split h2,.learning-promo h2,.marketing-final h2{font:800 clamp(32px,3.5vw,54px)/1.12 Manrope;letter-spacing:-.055em}
.section-split p,.learning-promo p,.marketing-final p{color:#6b8071;font-size:17px;line-height:1.6}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}
.feature-grid article{background:#fff;border:1px solid #e0e9dd;border-radius:16px;padding:25px;min-height:250px}
.feature-icon{width:45px;height:45px;border-radius:11px;background:#e8f1df;color:#356a4c;display:grid;place-items:center;font:800 14px Manrope}
.feature-grid h3{font-size:18px;margin:28px 0 10px}.feature-grid p{color:#6b7d70;font-size:14px;line-height:1.55}
.learning-promo{max-width:none;background:#eaf0e8;display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:70px}
.learning-promo>div:first-child{max-width:600px;justify-self:end}.learning-promo p{margin:21px 0 27px}
.learning-preview{display:flex;align-items:center;gap:17px;perspective:900px}.promo-cover{width:220px;height:300px;flex-shrink:0;border-radius:13px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 22px 35px #0c2e1936;transform:rotateY(-7deg)}
.promo-cover.blue{background:radial-gradient(circle at 82% 19%,#719cb889,transparent 45%),linear-gradient(135deg,#172f3e,#275b6b)}.promo-cover.green{background:radial-gradient(circle at 83% 24%,#85ab6680,transparent 46%),linear-gradient(135deg,#17432e,#10271e);transform:translateY(32px) rotateY(-7deg)}
.promo-cover span,.promo-cover small{color:#d1e5d2;font:800 11px Manrope;letter-spacing:.09em}.promo-cover strong{font:800 24px/1.17 Manrope;letter-spacing:-.04em}
.sim-promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:48px}.sim-promo-grid>div{display:grid;gap:9px;border-top:2px solid #8aaa8e;padding:21px 12px 7px}.sim-promo-grid span{font:800 13px Manrope;color:#57876a}.sim-promo-grid strong{font:800 16px Manrope}.sim-promo-grid small{font-size:13px;line-height:1.5}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;margin-top:44px}.pricing-card{background:#fff;border:1px solid #d7e4d6;border-radius:18px;padding:34px;box-shadow:0 8px 27px #193d2212}.pricing-card.featured{background:#19392b;border-color:#1a5237;color:#fff}.pricing-tag{color:#5b8e69;font:800 10px Manrope;letter-spacing:.16em}.featured .pricing-tag{color:#c9dfa8}.pricing-card h3{font-size:28px;margin:14px 0}.pricing-card.featured h3{color:#fff}.pricing-card p{color:#718377;font-size:15px;max-width:390px}.pricing-card.featured p{color:#b8ceba}.price{font:800 43px Manrope;letter-spacing:-.05em;margin-top:28px}.price small{font-size:14px;color:#849887}.featured .price small{color:#b6cdbb}.price-caption{font-size:12px;color:#829486}.featured .price-caption{color:#b7cbb8}.price-action{background:#dcecc9;border-color:#dcecc9;color:#1c3f2a;border-radius:10px;padding:14px 18px;margin:24px 0;width:100%;display:flex;justify-content:space-between}.featured .price-action{background:#d8edae;border-color:#d8edae}.pricing-card ul{border-top:1px solid #dce8dc;padding:20px 0 0 19px;margin:0;color:#526f5a;font-size:14px;line-height:2}.featured ul{border-color:#426c4d;color:#d6e5d3}.pricing-foot{font-size:13px;color:#839486;margin-top:24px}
.marketing-final{text-align:center;background:#142f23;color:#fff;padding:92px 24px}.marketing-final h2{color:#fff}.marketing-final p{color:#c4d3c5;margin:15px 0 28px}
.marketing-footer{background:#10251b;color:#b1c5b6;padding:35px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px}.marketing-footer img{width:175px}
.sign-in-page{min-height:100vh;background:radial-gradient(circle at 25% 20%,#2f674684,transparent 35%),#10291d;display:grid;grid-template-columns:1fr 1fr}.sign-in-brand{padding:10vw 6vw;color:#d7ead5}.sign-in-brand img{width:min(330px,80%)}.sign-in-brand p{font:800 clamp(25px,3vw,45px)/1.2 Manrope;max-width:500px;margin-top:60px}.sign-in-card{align-self:center;justify-self:center;background:#fff;border-radius:20px;padding:40px;width:min(500px,calc(100% - 32px));box-shadow:0 35px 80px #04180a55}.sign-in-card .eyebrow{margin-top:28px}.sign-in-card h1{font-size:35px}.sign-in-card form{margin:24px 0 17px}.sign-in-card form .field{margin:13px 0}.sign-in-card form button{width:100%}.sign-in-card>p{font-size:14px;color:#758274}
@media(max-width:1200px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.marketing-nav nav{display:none}.marketing-hero{grid-template-columns:1fr;padding-top:65px}.hero-product{max-width:690px}.section-split{grid-template-columns:1fr;gap:12px}.learning-promo{grid-template-columns:1fr;gap:36px}.learning-promo>div:first-child{justify-self:start}.sim-promo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.marketing-nav{height:70px}.marketing-nav img{width:168px}.marketing-hero{padding:53px 23px 60px;min-height:0}.marketing-hero h1{font-size:41px}.marketing-hero p{font-size:16px}.hero-product{padding:10px 3px 28px}.product-body{grid-template-columns:40px 1fr;min-height:280px}.mini-main{padding:20px 12px}.mini-main h3{font-size:18px}.mini-stats{gap:4px}.mini-stats>div{padding:7px;min-height:65px}.mini-stats strong{font-size:16px}.mini-stats small{font-size:8px}.mini-work{padding:12px}.mini-work strong{font-size:11px}.floating-note{right:0;bottom:0;padding:9px}.marketing-ribbon{justify-content:center;font-size:9px}.marketing-section{padding:74px 23px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.learning-preview{overflow-x:auto;padding-bottom:33px}.promo-cover{width:180px;height:250px}.sim-promo-grid{grid-template-columns:repeat(2,1fr)}.marketing-footer{flex-wrap:wrap}.sign-in-page{grid-template-columns:1fr}.sign-in-brand{padding:33px}.sign-in-brand p{margin-top:20px;font-size:25px}.sign-in-card{margin-bottom:35px}}