:root { --navy:#06172a; --navy2:#0b2946; --blue:#1689e4; --blue2:#55c8ff; --orange:#f46b25; --orange2:#ff9a30; --gold:#efbc4d; --ink:#10233a; --muted:#66768a; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif} a{color:inherit}.site-header{height:76px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;gap:30px;background:linear-gradient(90deg,#061426,#0a2742);border-bottom:1px solid rgba(255,255,255,.1)}.site-brand{display:block;width:255px}.site-brand img{display:block;width:100%}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:26px}.site-header nav a{color:#dce9f4;text-decoration:none;font-size:14px}.site-header nav a:hover{color:#fff}.nav-launch{padding:10px 15px;border:1px solid rgba(92,200,255,.45);border-radius:8px;background:rgba(39,158,226,.13)}
.hero{position:relative;overflow:hidden;min-height:760px;padding:90px clamp(22px,6vw,100px) 80px;color:white;background:radial-gradient(circle at 80% 5%,rgba(50,174,246,.22),transparent 35%),radial-gradient(circle at 12% 65%,rgba(244,107,37,.16),transparent 32%),linear-gradient(145deg,#061426,#0a2845 72%,#071a2e)}.hero::after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#f8fafc)}.hero-copy{position:relative;z-index:2;max-width:760px;margin:0 auto 54px;text-align:center}.eyebrow{display:inline-block;color:#74d2ff;font-size:12px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase}.hero h1{max-width:800px;margin:19px auto 20px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,6vw,76px);line-height:1.02;font-weight:700}.hero-copy>p{max-width:700px;margin:0 auto;color:#c6d7e6;font-size:18px;line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:14px;margin:32px 0 16px}.button{min-width:210px;padding:15px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;text-decoration:none;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.19);transition:.18s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:linear-gradient(135deg,#1689e4,#0a63b9)}.button-support{color:white;background:linear-gradient(135deg,#ff982d,#ed5e20)}.hero .support-copy{max-width:650px;margin:18px auto 8px;color:#f4d9c7;font-size:14px;line-height:1.55}.hero .free-note{font-size:12px;color:#9eb7ca}.hero-preview{position:relative;z-index:2;width:min(1220px,92vw);margin:auto;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08);box-shadow:0 38px 100px rgba(0,0,0,.35);backdrop-filter:blur(8px)}.hero-preview img{width:100%;display:block;border-radius:8px}.features-section{padding:95px clamp(22px,6vw,100px)}.section-heading{text-align:center;margin-bottom:46px}.section-heading span{color:#1689e4;font-size:12px;font-weight:850;letter-spacing:2px;text-transform:uppercase}.section-heading h2{margin:10px 0 0;font-family:Georgia,serif;font-size:clamp(32px,4vw,50px)}.feature-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{padding:27px 24px;border:1px solid #dce5ed;border-radius:13px;background:white;box-shadow:0 12px 30px rgba(13,42,67,.06)}.feature-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;color:white;background:linear-gradient(135deg,#1aa4ee,#0c68bd);font-weight:900;font-size:19px}.feature-grid article:nth-child(even) .feature-icon{background:linear-gradient(135deg,#ff9a2e,#ef6122)}.feature-grid h3{margin:18px 0 8px;font-size:17px}.feature-grid p{margin:0;color:var(--muted);line-height:1.6;font-size:13px}.privacy-section{margin:0 clamp(22px,6vw,100px) 90px;padding:45px 55px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;border-radius:17px;color:white;background:linear-gradient(135deg,#08213a,#0d3a60)}.privacy-section h2{margin:8px 0 0;font-family:Georgia,serif;font-size:42px}.privacy-section p{margin:0;color:#c6d7e5;font-size:16px;line-height:1.7}footer{min-height:72px;padding:16px clamp(22px,6vw,100px);display:flex;align-items:center;gap:12px;color:#c4d3df;background:#061426}footer img{width:31px}footer span{font-weight:800}.footer-spacer{flex:1}footer a{text-decoration:none;font-size:13px;color:#afc5d5}footer a:hover{color:white}
@media(max-width:900px){.site-header nav a:not(.nav-launch){display:none}.hero{padding-top:65px}.hero-actions{flex-direction:column;align-items:center}.feature-grid{grid-template-columns:1fr 1fr}.privacy-section{grid-template-columns:1fr}.hero h1{font-size:48px}}@media(max-width:580px){.site-header{height:66px;padding:0 14px}.site-brand{width:210px}.nav-launch{display:none!important}.hero{padding-left:15px;padding-right:15px;min-height:660px}.hero h1{font-size:39px}.hero-copy>p{font-size:15px}.feature-grid{grid-template-columns:1fr}.features-section{padding-left:16px;padding-right:16px}.privacy-section{margin-left:16px;margin-right:16px;padding:32px 25px}}