*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
--color-primary:#0f2b46;
--color-accent:#1a73e8;
--color-accent-hover:#1558b0;
--color-bg:#ffffff;
--color-bg-alt:#f4f7fa;
--color-text:#2c3e50;
--color-text-light:#64748b;
--color-border:#e2e8f0;
--color-success:#16a34a;
--color-coming:#f59e0b;
--color-danger:#dc2626;
--radius:12px;
--shadow:0 4px 24px rgba(0,0,0,.08);
--container:1100px;
}
html{scroll-behavior:smooth;}
body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:var(--color-text);
background:var(--color-bg);
line-height:1.6;
}
.container{max-width:var(--container);margin:0 auto;padding:0 1.5rem;}
.site-header{
position:sticky;top:0;z-index:100;
background:var(--color-primary);
box-shadow:0 2px 12px rgba(0,0,0,.15);
}
.header-inner{
display:flex;align-items:center;justify-content:space-between;
height:64px;
}
.logo{
font-size:1.4rem;font-weight:800;color:#fff;text-decoration:none;
letter-spacing:.5px;
}
.main-nav a{
color:rgba(255,255,255,.85);text-decoration:none;margin-left:2rem;
font-weight:500;font-size:.95rem;transition:color .2s;
}
.main-nav a:hover{color:#fff;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;}
.nav-toggle span{
display:block;width:24px;height:2px;background:#fff;
margin:5px 0;transition:.3s;
}
.hero{
background:linear-gradient(135deg,var(--color-primary) 0%,#1a4a7a 100%);
color:#fff;text-align:center;
padding:5rem 1.5rem 4rem;
}
.hero h1{font-size:2.4rem;font-weight:800;margin-bottom:1rem;}
.hero p{font-size:1.1rem;opacity:.9;max-width:640px;margin:0 auto 1.5rem;}
.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem;}
.hero-trust{
display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;
font-size:.9rem;opacity:.8;
}
.hero-trust span{
display:flex;align-items:center;gap:.4rem;
}
.hero-trust span::before{
content:"✓";font-weight:700;
}
.btn{
display:inline-block;padding:.85rem 2rem;border-radius:8px;
font-weight:600;font-size:1rem;text-decoration:none;transition:.2s;
}
.btn-primary{background:var(--color-accent);color:#fff;}
.btn-primary:hover{background:var(--color-accent-hover);}
.btn-outline{border:2px solid rgba(255,255,255,.5);color:#fff;}
.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.1);}
.problem-solution{padding:5rem 0;}
.problem-solution h2{text-align:center;font-size:2rem;margin-bottom:3rem;}
.ps-grid{
display:grid;grid-template-columns:1fr 1fr;gap:2rem;
max-width:900px;margin:0 auto;
}
.ps-problem{
background:#fef2f2;border-radius:var(--radius);padding:2rem;
border-left:4px solid var(--color-danger);
}
.ps-problem h3{font-size:1.1rem;margin-bottom:1rem;color:var(--color-danger);}
.ps-problem ul{list-style:none;}
.ps-problem ul li{
padding:.4rem 0;padding-left:1.5rem;position:relative;
color:var(--color-text-light);font-size:.95rem;
}
.ps-problem ul li::before{
content:"✗";position:absolute;left:0;color:var(--color-danger);font-weight:700;
}
.ps-solution{
background:#f0fdf4;border-radius:var(--radius);padding:2rem;
border-left:4px solid var(--color-success);
display:flex;flex-direction:column;justify-content:center;
}
.ps-solution h3{font-size:1.1rem;margin-bottom:1rem;color:var(--color-success);}
.ps-solution p{color:var(--color-text-light);font-size:.95rem;}
.modules{padding:5rem 0;background:var(--color-bg-alt);}
.modules h2{text-align:center;font-size:2rem;margin-bottom:3rem;}
.module-grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));
gap:2rem;
}
.module-card{
background:#fff;border-radius:var(--radius);padding:2.5rem 2rem;
box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;
position:relative;overflow:hidden;
display:flex;flex-direction:column;
}
.module-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.12);}
.module-card .badge{
display:inline-block;padding:.3rem .8rem;border-radius:20px;
font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem;
width:fit-content;
}
.badge-active{background:#dcfce7;color:var(--color-success);}
.badge-coming{background:#fef3c7;color:#b45309;}
.module-card h3{font-size:1.4rem;margin-bottom:.75rem;}
.module-features{
list-style:none;flex:1;margin-bottom:1rem;
}
.module-features li{
padding:.35rem 0;padding-left:1.5rem;position:relative;
color:var(--color-text-light);font-size:.95rem;
}
.module-features li::before{
content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700;
}
.module-card .card-link{
margin-top:1rem;color:var(--color-accent);font-weight:600;
text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;
}
.module-card .card-link:hover{text-decoration:underline;}
.module-card .card-link::after{content:"→";}
.claims{padding:5rem 0;}
.claims h2{text-align:center;font-size:2rem;margin-bottom:3rem;}
.claims-grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:2rem;
}
.claim-card{
background:var(--color-bg-alt);border-radius:var(--radius);padding:2rem;
border-left:4px solid var(--color-accent);
}
.claim-card.coming-soon{border-left-color:var(--color-coming);opacity:.85;}
.claim-card .claim-icon{
width:40px;height:40px;margin-bottom:.75rem;display:block;
background-size:contain;background-repeat:no-repeat;background-position:center;
}
.claim-card h3{font-size:1.1rem;margin-bottom:.5rem;}
.claim-card p{color:var(--color-text-light);font-size:.95rem;}
.claim-card .coming-badge{
display:inline-block;background:#fef3c7;color:#b45309;
padding:.2rem .6rem;border-radius:12px;font-size:.7rem;
font-weight:700;text-transform:uppercase;margin-bottom:.5rem;
}
.steps-section{padding:5rem 0;background:var(--color-bg-alt);}
.steps-section h2{text-align:center;font-size:2rem;margin-bottom:3rem;}
.steps-grid{
display:grid;grid-template-columns:repeat(3,1fr);
gap:2rem;max-width:900px;margin:0 auto;
}
.step-card{
text-align:center;background:#fff;border-radius:var(--radius);
padding:2rem 1.5rem;box-shadow:var(--shadow);position:relative;
}
.step-number{
display:inline-flex;align-items:center;justify-content:center;
width:48px;height:48px;border-radius:50%;
background:var(--color-accent);color:#fff;
font-size:1.4rem;font-weight:800;margin-bottom:1rem;
}
.step-card h3{font-size:1rem;margin-bottom:.5rem;}
.step-card p{color:var(--color-text-light);font-size:.9rem;}
.security-section{padding:5rem 0;background:var(--color-bg-alt);}
.security-section h2{text-align:center;font-size:2rem;margin-bottom:3rem;}
.security-grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:2rem;
}
.security-item{
text-align:center;padding:2rem;
}
.security-icon{
width:48px;height:48px;display:block;margin:0 auto 1rem;
background-size:contain;background-repeat:no-repeat;background-position:center;
}
.security-item h3{font-size:1.1rem;margin-bottom:.5rem;}
.security-item p{color:var(--color-text-light);font-size:.95rem;}
.pricing-teaser{padding:5rem 0;background:var(--color-bg-alt);text-align:center;}
.pricing-teaser h2{font-size:2rem;margin-bottom:3rem;}
.teaser-points{
display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;
margin-bottom:2rem;
}
.teaser-point{
display:flex;align-items:center;gap:.75rem;
background:#fff;border-radius:var(--radius);padding:1.25rem 1.5rem;
box-shadow:var(--shadow);
}
.teaser-icon{
width:32px;height:32px;flex-shrink:0;
background-size:contain;background-repeat:no-repeat;background-position:center;
}
.teaser-point p{font-size:1rem;font-weight:500;}
.pricing{padding:5rem 0;background:var(--color-bg-alt);}
.pricing h2{text-align:center;font-size:2rem;margin-bottom:.5rem;}
.pricing .subtitle{text-align:center;color:var(--color-text-light);margin-bottom:3rem;font-size:1.1rem;}
.pricing-grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:2rem;max-width:960px;margin:0 auto;
}
.price-card{
background:#fff;border-radius:var(--radius);padding:2.5rem 2rem;
box-shadow:var(--shadow);text-align:center;position:relative;
display:flex;flex-direction:column;
}
.price-card.featured{
border:2px solid var(--color-accent);
transform:scale(1.04);
}
.price-card.featured .featured-badge{
position:absolute;top:-14px;left:50%;transform:translateX(-50%);
background:var(--color-accent);color:#fff;padding:.3rem 1.2rem;
border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;
}
.price-card h3{font-size:1.2rem;margin-bottom:.5rem;}
.price-card .price{font-size:2.6rem;font-weight:800;margin:1rem 0 .25rem;}
.price-card .price-period{color:var(--color-text-light);font-size:.9rem;margin-bottom:1.5rem;}
.price-card ul{
list-style:none;text-align:left;margin-bottom:2rem;flex:1;
}
.price-card ul li{
padding:.5rem 0;border-bottom:1px solid var(--color-border);
font-size:.95rem;padding-left:1.5rem;position:relative;
}
.price-card ul li::before{
content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700;
}
.price-card .btn{width:100%;text-align:center;}
.target-audience{padding:5rem 0;}
.target-audience h2{text-align:center;font-size:2rem;margin-bottom:3rem;}
.audience-grid{
display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:1rem;max-width:800px;margin:0 auto;
}
.audience-item{
background:var(--color-bg-alt);border-radius:var(--radius);padding:1.25rem 1.5rem;
font-weight:500;font-size:1rem;position:relative;padding-left:2.5rem;
border:1px solid var(--color-border);
}
.audience-item::before{
content:"✓";position:absolute;left:1rem;color:var(--color-success);font-weight:700;
}
.cta-section{
background:linear-gradient(135deg,var(--color-primary) 0%,#1a4a7a 100%);
color:#fff;text-align:center;padding:5rem 1.5rem;
}
.cta-section h2{font-size:2rem;font-weight:800;margin-bottom:2rem;}
.cta-section p{font-size:1.15rem;opacity:.9;margin-bottom:2rem;}
.cta-section .btn-primary{background:#fff;color:var(--color-primary);font-size:1.1rem;}
.cta-section .btn-primary:hover{background:rgba(255,255,255,.9);}
.sub-hero{
background:linear-gradient(135deg,var(--color-primary) 0%,#1a4a7a 100%);
color:#fff;padding:4rem 1.5rem 3rem;text-align:center;
}
.sub-hero h1{font-size:2.2rem;font-weight:800;margin-bottom:.75rem;}
.sub-hero p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto;}
.sub-hero-cta{margin-top:1.5rem;}
.sub-hero-badge{margin-top:1.5rem;}
.sub-hero-badge .badge{font-size:.85rem;padding:.4rem 1rem;}
.faq-section{padding:5rem 0;}
.faq-item{
max-width:800px;margin:0 auto 2rem;
background:var(--color-bg-alt);border-radius:var(--radius);
padding:2rem;border-left:4px solid var(--color-accent);
}
.faq-item h3{font-size:1.15rem;margin-bottom:.75rem;}
.faq-item p{color:var(--color-text-light);font-size:.95rem;margin-bottom:.5rem;}
.faq-item p:last-child{margin-bottom:0;}
.faq-item ul{list-style:none;margin:.5rem 0;}
.faq-item ul li{
padding:.3rem 0;padding-left:1.5rem;position:relative;
color:var(--color-text-light);font-size:.95rem;
}
.faq-item ul li::before{
content:"•";position:absolute;left:.25rem;color:var(--color-accent);font-weight:700;
}
.faq-item a{color:var(--color-accent);text-decoration:none;}
.faq-item a:hover{text-decoration:underline;}
.page-content{padding:4rem 0;}
.page-content h1{font-size:2rem;margin-bottom:2rem;}
.page-content p{color:var(--color-text-light);}
.site-footer{
background:var(--color-primary);color:rgba(255,255,255,.7);
padding:2rem 0;text-align:center;font-size:.9rem;
}
.footer-inner{display:flex;flex-direction:column;gap:.75rem;align-items:center;}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;}
.footer-links a{color:rgba(255,255,255,.7);text-decoration:none;}
.footer-links a:hover{color:#fff;}
.icon-check{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='M22 4 12 14.01l-3-3'/%3E%3C/svg%3E");
}
.icon-search{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
}
.icon-shield{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}
.icon-unlock{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 9.9-1'/%3E%3C/svg%3E");
}
.icon-building{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' ry='2'/%3E%3Cpath d='M9 22v-4h6v4'/%3E%3Cpath d='M8 6h.01M16 6h.01M12 6h.01M8 10h.01M16 10h.01M12 10h.01M8 14h.01M16 14h.01M12 14h.01'/%3E%3C/svg%3E");
}
.icon-document{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E");
}
.icon-calendar{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}
.icon-clipboard{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Crect x='8' y='2' width='8' height='4' rx='1' ry='1'/%3E%3Cpath d='M9 14h6M9 18h6M9 10h6'/%3E%3C/svg%3E");
}
.icon-export{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m17 8-5-5-5 5'/%3E%3Cpath d='M12 3v12'/%3E%3C/svg%3E");
}
.icon-lock{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}
.icon-folder{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}
.icon-scan{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E");
}
.icon-chart{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 20V10M12 20V4M6 20v-6'/%3E%3C/svg%3E");
}
.icon-minimize{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E");
}
.icon-server{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='8' rx='2' ry='2'/%3E%3Crect x='2' y='14' width='20' height='8' rx='2' ry='2'/%3E%3Cpath d='M6 6h.01M6 18h.01'/%3E%3C/svg%3E");
}
.icon-settings{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z'/%3E%3C/svg%3E");
}
.icon-chat{
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a73e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}
.tech-list{
list-style:none;margin:0;padding:0;
}
.tech-list li{
padding:.3rem 0;padding-left:1.5rem;position:relative;
color:var(--color-text-light);font-size:.95rem;
}
.tech-list li::before{
content:"·";position:absolute;left:.25rem;
color:var(--color-accent);font-weight:700;font-size:1.2rem;
}
.on-premise-list{
list-style:none;margin:1.25rem 0 0;padding:0;
}
.on-premise-list li{
padding:.4rem 0;padding-left:1.5rem;position:relative;
color:var(--color-text-light);font-size:1.05rem;line-height:1.7;
}
.on-premise-list li::before{
content:"✓";position:absolute;left:0;
color:var(--color-success);font-weight:700;
}
.on-premise-section{
background:var(--color-bg-alt);
}
.info-section{padding:4rem 0;}
.info-section:nth-child(even){background:var(--color-bg-alt);}
.info-block{
max-width:800px;margin:0 auto;
}
.info-block h2{font-size:1.8rem;margin-bottom:1.5rem;}
.info-block p{
color:var(--color-text-light);font-size:1.05rem;
line-height:1.7;margin-bottom:1rem;
}
.info-block p:last-child{margin-bottom:0;}
.api-pricing-grid{
max-width:720px;
grid-template-columns:repeat(2,1fr);
}
.api-pricing-notes{
max-width:720px;margin:2rem auto 0;text-align:center;
color:var(--color-text-light);font-size:.95rem;
}
.api-pricing-notes p{margin-bottom:.5rem;}
.api-pricing-notes a{
color:var(--color-accent);text-decoration:none;
}
.api-pricing-notes a:hover{text-decoration:underline;}
@media (max-width:768px){
.hero h1{font-size:1.8rem;}
.hero{padding:3.5rem 1.5rem 3rem;}
.hero-trust{flex-direction:column;gap:.5rem;align-items:center;}
.sub-hero h1{font-size:1.6rem;}
.ps-grid{grid-template-columns:1fr;}
.module-grid{grid-template-columns:1fr;}
.steps-grid{grid-template-columns:1fr;}
.pricing-grid{grid-template-columns:1fr;}
.price-card.featured{transform:none;}
.claims-grid{grid-template-columns:1fr;}
.security-grid{grid-template-columns:1fr;}
.audience-grid{grid-template-columns:1fr;}
.api-pricing-grid{grid-template-columns:1fr;}
.teaser-points{flex-direction:column;align-items:center;}
.cta-section h2{font-size:1.6rem;}
.main-nav{
display:none;position:absolute;top:64px;left:0;right:0;
background:var(--color-primary);flex-direction:column;padding:1rem 1.5rem;
box-shadow:0 4px 12px rgba(0,0,0,.2);
}
.main-nav.open{display:flex;}
.main-nav a{margin:.5rem 0;}
.nav-toggle{display:block;}
}