:root{--ink:#07111f;--muted:#667384;--line:#dce3eb;--blue:#2563eb;--cyan:#22d3ee;--paper:#f7f9fc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{height:82px;background:rgba(247,249,252,.92);backdrop-filter:blur(16px);position:fixed;top:0;left:0;right:0;z-index:20;border-bottom:1px solid rgba(220,227,235,.7)}.nav{height:100%;display:flex;align-items:center;gap:38px}.brand{display:flex;align-items:center;gap:10px;font:700 22px "Space Grotesk";letter-spacing:-1px}.brand b{font-weight:500;color:#8390a1}.brand-mark{display:flex;align-items:end;gap:3px;width:25px;height:24px}.brand-mark span{width:5px;border-radius:4px 4px 1px 1px;background:var(--ink)}.brand-mark span:nth-child(1){height:12px}.brand-mark span:nth-child(2){height:19px;background:var(--blue)}.brand-mark span:nth-child(3){height:24px;background:var(--cyan)}.main-nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:600;color:#536173}.main-nav a:hover{color:var(--ink)}.nav-cta{background:var(--ink);color:#fff;padding:12px 18px;border-radius:7px;font-size:13px;font-weight:700}.nav-cta span{color:var(--cyan);margin-left:6px}.menu-toggle{display:none;background:none;border:0;font-size:25px}
.hero{min-height:780px;padding-top:82px;position:relative;overflow:hidden;background:#f7f9fc}.hero-grid{position:absolute;inset:82px 0 0;background-image:linear-gradient(rgba(7,17,31,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,17,31,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 82%)}.hero-content{position:relative;z-index:2;padding-top:112px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#687587;display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;margin:0;letter-spacing:-2px}h1{font-size:76px;line-height:.98;margin-top:24px;max-width:700px}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-copy{max-width:570px;color:#617084;font-size:17px;margin:28px 0}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;gap:25px;padding:14px 19px;border-radius:7px;font-size:13px;font-weight:700}.button.primary{background:var(--ink);color:#fff}.button.primary span{color:var(--cyan);font-size:18px}.button.ghost{border:1px solid #cbd4df;background:#fff}.hero-stats{display:flex;gap:44px;margin-top:76px}.hero-stats div{display:flex;gap:12px}.hero-stats strong{font:700 14px "Space Grotesk";color:var(--blue)}.hero-stats span{font-size:11px;line-height:1.3;color:#7b8797;text-transform:uppercase;letter-spacing:.6px}
.hero-visual{position:absolute;right:-40px;top:185px;width:52%;height:560px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:480px;height:480px;right:0;top:20px;background:radial-gradient(circle at 40% 35%,rgba(34,211,238,.22),transparent 54%)}.orb-b{width:340px;height:340px;right:170px;top:130px;background:radial-gradient(circle at 55% 45%,rgba(37,99,235,.12),transparent 60%)}.network-card{position:absolute;right:40px;top:75px;width:620px;height:380px;background:rgba(8,18,32,.95);border:1px solid rgba(117,145,176,.25);border-radius:16px;box-shadow:0 30px 80px rgba(5,15,30,.24);overflow:hidden;transform:perspective(1000px) rotateY(-8deg) rotateX(2deg)}.network-head,.network-footer{display:flex;justify-content:space-between;padding:17px 20px;color:#7f92a8;font-size:9px;letter-spacing:1.5px}.live{color:#8fe9c0}.live i{display:inline-block;width:6px;height:6px;background:#6ee7b7;border-radius:50%;margin-right:5px}.network-svg{width:100%;height:280px}.links path{stroke:#2d5a7c;stroke-width:1.2;fill:none;stroke-dasharray:4 7}.nodes circle{fill:#0c2539;stroke:#2d688a;stroke-width:1}.nodes .core{fill:#123b5a;stroke:#25d2ed;filter:url(#glow)}.labels text{fill:#b6d1e5;font-size:8px;font-weight:bold;letter-spacing:1px}.network-footer{border-top:1px solid rgba(255,255,255,.08)}
.trusted{background:#fff;border-bottom:1px solid var(--line)}.trusted-row{height:94px;display:flex;align-items:center;justify-content:space-between}.trusted-row>span{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#929eac}.trusted-row div{display:flex;gap:38px;color:#7c8794;font:600 11px "Space Grotesk"}
.section{padding:120px 0}.section-intro,.platform-head{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:end}.section h2,.platform h2,.industries h2,.philosophy h2{font-size:49px;line-height:1.05;margin-top:18px}.section-intro>p,.platform-head>p{font-size:16px;color:var(--muted);max-width:430px;margin:0 0 4px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-grid article{padding:30px 25px 35px 0;border-right:1px solid var(--line);position:relative}.solution-grid article+article{padding-left:25px}.solution-grid article:last-child{border:0}.icon{font-size:28px;color:var(--blue);display:block;margin-bottom:45px}.solution-grid small{font-size:10px;color:#9aa6b4}.solution-grid h3{font-size:22px;margin:10px 0}.solution-grid p{font-size:13px;color:var(--muted);min-height:84px}.solution-grid a,.text-link{font-size:12px;font-weight:800;color:var(--blue)}
.platform{background:#fff}.platform-board{margin-top:60px;border:1px solid #d7e0e9;border-radius:12px;overflow:hidden;display:flex;box-shadow:0 20px 60px rgba(10,30,50,.07)}.board-sidebar{width:190px;background:#07111f;color:#8092a6;padding:23px 12px;flex-shrink:0}.side-title{font:700 15px "Space Grotesk";color:#fff;padding:0 12px 25px}.board-sidebar a{display:block;padding:10px 12px;font-size:10px;border-radius:5px;margin:2px 0}.board-sidebar a.active{background:#16314b;color:#fff}.dashboard{padding:28px;flex:1;background:#f8fafc}.dash-top{display:flex;justify-content:space-between;align-items:center}.dash-top small,.metric-row span{font-size:9px;letter-spacing:1.1px;color:#8a96a5}.dash-top h3{font-size:25px;margin-top:4px}.status-pill{font-size:9px;color:#14805a;background:#e6f8ef;border-radius:20px;padding:7px 10px}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.metric-row>div{background:#fff;border:1px solid #e1e7ee;padding:15px;border-radius:7px}.metric-row strong{display:block;font:700 25px "Space Grotesk";margin:5px 0}.metric-row small{font-size:9px;color:#6e7e8e}.dash-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:14px}.chart,.mini-map{height:205px;background:#fff;border:1px solid #e1e7ee;border-radius:7px;padding:16px}.chart-title{font-size:10px;font-weight:700}.chart-title span{float:right;color:#a0aab5;font-weight:400}.bars{height:145px;display:flex;align-items:end;gap:12px;padding:10px 12px 0;border-bottom:1px solid #e8edf2}.bars i{display:block;flex:1;background:linear-gradient(#2563eb,#22d3ee);border-radius:3px 3px 0 0;opacity:.75}.mini-lines{height:145px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:8px;color:#5f6f80}.mini-lines b{color:var(--blue)}.mini-lines i{width:25px;border-top:1px dashed #a7b5c4}
.industries{background:#07111f;color:#fff}.industries .eyebrow{color:#8293a7}.industries h2{margin-bottom:65px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #223346}.industry-grid>div{padding:28px 22px 20px 0;border-right:1px solid #223346}.industry-grid>div+div{padding-left:22px}.industry-grid span{font-size:10px;color:#38d7ef}.industry-grid h3{font-size:21px;margin:42px 0 10px}.industry-grid p{font-size:12px;color:#8797a9}
.philosophy{background:#fff}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:130px}.philosophy-grid p{font-size:17px;color:#657487;max-width:520px}.philosophy-grid p:first-child{margin-top:0}.text-link{display:inline-block;margin-top:25px}
.cta-section{background:linear-gradient(120deg,#0a1828,#0b2b45);color:#fff;text-align:center;padding:115px 0;position:relative;overflow:hidden}.cta-section:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.12),transparent 60%);right:-180px;top:-240px}.cta{position:relative;z-index:1}.cta .eyebrow{justify-content:center;color:#8ba0b4}.cta h2{font-size:57px;line-height:1.02;margin:20px auto}.cta p{max-width:520px;margin:20px auto 30px;color:#a7b7c7;font-size:15px}.button.light{background:#fff;color:#07111f}
footer{background:#050c15;color:#8290a0;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px}.footer-brand{color:#fff}.footer-grid p{font-size:12px;max-width:270px;margin-top:18px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:11px}.footer-grid small{font-size:9px;letter-spacing:1.5px;color:#536274;margin-bottom:5px}.copyright{border-top:1px solid #182431;margin-top:50px;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#536274}

.theme-button{border:1px solid #cbd4df;background:#fff;color:#07111f;width:40px;height:40px;border-radius:7px;font-size:20px;cursor:pointer;transition:.2s}
.theme-button:hover{transform:translateY(-1px);border-color:#9eabb9}
.theme-panel{position:fixed;right:24px;top:72px;width:215px;padding:14px;background:#fff;border:1px solid #d8e0e8;border-radius:10px;box-shadow:0 18px 50px rgba(5,15,30,.16);z-index:30;opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s}
.theme-panel.open{opacity:1;visibility:visible;transform:translateY(0)}
.theme-panel-title{font-size:11px;font-weight:800;letter-spacing:.7px;color:#536173;margin:2px 5px 10px}
.theme-option{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:9px 7px;border-radius:6px;text-align:left;font:600 11px Inter,Arial;cursor:pointer;color:#1e2a38}
.theme-option:hover,.theme-option.active{background:#f1f5f9}
.theme-option small{margin-left:auto;color:#8b98a7;font-size:9px}
.swatch{width:17px;height:17px;border-radius:50%;display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1px #ccd5df}
.default-swatch{background:linear-gradient(135deg,#2563eb,#22d3ee)}
.violet-swatch{background:linear-gradient(135deg,#7c3aed,#c084fc)}
.emerald-swatch{background:linear-gradient(135deg,#059669,#34d399)}
.amber-swatch{background:linear-gradient(135deg,#d97706,#fbbf24)}
.mono-swatch{background:linear-gradient(135deg,#111827,#9ca3af)}
.theme-reset{width:100%;border:0;border-top:1px solid #e6ebf0;background:transparent;padding:11px 7px 4px;margin-top:4px;text-align:left;font:700 10px Inter;color:#64748b;cursor:pointer}
:root[data-theme="violet"]{--blue:#7c3aed;--cyan:#c084fc}
:root[data-theme="emerald"]{--blue:#059669;--cyan:#34d399}
:root[data-theme="amber"]{--blue:#d97706;--cyan:#fbbf24}
:root[data-theme="mono"]{--blue:#374151;--cyan:#9ca3af}

@media(max-width:1000px){h1{font-size:60px}.hero-visual{opacity:.35;right:-250px}.solution-grid,.industry-grid{grid-template-columns:repeat(2,1fr)}.solution-grid article:nth-child(2){border-right:0}.solution-grid article:nth-child(3),.solution-grid article:nth-child(4){border-top:1px solid var(--line)}.platform-board{overflow:auto}.dashboard{min-width:700px}.philosophy-grid{gap:60px}.main-nav{gap:18px}}
@media(max-width:720px){.container{width:min(100% - 32px,1180px)}.main-nav,.nav-cta{display:none}.theme-button{display:block;margin-left:auto}.menu-toggle{display:block;margin-left:0}.hero{min-height:720px}.hero-content{padding-top:80px}h1{font-size:49px}.hero-copy{font-size:15px}.hero-stats{gap:20px;margin-top:55px}.hero-stats div{display:block}.hero-visual{display:none}.trusted-row{height:auto;padding:28px 0;display:block}.trusted-row div{margin-top:15px;flex-wrap:wrap;gap:12px 22px}.section{padding:80px 0}.section-intro,.platform-head,.philosophy-grid{grid-template-columns:1fr;gap:25px}.section h2,.platform h2,.industries h2,.philosophy h2{font-size:38px}.solution-grid,.industry-grid{grid-template-columns:1fr}.solution-grid article,.solution-grid article+article{border-right:0;padding:25px 0}.solution-grid article+article{border-top:1px solid var(--line)}.solution-grid p{min-height:auto}.platform-board{margin-top:35px}.board-sidebar{display:none}.dashboard{min-width:0;padding:18px}.metric-row{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.cta h2{font-size:42px}.footer-grid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin:7px 0}}
.screenshot-intro{margin-bottom:58px}.screenshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}.screenshot-card{min-width:0}.screenshot-large{grid-column:1/-1}.screenshot-frame{position:relative;aspect-ratio:16/9;border:1px solid #d8e1ea;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#081421,#10283c);box-shadow:0 18px 45px rgba(7,17,31,.10)}.screenshot-frame img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;z-index:2}.image-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a8bfd1;background:radial-gradient(circle at 50% 45%,rgba(34,211,238,.10),transparent 30%),linear-gradient(135deg,#081421,#10283c);z-index:1}.image-placeholder:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(142,190,216,.28);border-radius:8px}.image-placeholder span{font:700 11px "Space Grotesk";letter-spacing:2px;color:#22d3ee;margin-bottom:10px}.image-placeholder strong{font:600 20px "Space Grotesk";color:#eef7ff}.image-placeholder small{font:10px monospace;color:#718ba0;margin-top:7px}.screenshot-caption{display:flex;justify-content:space-between;gap:25px;padding:16px 3px}.screenshot-caption small{font-size:9px;letter-spacing:1.5px;color:#8491a0}.screenshot-caption h3{font-size:20px;margin-top:5px}.screenshot-caption p{max-width:220px;font-size:11px;color:#738194;text-align:right;margin:15px 0 0}.screenshot-note{margin-top:50px;padding:18px 20px;border:1px solid #dce4ec;border-radius:8px;background:#fff;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.screenshot-note span{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#8794a3}.screenshot-note code{font-size:11px;background:#eef3f7;padding:6px 8px;border-radius:4px;color:#314255}.screenshot-note p{font-size:11px;color:#758396;margin:0}@media(max-width:720px){.screenshot-grid{grid-template-columns:1fr}.screenshot-large{grid-column:auto}.screenshot-caption{display:block}.screenshot-caption p{text-align:left;margin-top:8px}}


/* Expanded capabilities — added to the original Afeen Tech template */
.feature-section{
    background:#f3f5f7;
    color:#17212b;
}

.feature-section .eyebrow{
    color:#168fc5;
}

.feature-section h2{
    color:#17212b;
}

.feature-section h2 em{
    color:#168fc5;
}

.feature-section .section-intro p{
    color:#52606d;
}

.feature-grid{
    border-top:1px solid #d9e0e6;
    border-left:1px solid #d9e0e6;
}

.feature-grid article{
    background:#ffffff;
    border-right:1px solid #d9e0e6;
    border-bottom:1px solid #d9e0e6;
}

.feature-grid article small{
    color:#168fc5;
}

.feature-grid article h3{
    color:#17212b;
}

.feature-grid article p{
    color:#52606d;
}
.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:60px}
.feature-grid article{padding:28px 24px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:250px}
.feature-grid small{font-size:10px;letter-spacing:.08em;color:var(--blue)}
.feature-grid h3{font-size:19px;margin:24px 0 12px}
.feature-grid p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
@media(max-width:1100px){.feature-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}}