/* Sukulu comparison landing. Isolated page styles; shared brand tokens remain authoritative. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--sk-surface,#faf9fc);color:var(--sk-ink,#171320);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.65}a{color:#6323bb;text-underline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,Inter,system-ui,sans-serif;letter-spacing:-.04em;line-height:1.13}h1{font-size:clamp(2.6rem,4.5vw,4.6rem);font-weight:800}h2{font-size:clamp(2rem,3.3vw,3rem);font-weight:800}h3{font-size:1.2rem;font-weight:800;letter-spacing:-.025em}p{max-width:70ch}p+p{margin-top:12px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #4e238c;outline-offset:4px}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:10px;left:12px;z-index:10;background:white;padding:12px;transform:translateY(-180%)}.skip:focus{transform:none}.site-header{border-bottom:1px solid #e9e4ef;background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:1.2rem;color:var(--sk-ink,#171320);text-decoration:none;min-height:44px}.header-inner nav,.footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px}.header-inner nav a,.footer nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;font-weight:600;text-decoration:none}.header-inner .nav-start{border:1px solid #ded5e9;border-radius:10px;padding:0 16px;gap:12px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:#6828ad;margin-bottom:18px}.hero{padding-block:88px 64px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.hero h1 span{color:#7134c5}.lead{font-size:1.15rem;color:#544b61;margin-top:24px;max-width:40ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:12px 20px;border:1px solid transparent;border-radius:10px;font-weight:700;font-size:.9rem;text-decoration:none;line-height:1.4}.primary{color:white;background:#6d28bf}.primary:hover{background:#572197}.secondary{color:#3d2d52;border-color:#d8cfdf;background:white}.secondary:hover{background:#f2edf8}.quiet{font-size:.8rem;color:#675b73;margin-top:14px}.brand-line{margin-top:28px;font-weight:600;font-size:.95rem}.product-visual{min-width:0;border:1px solid #e3dceb;border-radius:16px;background:#fff;box-shadow:0 20px 70px -50px #402061;overflow:hidden}.visual-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e8e1ef;font-size:.8rem;font-weight:700}.visual-tag{color:#7134b6;background:#f3edf9;border-radius:5px;padding:3px 8px;font-size:.7rem}.product-visual picture{display:block;padding:16px 12px;background:#f8f5fc}.product-visual img{width:100%;border-radius:5px}.product-visual figcaption{font-size:.75rem;padding:14px 20px;color:#665d70;line-height:1.6}.capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e2dce9;border-radius:12px;background:#fff;padding:22px 0;margin-bottom:64px}.capabilities a{display:grid;padding:4px 24px;gap:4px;text-decoration:none;color:#30283c;min-height:104px;border-right:1px solid #e9e4ef}.capabilities a:last-child{border-right:0}.capabilities strong{font-family:Manrope,Inter,sans-serif;font-size:1rem}.capabilities span:last-child{font-size:.78rem;color:#65596f}.cap-icon{font-size:.7rem;color:#7436b5;font-weight:700;letter-spacing:.1em;margin-bottom:4px}.section{padding-block:76px}.comparison-section{border-block:1px solid #e9e3f0;background:#fff}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:56px;margin-bottom:28px}.section-head>p{max-width:40ch;color:#65596e;font-size:.9rem}.checked{font-size:.76rem;color:#65596e;margin-top:24px;max-width:none}.scroll-hint{font-size:.8rem;margin:18px 0 12px;color:#4b3d5c}.table-scroll{max-width:100%;overflow:auto;border:1px solid #ded5e8;border-radius:12px;scrollbar-color:#9777b8 #f3edf9;scrollbar-width:auto}.table-scroll:focus-visible{outline-offset:2px}table{border-collapse:collapse;width:100%;min-width:780px;table-layout:fixed;font-size:.85rem}caption{text-align:left}th,td{text-align:left;vertical-align:top;padding:22px 24px;border-bottom:1px solid #e8e1ee}thead th{background:#f4f0f8;font-family:Manrope,Inter,sans-serif;font-size:1rem;font-weight:800}thead th:first-child{width:21%}thead th:nth-child(2){background:#ece3f8;color:#46226f}.table-note{display:block;font-family:Inter,sans-serif;font-size:.7rem;line-height:1.5;font-weight:500;color:#65596e;margin-top:7px}tbody th{font-weight:600;background:#fcfbfe}tbody td:nth-child(2){background:#fcf9ff}td p{margin:9px 0 12px}td a{font-size:.74rem;display:inline-flex;align-items:center;min-height:30px}td small{display:block;color:#74687f;font-size:.67rem}tr:last-child th,tr:last-child td{border-bottom:0}.claim-status{display:inline-block;font-size:.67rem;border:1px solid #dcd2e8;background:#f9f6fd;padding:3px 8px;border-radius:5px;font-weight:700;color:#58416e}.comparison-notes{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}.comparison-notes p{font-size:.78rem;color:#665970;margin:0}.use-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}.use-cases article{background:#fff;border:1px solid #e4deec;border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.card-number{font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:#7b579b;margin-bottom:28px}.use-cases h3{margin-bottom:14px}.use-cases p{font-size:.84rem;color:#64576e;margin-bottom:20px}.use-cases a{font-size:.76rem;font-weight:600;margin-top:auto;min-height:44px;display:flex;align-items:center}.tools-note{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#eee8f6;padding:28px 32px;border-radius:12px;margin-top:20px}.tools-note p{font-size:.86rem;margin-top:12px;max-width:66ch;color:#584766}.tools-note .button{flex-shrink:0}.how-section{background:#fff;border-block:1px solid #e9e3f0}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:40px 0}.steps article{border-top:1px solid #ddd2e8;padding-top:18px}.steps article>span{font-size:.76rem;font-weight:700;color:#7337ac;display:block;margin-bottom:20px}.steps h3{margin-bottom:12px}.steps p{font-size:.87rem;color:#64566f}.walkthrough-shot{max-width:800px;margin:44px auto 0;border:1px solid #e0d8e8;border-radius:12px;overflow:hidden;background:#faf8fc}.walkthrough-shot img{width:100%}.walkthrough-shot figcaption{font-size:.75rem;color:#685973;padding:14px 20px}.guide-link{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;font-size:.85rem;margin:24px auto 0}.guide-link a{display:inline-flex;align-items:center;min-height:44px}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-section>div>p:not(.eyebrow){font-size:.9rem;color:#64566f;margin-top:24px}.faq-list details{border-bottom:1px solid #ded5e8;padding:16px 0}.faq-list details:first-child{border-top:1px solid #ded5e8}summary{cursor:pointer;font-weight:600;font-size:.94rem;min-height:44px;padding:10px 26px 10px 0;list-style-position:inside;line-height:1.5}.faq-list details>p{color:#62546b;font-size:.87rem;padding:8px 0 18px}.final-section{border:1px solid #ddd1ec;border-radius:16px;background:#f0e9f8;padding:52px;margin-bottom:64px}.final-section>p:not(.eyebrow){margin-top:20px;font-size:.95rem;color:#65506f}.footer{border-top:1px solid #e1d8e9;padding-block:32px}.footer-top{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.footer>p{font-size:.75rem;color:#73677c;max-width:none;margin-top:24px}.analytics-choice{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px;padding:20px;border:1px solid #e0d7e8;border-radius:10px;font-size:.78rem;color:#64566f}.analytics-choice strong{color:#493957}.analytics-choice p{font-size:.74rem;margin-top:4px}.analytics-choice button{flex-shrink:0;min-height:44px;padding:8px 14px;border:1px solid #cbbbdc;border-radius:8px;background:white;color:#552886;font-size:.8rem;font-weight:600;cursor:pointer}.analytics-choice button:disabled{cursor:default;color:#65596f}.footer noscript p{font-size:.78rem;margin-top:16px}
@media(max-width:1100px){.hero{gap:28px}.use-cases{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-note{align-items:flex-start;flex-direction:column}.section-head{gap:32px}.faq-section{gap:40px}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:12px}.header-inner nav{gap:8px 14px}.header-inner nav a{font-size:.78rem}.hero{grid-template-columns:1fr;padding-block:52px 40px;gap:40px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(2.6rem,7vw,3.8rem)}.product-visual{max-width:620px;width:100%}.capabilities{grid-template-columns:1fr 1fr;margin-bottom:40px;padding:0}.capabilities a{padding:20px;border-bottom:1px solid #e9e4ef}.capabilities a:nth-child(even){border-right:0}.capabilities a:nth-last-child(-n+2){border-bottom:0}.section{padding-block:52px}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.section-head>p{max-width:65ch}.steps{gap:24px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section>div>p:not(.eyebrow){max-width:50ch}.final-section{padding:32px;margin-bottom:40px}.analytics-choice{align-items:flex-start;flex-direction:column;gap:16px}}@media(max-width:520px){.header-inner nav>a:not(.nav-start){display:none}.header-inner .nav-start{font-size:.78rem;padding-inline:10px}.hero h1{font-size:2.75rem}.lead{font-size:1.05rem}.actions{flex-direction:column;align-items:stretch}.hero .button{width:100%}.quiet{font-size:.74rem}.capabilities a{padding:18px 14px}.capabilities span:last-child{font-size:.72rem}.use-cases{grid-template-columns:1fr}.use-cases article{padding:24px}.card-number{margin-bottom:18px}.steps{grid-template-columns:1fr;gap:24px}.steps article>span{margin-bottom:12px}.comparison-notes{grid-template-columns:1fr;gap:18px}th,td{padding:18px}thead th:first-child{width:19%}.tools-note{padding:24px}.tools-note .button{white-space:normal;width:100%}.footer nav{gap:0 18px}.footer nav a{font-size:.8rem}.brand-line{font-size:.88rem}.visual-top{padding:14px}.product-visual figcaption{padding:12px 14px}.final-section{padding:28px 24px}.guide-link{justify-content:flex-start}.header-inner .brand{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}