2 lines
6.8 KiB
CSS
2 lines
6.8 KiB
CSS
:root{color-scheme:light;--bg: #f3f7fb;--bg-2: #eaf1f8;--surface: rgba(255, 255, 255, .86);--surface-solid: #ffffff;--surface-soft: #f7fafd;--line: #d9e4ee;--line-soft: rgba(141, 160, 179, .22);--text: #111827;--heading: #0b1220;--muted: #667589;--muted-2: #8a98aa;--primary: #2e7fc5;--primary-strong: #1d65a3;--primary-soft: #dceefd;--primary-faint: rgba(46, 127, 197, .1);--success: #17845f;--shadow: 0 18px 45px rgba(30, 45, 62, .1);--shadow-soft: 0 8px 26px rgba(30, 45, 62, .08);--radius: 24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 8%,rgba(46,127,197,.12),transparent 34rem),radial-gradient(circle at 86% 18%,rgba(116,160,204,.12),transparent 28rem),linear-gradient(180deg,#f9fcff 0%,var(--bg) 44%,#eef3f8 100%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.72}strong{color:var(--heading)}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.75rem clamp(1rem,4vw,4rem);backdrop-filter:blur(20px);background:#f4f8fcd6;border-bottom:1px solid var(--line);box-shadow:0 8px 28px #1e2d3e0d}.brand{display:flex;align-items:center;gap:.75rem;font-weight:850;letter-spacing:.01em;color:var(--heading)}.brand img{width:36px;height:36px;object-fit:contain;filter:grayscale(1) sepia(.15) hue-rotate(170deg) saturate(.9) opacity(.88)}.brand span small{display:block;font-size:.72rem;color:var(--muted);font-weight:700;margin-top:-.1rem}nav{display:flex;align-items:center;gap:.25rem;color:var(--muted);font-size:.92rem;font-weight:750}nav a{padding:.65rem .85rem;border-radius:999px}nav a:hover{color:var(--primary-strong);background:var(--primary-faint)}.nav-cta,.button.primary{color:var(--primary-strong);background:linear-gradient(180deg,#edf7ff,var(--primary-soft));border:1px solid #a9d2f2;padding:.75rem 1.05rem;border-radius:999px;font-weight:850;box-shadow:0 10px 26px #2e7fc524}.button.secondary{border:1px solid var(--line);padding:.75rem 1.05rem;border-radius:999px;color:var(--heading);background:#ffffffb8;font-weight:800}.hero{display:grid;grid-template-columns:1fr;gap:2rem;padding:clamp(3.2rem,7vw,6.5rem) clamp(1rem,5vw,6rem) 3rem}.hero-inner{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(2rem,4vw,4rem);align-items:center}.eyebrow{color:var(--primary-strong);font-weight:900;letter-spacing:.13em;text-transform:uppercase;font-size:.78rem}h1{color:var(--heading);font-size:clamp(2.55rem,5.6vw,5.25rem);line-height:1;margin:.8rem 0 1.15rem;letter-spacing:-.06em}h2{color:var(--heading);font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.07;letter-spacing:-.045em;margin:0 0 1rem}h3{color:var(--heading);margin:0 0 .55rem}.lead{font-size:clamp(1.08rem,1.7vw,1.28rem);max-width:66ch;color:#516174}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.badge-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.badge{color:var(--primary-strong);background:#2e7fc514;border:1px solid rgba(46,127,197,.18);padding:.48rem .74rem;border-radius:999px;font-size:.9rem;font-weight:750}.hero-visual{position:relative}.product-window{background:var(--surface);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(14px)}.product-window img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top left}.window-bar{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;background:#f8fbfee0;border-bottom:1px solid var(--line)}.window-title{display:flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:850;color:var(--heading)}.dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #17845f1a}.mini-logo{width:26px;height:26px;object-fit:contain;filter:grayscale(1) sepia(.15) hue-rotate(170deg) saturate(.75) opacity(.75)}.section{padding:clamp(3rem,7vw,6rem) clamp(1rem,5vw,6rem)}.section-head{max-width:830px;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow-soft);backdrop-filter:blur(12px)}.card .icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:var(--primary-faint);color:var(--primary-strong);margin-bottom:1rem;font-weight:900}.card p{margin:.4rem 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric{padding:1.3rem;border-radius:22px;background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.metric strong{display:block;font-size:1.55rem;letter-spacing:-.04em}.screenshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.screenshot-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.feature-list{display:grid;gap:.75rem;padding:0;list-style:none}.feature-list li{padding:.85rem 1rem;border:1px solid var(--line);border-radius:16px;background:#ffffff9e;color:var(--muted)}.feature-list li:before{content:"";display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--primary);margin-right:.55rem;vertical-align:middle}.page-hero{padding:clamp(3rem,8vw,6rem) clamp(1rem,5vw,6rem) 2rem;max-width:980px}.page-hero h1{font-size:clamp(2.6rem,6vw,5.2rem)}.content{padding:1rem clamp(1rem,5vw,6rem) 5rem;max-width:1100px}.prose{max-width:850px}.prose a{color:var(--primary-strong);text-decoration:underline}.source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.cta{margin:2rem clamp(1rem,5vw,6rem) 5rem;padding:clamp(2rem,5vw,4rem);border-radius:32px;background:linear-gradient(135deg,#fff,#eaf4fc);border:1px solid var(--line);box-shadow:var(--shadow)}.link-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}.link-panel a{display:block;padding:1.15rem;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.link-panel strong{display:block;margin-bottom:.25rem}.link-panel span{color:var(--muted);font-size:.94rem;line-height:1.55}.site-footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem clamp(1rem,5vw,6rem);border-top:1px solid var(--line);color:var(--muted);background:#f8fbfe}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.legal-list a{display:block;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#fff;margin-bottom:.8rem;color:var(--primary-strong)}@media(max-width:980px){.hero-inner,.grid,.grid.two,.source-list,.metric-grid,.link-panel{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:repeat(2,1fr)}nav{display:none}.site-footer{flex-direction:column}}
|