.hero h1{font-size:clamp(42px,4vw,60px);text-wrap:balance}.hero-copy{padding-top:78px;padding-bottom:78px}.hero p{font-size:18px;max-width:520px}.hero .eyebrow{letter-spacing:.12em}
.project-demo-section{position:relative;z-index:2;margin-top:-28px;padding-bottom:30px}
.project-demo{padding:32px;border:1px solid #c6d1e3;border-radius:18px;background:#fff;box-shadow:0 30px 70px -35px #24427655}
.project-demo-top{display:flex;justify-content:space-between;align-items:start;gap:24px}.project-demo-top .eyebrow{margin-bottom:12px}.project-demo-top h2{font-size:30px;max-width:600px;line-height:1.2;margin-bottom:22px}.project-demo-top>.badge{font-size:10px;margin-top:4px;max-width:240px}
.scenario-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.scenario-picker .filter{font-size:13px}
.project-modes{display:flex;gap:4px;background:#f0f4fa;padding:4px;border-radius:10px;width:fit-content;max-width:100%;margin-bottom:20px}.project-modes button{border:1px solid transparent;background:transparent;padding:10px 16px;font-size:13px;border-radius:7px;color:#4d5f77;min-height:44px}.project-modes button[aria-pressed=true]{background:white;border-color:#d7e2f2;color:#244bc3;box-shadow:0 2px 5px #24427609}
.project-goal{padding:18px 22px;background:linear-gradient(110deg,#f0f5ff,#f8faff);border:1px solid #d8e3f7;border-radius:10px;margin-bottom:22px}.project-goal>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#4262a8;font-weight:600}.project-goal p{margin:6px 0 0;font-size:17px;line-height:1.5}
.project-panels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.project-panels>aside,.project-panels>div{min-width:0;padding:20px;border:1px solid #e1e7f1;border-radius:10px;background:#fafcff}.project-panels h3{font-size:19px;letter-spacing:-.025em;line-height:1.3;margin:12px 0 18px}.project-tree h3{font-size:13px;letter-spacing:0;margin:0 0 12px}.project-tree h3:not(:first-child){margin-top:25px}.project-tree ul{list-style:none;padding:0;margin:0}.project-tree li{font-size:12px;color:#4c5f78;padding:9px 0;border-bottom:1px solid #e1e7f1;line-height:1.5}.project-tree li:last-child{border-bottom:0}.project-tree .source-list li{color:#345eaa}
.project-discussion p,.project-result p,.collection-state p{font-size:14px;line-height:1.7}.project-panels .meta{font-size:12px;margin:20px 0 0}.ai-question{background:white;border:1px solid #dce5f6;border-radius:9px;padding:16px}.ai-question p{margin:10px 0 0}.ai-mark{display:inline-block;font-size:11px;color:#315fe8;font-weight:650}.project-panels .project-result{background:#f3f7ff;border-color:#d0def9}.project-result>.badge{font-size:10px;white-space:normal}.project-demo-status{margin:16px 0 0;font-size:12px;min-height:20px}.collection-state{grid-column:span 2;align-content:center}
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:55px}.workflow-step{border-top:1px solid #d5dfef;padding-top:22px}.workflow-step h3{font-size:21px;line-height:1.25;margin:18px 0 16px}.workflow-step p{font-size:15px;color:var(--muted)}
.material-tags{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.material-tags span{padding:7px 11px;border:1px solid #d5dfed;background:#ffffffcc;border-radius:6px;font-size:12px;line-height:1.5}
.enterprise-panel{padding:48px;border:1px solid #cedbf3;border-radius:18px;display:flex;gap:55px;align-items:center;background:linear-gradient(120deg,#eef4ff,#ffffffb0),url('about-960.webp') center/cover}.enterprise-panel h2{font-size:36px;max-width:780px}.enterprise-panel p{max-width:740px;color:var(--muted);font-size:17px}.enterprise-panel .button{flex-shrink:0}.enterprise-panel .meta{font-size:13px;margin-bottom:0}
.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.price-card{padding:24px}.price-card h2{font-size:28px}.price-card li{font-size:13px}.price-card .button{padding:12px 14px;font-size:13px}.custom-price{font-size:32px;line-height:1.3;letter-spacing:-.045em;margin-top:24px;min-height:79px;display:flex;align-items:center}.points-explainer{margin-top:65px;padding-top:40px;border-top:1px solid #d5dfef;display:grid;grid-template-columns:1fr 1fr;gap:60px}.points-explainer h2{font-size:32px}.points-explainer h3{font-size:24px;line-height:1.3}.points-explainer p{font-size:16px;color:var(--muted)}.points-explainer .meta{font-size:13px}
@media(min-width:1101px){.price-card>p:not(.price-period){min-height:78px}}
@media(max-width:1100px){.project-panels{grid-template-columns:1fr 1fr}.project-tree{grid-row:span 2}.collection-state{grid-column:auto}.workflow-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr 1fr}.enterprise-panel{gap:30px;padding:32px}.enterprise-panel h2{font-size:31px}}
@media(max-width:850px){.project-demo-section{margin-top:-10px}.project-demo-top{display:block}.project-demo-top>.badge{margin-bottom:22px;max-width:none}.enterprise-panel{display:block}.enterprise-panel .button{margin-top:26px}.points-explainer{gap:32px}.hero-copy{padding-top:55px;padding-bottom:44px}}
@media(max-width:600px){.project-demo{padding:20px 16px;border-radius:12px}.project-demo-section{padding-left:16px;padding-right:16px}.project-demo-top h2{font-size:25px}.project-modes{width:100%}.project-modes button{flex:1;padding:10px 8px;font-size:12px}.project-goal{padding:15px}.project-goal p{font-size:15px}.project-panels{grid-template-columns:1fr;gap:14px}.project-tree{grid-row:auto}.project-panels>aside,.project-panels>div{padding:17px}.collection-state{grid-column:auto}.workflow-grid,.pricing-grid,.points-explainer{grid-template-columns:1fr}.workflow-grid{gap:18px;margin-top:30px}.workflow-step p{font-size:16px}.enterprise-panel{padding:26px 22px}.enterprise-panel h2{font-size:29px}.enterprise-panel p{font-size:16px}.points-explainer{gap:24px;margin-top:40px}.price-card{padding:28px}.hero h1{font-size:42px}.hero-copy{padding-left:24px;padding-right:24px}.scenario-picker .filter{flex:1;min-width:110px}.price-card li{font-size:15px}}
@media print{.project-demo-section{margin-top:0}.project-demo{box-shadow:none}.project-modes,.scenario-picker{display:none}.workflow-grid,.project-panels{display:block}.enterprise-panel{background:white}.project-panels>div,.project-panels>aside{break-inside:avoid}}
