/* Topiarly homepage: product-first information architecture and technology editorial cards. */
.homepage .extension-section{padding-top:46px;padding-bottom:24px}
.homepage .demo-section{padding-bottom:30px}
.homepage .editorial-section{padding-top:36px}
.homepage .comparison-section{display:block;margin-top:48px;padding:40px 0 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.homepage .comparison-heading{align-items:end;margin-bottom:25px}
.homepage .comparison-heading h2{margin:0 0 9px;line-height:1.14;letter-spacing:-1.1px}
.homepage .comparison-heading .kicker{margin-bottom:9px}
.homepage .comparison-heading .comparison-intro{max-width:660px;margin:0;line-height:1.55}
.homepage .comparison-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.homepage .comparison-card{min-width:0;background:#fff;border:1px solid #e2e8ef;border-radius:16px;overflow:hidden;box-shadow:0 3px 12px #17233c06;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.homepage .comparison-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #17233c12;border-color:#b9d3c8}
.homepage .comparison-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.homepage .comparison-card-link:focus-visible{outline-offset:-4px}
.homepage .comparison-art{height:190px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:14px;isolation:isolate}
.homepage .art-claude{background:radial-gradient(circle at 25% 20%,#e1f7f2 0,transparent 47%),linear-gradient(130deg,#eaf4f7,#f6f1ee 90%)}
.homepage .art-gemini{background:radial-gradient(circle at 75% 10%,#e3dffa 0,transparent 52%),linear-gradient(135deg,#eef4fb,#f6f7fc 85%)}
.homepage .art-workflow{background:radial-gradient(circle at 80% 10%,#d6f0eb,transparent 55%),linear-gradient(145deg,#e9f1fa,#f4f8fa)}
.homepage .tech-orbit{position:absolute;border:1px solid #70869d2b;border-radius:50%;pointer-events:none;z-index:-1}
.homepage .orbit-one{width:270px;height:270px;transform:rotate(24deg) scaleX(1.5)}
.homepage .orbit-two{width:145px;height:145px;transform:rotate(-25deg) scaleX(1.6)}
.homepage .tech-brand{display:grid;place-items:center;min-width:88px;height:78px;padding:0 12px;border:1px solid #ffffffa6;background:#fffffff2;border-radius:19px;box-shadow:0 10px 30px #16284912;color:#15233f;font-weight:800;font-size:21px;letter-spacing:-.8px}
.homepage .tech-chatgpt{color:#087d62}
.homepage .tech-claude{color:#b65c43}
.homepage .tech-gemini{color:#5868b6}
.homepage .tech-divider{font-size:11px;letter-spacing:.13em;font-weight:800;color:#75849a}
.homepage .comparison-card-body{padding:21px 22px 23px;display:flex;flex:1;flex-direction:column}
.homepage .comparison-category{font-size:11px;font-weight:750;letter-spacing:.075em;color:#00834f}
.homepage .comparison-card h3{font-size:22px;line-height:1.26;letter-spacing:-.55px;margin:10px 0 9px;color:#111c39}
.homepage .comparison-card p{font-size:16px;line-height:1.58;margin:0 0 23px;color:#64718a}
.homepage .comparison-card-cta{margin-top:auto;font-size:15px;font-weight:700;color:#007e50}
.homepage .comparison-card-link:hover .comparison-card-cta{text-decoration:underline}
.homepage .workflow-visual{width:190px;height:124px;background:#fff;border:1px solid #cbd9e6;border-radius:11px;box-shadow:0 15px 30px #2138581a;overflow:hidden;transform:rotate(-5deg)}
.homepage .workflow-top{display:flex;align-items:center;gap:5px;height:22px;background:#e9eef6;padding:0 10px}
.homepage .workflow-top i{width:5px;height:5px;border-radius:50%;background:#9eaec0}
.homepage .workflow-layout{display:grid;grid-template-columns:47px 1fr;height:102px}
.homepage .workflow-sidebar{background:#f3f6fa;padding:12px 8px;display:flex;flex-direction:column;gap:9px}
.homepage .workflow-sidebar b{height:5px;background:#cad6e3;border-radius:5px}
.homepage .workflow-content{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
.homepage .workflow-content span{background:linear-gradient(130deg,#e6f5ef,#c5e9dd);border:1px solid #c4e4d9;border-radius:5px}
.homepage .workflow-content span:nth-child(2){background:linear-gradient(130deg,#e8e9fa,#d8ddf5);border-color:#d9ddf3}
.homepage .workflow-content span:nth-child(3){background:#f0f3f8;border-color:#dce5ee}
.homepage .workflow-spark{position:absolute;right:18%;top:20%;color:#008a60;font-size:32px}
@media(max-width:900px){.homepage .comparison-card-grid{gap:12px}.homepage .comparison-card-body{padding:17px}.homepage .comparison-art{height:155px}.homepage .tech-brand{min-width:65px;height:61px;font-size:17px}.homepage .comparison-card h3{font-size:19px}}
@media(max-width:700px){.homepage .extension-section{padding-top:29px}.homepage .comparison-section{margin-top:29px;padding:28px 0}.homepage .comparison-heading{align-items:start}.homepage .comparison-card-grid{grid-template-columns:1fr;gap:16px}.homepage .comparison-art{height:185px}.homepage .comparison-card h3{font-size:21px}.homepage .comparison-card-body{padding:19px}.homepage .comparison-heading .editorial-link{white-space:normal}}
@media(prefers-reduced-motion:reduce){.homepage .comparison-card{transition:none}.homepage .comparison-card:hover{transform:none}}