:root{--ink:#182238;--muted:#59657a;--dim:#7a8597;--canvas:#f6f8fc;--panel:#ffffff;--line:rgba(24,34,56,.12);--accent:#68bf55;--accent-ink:#123515;--soft-accent:#e7f6e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{overflow:hidden}.category-section,.hero,.preview-section,.principles,.site-header,footer{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:10px;align-items:center;font-family:inherit;font-weight:700;letter-spacing:-.04em}.brand-mark{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:17px}.header-link{color:var(--muted);font-size:14px;font-weight:500}.hero{padding:115px 0 110px;max-width:800px;margin-left:max(20px,calc((100% - 1160px)/2))}.eyebrow{margin:0 0 18px;color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(168,255,100,.1)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:inherit;letter-spacing:-.055em}h1{font-size:clamp(3.25rem,9vw,6.5rem);line-height:.95;max-width:760px;margin-bottom:28px}.hero-copy{color:var(--muted);line-height:1.6;font-size:clamp(1.05rem,2vw,1.25rem);max-width:570px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;border-radius:8px;font-weight:700;font-size:14px}.primary{color:var(--accent-ink);background:var(--accent)}.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.hero-note{color:var(--dim);font-size:13px;margin-top:24px}.category-section,.preview-section,.principles{padding:90px 0;border-top:1px solid var(--line)}.section-heading{margin-bottom:32px}h2{font-size:clamp(2rem,4vw,3rem);line-height:1;margin-bottom:0}.category-grid,.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.category-card{position:relative;min-height:230px;padding:25px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#ffffff,#f0f4fb);box-shadow:0 12px 30px rgba(43,57,84,.05);transition:transform .2s,border-color .2s,box-shadow .2s}.category-card:hover{transform:translateY(-4px);border-color:rgba(104,191,85,.65);box-shadow:0 18px 34px rgba(43,57,84,.1)}.category-symbol{color:var(--accent);font-size:30px;display:block;margin-bottom:50px}.category-name{display:block;font:600 21px/1.1 inherit;letter-spacing:-.04em}.category-description{display:block;color:var(--muted);margin-top:10px;max-width:220px;line-height:1.45;font-size:14px}.card-arrow{position:absolute;right:24px;bottom:22px;color:var(--accent);font-size:20px}.preview-section{background:radial-gradient(circle at 82% 0,rgba(120,111,255,.16),transparent 34%),radial-gradient(circle at 12% 90%,rgba(104,191,85,.1),transparent 28%)}.preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.demo-badge,.offer-state{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 10px;white-space:nowrap}.offer-card{overflow:hidden;border:1px solid var(--line);background:var(--panel);border-radius:16px;box-shadow:0 12px 30px rgba(43,57,84,.06)}.offer-visual{height:180px;position:relative;overflow:hidden;background:#e8edf6}.offer-visual.violet{background:radial-gradient(circle at 65% 50%,#c1aaff 0 10%,#8b75d7 31%,#e9e4ff 68%)}.offer-visual.blue{background:radial-gradient(circle at 36% 48%,#a9d8ff 0 8%,#6ba7db 33%,#e3f0fc 65%)}.offer-visual.green{background:radial-gradient(circle at 65% 48%,#bff4a8 0 8%,#74b96c 34%,#e6f5e1 67%)}.visual-orb{position:absolute;width:92px;height:92px;border:1px solid rgba(24,34,56,.25);border-radius:50%;left:calc(50% - 46px);top:44px;box-shadow:0 0 60px rgba(255,255,255,.55)}.visual-line{position:absolute;background:rgba(24,34,56,.45);height:1px;width:70%;left:15%}.visual-line.one{top:38px}.visual-line.two{bottom:38px}.offer-content{padding:20px}.offer-category{color:var(--accent);font-size:12px;font-weight:700;margin-bottom:8px}.offer-card h3{font-size:20px;line-height:1.1;margin-bottom:24px}.offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.offer-demo{color:var(--muted);font-size:11px;font-weight:600}.principles{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:80px;gap:80px}.principles ol{list-style:none;margin:0;padding:0}.principles li{display:grid;grid-template-columns:50px 1fr;grid-gap:16px;gap:16px;padding:21px 0;border-top:1px solid var(--line)}.principles li:last-child{border-bottom:1px solid var(--line)}.principles li span{color:var(--accent);font-size:12px;font-weight:700}.principles li p{color:var(--muted);line-height:1.55;margin:0}.principles strong{color:var(--ink)}.disclosure{width:min(760px,calc(100% - 40px));margin:0 auto 90px;padding:21px 24px;border-radius:12px;color:var(--muted);background:var(--soft-accent);border:1px solid rgba(104,191,85,.35);line-height:1.55}.disclosure p{margin:0}.disclosure strong{color:var(--ink)}footer{padding:35px 0 46px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;color:var(--dim);font-size:13px}footer .brand{color:var(--ink)}footer p{margin:0;flex:1 1}footer a:last-child{color:var(--muted)}@media (max-width:700px){.category-section,.hero,.preview-section,.principles,.site-header,footer{width:min(100% - 32px,1160px)}.hero{padding:84px 0}.category-section,.preview-section,.principles{padding:64px 0}.category-grid,.preview-grid,.principles{grid-template-columns:1fr}.category-card{min-height:180px}.category-symbol{margin-bottom:28px}.preview-heading{align-items:start;flex-direction:column}.principles{gap:32px}footer{align-items:flex-start;flex-direction:column;gap:14px}footer p{flex:none}.header-link{font-size:13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}