@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@600&display=swap');
:root{--navy:#0b1220;--ink:#172033;--blue:#246bfe;--cyan:#20c7d9;--lime:#b8f23d;--paper:#f5f7fa;--white:#fff;--muted:#64748b;--line:#e2e8f0;--shadow:0 18px 50px #0b12201a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{transition:.2s}a{color:inherit;text-decoration:none}.announcement{background:var(--navy);color:white;text-align:center;padding:9px;font-size:12px}header{height:76px;display:flex;align-items:center;gap:30px;padding:0 max(24px,calc((100% - 1200px)/2));background:#fffffff2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;white-space:nowrap}.brand span{color:var(--blue)}.brand i{width:36px;height:36px;border-radius:10px;background:var(--blue);color:white;display:grid;place-items:center;font:600 12px JetBrains Mono;font-style:normal}header nav{display:flex;gap:19px;margin-left:auto}header nav a{font-size:13px;font-weight:700;color:#445066}header nav a:hover{color:var(--blue)}#menu{display:none;border:0;background:none;font-size:23px}.cart{background:var(--navy);color:white;border-radius:12px;padding:11px 14px;font-weight:700}.cart b{background:var(--lime);color:var(--navy);border-radius:20px;padding:2px 7px;margin-left:4px}.container{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}.hero{background:var(--navy);color:white;min-height:650px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:42px 42px}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:650px;gap:55px}.eyebrow{font:600 11px JetBrains Mono;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}.hero .eyebrow,.page-hero .eyebrow{color:var(--lime)}h1{font-size:clamp(43px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 24px}h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.04em;margin:10px 0 14px}h3{margin:8px 0 10px;font-size:19px}.lead{font-size:18px;line-height:1.75;color:#b9c4d4;max-width:630px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:13px;padding:13px 19px;font-weight:800;cursor:pointer}.btn.primary{background:var(--lime);color:var(--navy)}.btn.light{background:white;color:var(--navy)}.btn.outline{border-color:var(--line);background:white}.btn.dark{background:var(--navy);color:white}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0002}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#c7d0de;font-size:12px}.trust span:before{content:"✓";color:var(--lime);font-weight:800;margin-right:6px}.mockup{position:relative;height:460px}.dashboard{position:absolute;inset:50px 0 30px 55px;border:1px solid #ffffff24;border-radius:24px;background:#151f31;padding:24px;box-shadow:var(--shadow)}.dash-top{display:flex;justify-content:space-between;border-bottom:1px solid #2a3547;padding-bottom:15px;font:600 10px JetBrains Mono;color:#93a1b5}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.metric{background:#1d2a40;padding:14px;border-radius:12px}.metric b{display:block;font-size:20px}.metric small{color:#8491a5}.chart{height:130px;margin-top:15px;border-radius:12px;background:linear-gradient(135deg,#246bfe52,#20c7d90f);display:flex;align-items:flex-end;padding:15px;gap:8px}.chart i{flex:1;background:var(--cyan);border-radius:5px 5px 0 0}.mini-book{width:135px;height:185px;border-radius:12px;position:absolute;left:0;bottom:0;background:var(--blue);transform:rotate(-8deg);padding:17px;box-shadow:var(--shadow)}.mini-book small{display:block;font:600 9px JetBrains Mono;color:var(--lime);margin-bottom:38px}.mini-book strong{font-size:18px;line-height:1.15}.section{padding-top:90px;padding-bottom:90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head p{max-width:520px;color:var(--muted);line-height:1.7}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:18px;margin-top:-38px;position:relative;z-index:2;box-shadow:var(--shadow)}.stat{padding:26px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{display:block;font-size:24px}.stat small,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:white;border:1px solid var(--line);border-radius:18px;padding:13px;display:flex;flex-direction:column;transition:.25s}.product:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.cover{height:255px;border-radius:13px;padding:20px;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.cover:before,.cover:after{content:"";position:absolute;border:1px solid #ffffff40;border-radius:50%}.cover:before{width:180px;height:180px;right:-70px;top:-50px}.cover:after{width:90px;height:90px;right:-25px;top:-5px}.cover-label{font:600 9px JetBrains Mono;letter-spacing:.1em}.cover-title{font-weight:800;font-size:22px;line-height:1.05;position:relative;z-index:1}.product-body{padding:14px 5px 6px;display:flex;flex-direction:column;flex:1}.tag{font:600 9px JetBrains Mono;color:var(--blue);text-transform:uppercase}.product p{color:var(--muted);font-size:13px;line-height:1.55}.price-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.price{font-size:20px;font-weight:800}.price del{font-size:12px;color:var(--muted)}.small-btn{border:0;background:var(--navy);color:white;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:800}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filters input,.filters select,.field{background:white;border:1px solid var(--line);border-radius:11px;padding:12px 13px;color:var(--ink)}.filters input{min-width:260px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:25px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature .icon{width:42px;height:42px;border-radius:12px;background:#e9f0ff;color:var(--blue);display:grid;place-items:center;font:600 14px JetBrains Mono}.feature p,.card p{line-height:1.7}.band{background:var(--navy);color:white;border-radius:26px;padding:50px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.bundle-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;color:#cbd5e1;font-size:13px}.bundle-list span:before{content:"+";color:var(--lime);margin-right:7px}.bundle-price{font-size:54px;font-weight:800;color:var(--lime);text-align:right}.page-hero{background:var(--navy);color:white;padding:75px 0}.page-hero p{color:#b9c4d4;max-width:650px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.timer{text-align:center}.timer-display{font:600 64px JetBrains Mono;margin:20px}.presets{display:flex;justify-content:center;gap:8px}.presets button{border:1px solid var(--line);background:white;padding:8px 12px;border-radius:8px}.task-row{display:flex;gap:8px;margin-top:12px}.task-row input{flex:1}.list{display:grid;gap:8px;margin-top:15px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:11px;background:var(--paper);border-radius:10px}.list-item.done span{text-decoration:line-through;color:var(--muted)}.list-item button{border:0;background:transparent;cursor:pointer}.project-form{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:8px}.skill{margin:15px 0}.skill-head{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.skill input{width:100%;accent-color:var(--blue)}.cart-layout{display:grid;grid-template-columns:1.5fr .75fr;gap:25px}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.mini-cover{width:65px;height:80px;border-radius:8px}.summary{height:max-content;position:sticky;top:100px}.summary-row{display:flex;justify-content:space-between;gap:20px;margin:14px 0}.summary-total{font-size:20px;font-weight:800;border-top:1px solid var(--line);padding-top:14px}.form{display:grid;gap:13px}.notice{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:13px;border-radius:11px;font-size:13px}.faq-item{border-bottom:1px solid var(--line);padding:17px 0}.faq-item button{width:100%;display:flex;justify-content:space-between;border:0;background:transparent;font-weight:800;text-align:left}.faq-answer{display:none;color:var(--muted);line-height:1.7;padding-top:10px}.faq-item.open .faq-answer{display:block}.empty{text-align:center;padding:65px 20px}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:white;padding:13px 18px;border-radius:11px;opacity:0;transform:translateY(15px);z-index:100;pointer-events:none}.toast.show{opacity:1;transform:none}footer{background:var(--navy);color:white;padding:65px max(24px,calc((100% - 1200px)/2)) 25px}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr 1.1fr;gap:40px}.footer-grid p,.footer-grid small{color:#9eabbc;font-size:13px;line-height:1.7}.footer-grid a{display:block;color:#bdc7d5;font-size:13px;margin:10px 0}.footer-grid form{display:flex}.footer-grid input{min-width:0;padding:11px;border:0;border-radius:9px 0 0 9px}.footer-grid button{border:0;background:var(--lime);font-weight:800;border-radius:0 9px 9px 0}.footer-bottom{border-top:1px solid #263248;margin-top:45px;padding-top:20px;color:#8491a5;font-size:11px}.light span{color:var(--cyan)}
@media(max-width:980px){header nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}header nav.open{display:flex}#menu{display:block;margin-left:auto}.hero-inner,.band,.cart-layout,.two-col{grid-template-columns:1fr}.mockup{height:400px}.grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.bundle-price{text-align:left}.stats{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:1fr}.wide{grid-column:auto}.project-form{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero-inner{padding-top:55px;padding-bottom:55px;min-height:auto}.hero{min-height:auto}.mockup{height:355px}.dashboard{left:25px}.section{padding-top:65px;padding-bottom:65px}.grid,.feature-grid,.footer-grid{grid-template-columns:1fr}.stats{margin:0;border-radius:0}.section-head{display:block}.band{padding:28px}.bundle-list{grid-template-columns:1fr}.project-form{grid-template-columns:1fr}.cart-item{grid-template-columns:55px 1fr}.cart-item>strong{grid-column:2}.cover{height:290px}.filters input{min-width:100%}.timer-display{font-size:48px}}