.four-home{--ink:#1F211D;--bone:#F6F3ED;--hair:#DCDDD7;--gutter:clamp(20px,4.5vw,72px);--pad:clamp(48px,5.8vw,80px);--gap:32px;--grid-gap:32px;--color-accent:#1F211D;--color-accent-hover:#43463E;color:var(--ink);background:#FFF}.four-home .wrap{width:min(100% - 2 * var(--gutter),1248px);margin-inline:auto}.four-home :is(section,[id]){scroll-margin-top:88px}.four-home :is(h1,h2,h3){color:inherit}.four-home .tone-0{--metric:#2563C9}.four-home .tone-1{--metric:#0E8C7E}.four-home .tone-2{--metric:#E09411}.four-home .tone-3{--metric:#B8322B}.four-home .colour-mark{display:inline-block;width:10px;height:10px;background:var(--metric);border-radius:2px;flex-shrink:0}.four-home .skip-link{position:fixed;z-index:100;top:8px;left:20px;padding:12px 16px;background:var(--ink);color:white;transform:translateY(-160%)}.four-home .skip-link:focus{transform:none}.four-home .site-header{position:sticky;top:0;z-index:50;background:var(--bone);border-bottom:1px solid #e4e1d9}.four-home .header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}.four-home .brand-link{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:700;letter-spacing:-.03em;white-space:nowrap}.four-home .brand-link img{border:2px solid white;border-radius:8px}.four-home .header-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:500}.four-home .header-nav>a{display:inline-flex;align-items:center;min-height:44px}.four-home .header-nav .nav-install{padding:9px 17px;font-size:14px}.four-home .b-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;font-size:15px;font-weight:600;border:1px solid var(--ink);border-radius:4px;transition:background .15s ease}.four-home .b-btn-ink{background:var(--ink);color:#FFF}.four-home .b-btn-ink:hover{background:#43463E;color:#FFF}.four-home .b-btn-outline{background:transparent;color:var(--ink)}.four-home .b-btn-outline:hover{background:var(--bone)}.four-home .b-link{font-weight:500;text-decoration:underline;text-underline-offset:4px}.four-home .b-link:hover{text-decoration-thickness:2px}.four-home .u-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.four-home .b-hero{padding-top:clamp(36px,5vw,72px)}.four-home .b-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,64px);align-items:center}.four-home .b-hero-title{font-size:clamp(40px,4.5vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:700;max-width:12ch;text-wrap:pretty}.four-home .b-hero-sub{margin-top:22px;max-width:33em;font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:#43463E}.four-home .b-hero-promise{margin-top:22px;max-width:31em;font-size:16px;font-weight:600;line-height:1.6}.four-home .hero-copy .u-actions{margin-top:24px}.four-home .b-hero-meta{margin-top:16px;font-size:12.5px;line-height:1.65;color:#62655C}.four-home .b-hero-meta strong{font-weight:600;color:var(--ink)}.four-home .four-ribbon{display:flex;height:4px;margin-top:clamp(40px,5vw,64px)}.four-home .four-ribbon i{flex:1}.four-home .four-ribbon i:first-child{background:#2563C9}.four-home .four-ribbon i:nth-child(2){background:#0E8C7E}.four-home .four-ribbon i:nth-child(3){background:#E09411}.four-home .four-ribbon i:nth-child(4){background:#B8322B}.four-home .rainbow-stripe{height:clamp(14px,2.2vw,28px);background:linear-gradient(90deg,#2563C9 0 25%,#0E8C7E 25% 50%,#E09411 50% 75%,#B8322B 75% 100%);transform-origin:left center;transition:transform .9s cubic-bezier(.22,.61,.36,1)}.four-home .rainbow-stripe.is-armed:not(.is-visible){transform:scaleX(0)}.four-home .hero-illustration{margin:0;min-width:0}.four-home .illustration-window{border:1px solid #dfdace;border-radius:8px;overflow:hidden;background:#FFF;box-shadow:0 12px 32px -20px #1F211D40}.four-home .illustration-toolbar{justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eae6dc;font-size:11px;color:#43463E}.four-home .illustration-toolbar,.four-home .illustration-toolbar>span:first-child{display:flex;align-items:center;gap:8px}.four-home .illustration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.four-home .illustration-tile{padding:18px;min-width:0}.four-home .illustration-tile:nth-child(odd){border-right:1px solid #eae6dc}.four-home .illustration-tile:nth-child(-n+2){border-bottom:1px solid #eae6dc}.four-home .illustration-label{display:flex;align-items:center;gap:7px;font-size:12px}.four-home .illustration-tile>strong{display:block;margin:10px 0 4px;font-family:var(--font-mono);font-size:clamp(25px,2.4vw,34px);font-weight:500;letter-spacing:-.05em}.four-home .illustration-detail{font-size:11px;color:#62655C}.four-home .illustration-bars{height:44px;display:flex;align-items:end;gap:5px;margin-top:18px}.four-home .illustration-bars i{flex:1;background:var(--metric);border-radius:2px 2px 0 0}.four-home .illustration-sources{margin-top:14px;display:grid;gap:5px;font-size:10px}.four-home .illustration-sources i{display:block;height:4px;background:var(--metric);border-radius:2px;margin-top:2px}.four-home .illustration-trend{display:block;width:100%;height:44px;margin-top:18px}.four-home .illustration-error{display:flex;gap:8px;align-items:start;background:#FCF0EF;border-radius:4px;padding:10px;margin-top:18px;font-family:var(--font-mono);font-size:10px}.four-home .illustration-error .colour-mark{width:7px;height:7px;margin-top:4px}.four-home .illustration-error b,.four-home .illustration-error div>span{display:block}.four-home .illustration-error div>span{margin-top:4px}.four-home .u-section{padding:var(--pad) 0}.four-home .u-soft{background:#F7F7F3}.four-home .u-head h2{font-size:clamp(28px,3vw,40px);line-height:1.12;font-weight:700;letter-spacing:-.03em;max-width:24ch;text-wrap:pretty}.four-home .u-lead{margin-top:16px;font-size:17px;line-height:1.6;max-width:46em;color:#43463E}.four-home .feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap) var(--grid-gap);margin-top:var(--gap)}.four-home .feature-item{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:10px;min-width:0;border-top:2px solid var(--hair);padding-top:16px}.four-home :is(.feature-item,.stack-item) h3{font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.015em}.four-home :is(.feature-item,.stack-item) p{margin:0;color:#43463E;font-size:15px;line-height:1.6}.four-home .metric-item{grid-row:span 4;row-gap:16px;border-color:var(--metric)}.four-home .metric-art{display:flex;align-items:center;justify-content:center;padding:28px 10px;border-radius:6px;background:color-mix(in srgb,var(--metric) 5%,#F7F7F3)}.four-home .metric-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:color-mix(in srgb,var(--metric) 14%,#FFF);color:var(--metric)}.four-home .metric-item .metric-label{display:flex;align-items:center;gap:8px;color:inherit;font-size:13px;font-weight:600}.four-home .section-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--gap) clamp(32px,5vw,72px);align-items:start}.four-home .section-content,.four-home .section-intro{min-width:0}.four-home .section-intro .u-head h2{max-width:15ch}.four-home .section-intro .u-lead{max-width:30ch}.four-home .section-content{border-top:1px solid var(--hair)}.four-home .stack-item{padding:20px 0;border-bottom:1px solid var(--hair)}.four-home .stack-item p{margin-top:8px;max-width:68ch}.four-home .section-note{border-top:1px solid var(--hair);margin-top:var(--gap);padding-top:24px;font-size:15px;line-height:1.65;color:#43463E;text-wrap:pretty}.four-home .section-note strong{font-weight:600;color:var(--ink)}.four-home .u-disclosure{border-bottom:1px solid var(--hair)}.four-home .u-disclosure summary{display:flex;align-items:baseline;justify-content:space-between;gap:20px;min-height:48px;padding:20px 0;font-size:16px;font-weight:500;line-height:1.5;cursor:pointer;list-style:none}.four-home .u-disclosure summary::-webkit-details-marker{display:none}.four-home .u-disclosure summary:after{content:"+";flex:0 0 18px;text-align:center;font-weight:400}.four-home .u-disclosure[open]>summary:after{content:"−"}.four-home .faq-answer,.four-home .u-disclosure>p{padding:0 28px 24px 0;font-size:15px;line-height:1.65;color:#43463E}.four-home .u-quote{margin:var(--gap) 0 0;border-top:1px solid var(--hair);padding-top:24px}.four-home .u-quote blockquote{max-width:80ch;font-size:15px;line-height:1.65;color:#43463E}.four-home .u-quote figcaption{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:12px}.four-home .section-split-mirror{grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin-top:var(--gap)}.four-home .section-aside{min-width:0;border-top:1px solid var(--hair)}.four-home .section-aside .u-quote{margin-top:0;border-top:0;padding-top:20px;max-width:34ch}.four-home .section-intro .u-quote{margin-top:40px;max-width:34ch}.four-home :is(.section-intro,.section-aside) .u-quote blockquote{font-size:14px}.four-home .u-quote img{border-radius:50%;object-fit:cover}.four-home .u-pricing{background:#E09411;--hair:#1F211D45}.four-home .price-purchase{margin-top:var(--gap)}.four-home .u-price{display:flex;align-items:flex-end;gap:18px;margin:0 0 28px}.four-home .u-price-n{font-size:clamp(76px,7vw,104px);font-weight:700;line-height:.85;letter-spacing:-.06em}.four-home .u-price-n span{font-size:.4em;vertical-align:.9em;margin-right:.05em;letter-spacing:0}.four-home .u-price-unit{font-size:15px;font-weight:500;line-height:1.5}.four-home .price-includes{list-style:none;padding:0;margin:0}.four-home .price-includes li{display:flex;gap:12px;align-items:baseline;padding:20px 0;font-size:16px;border-bottom:1px solid var(--hair)}.four-home .price-includes svg{flex-shrink:0;align-self:flex-start;margin-top:4px}.four-home .hosting-note{margin-top:24px;font-size:14px;line-height:1.65;max-width:46em}.four-home .u-pricing .section-note{color:inherit;max-width:none}.four-home .setup-steps{padding:0 0 0 20px;font-size:14px;line-height:1.65}.four-home .setup-steps li{margin-bottom:14px;padding-left:4px}.four-home .faq-answer code{background:#1F211D0D;word-break:break-word}.four-home .faq-answer .b-link{display:inline-flex;align-items:center;min-height:44px;margin-top:16px}.four-home .comparison-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.four-home .comparison-item{grid-row:span 3}.four-home .comparison-once{margin-top:10px;padding:16px 0 0;border-top:1px solid var(--hair)}.four-home .comparison-once h4{margin-bottom:10px;font-size:13px;font-weight:500;color:#62655C}.four-home .comparison-once strong{display:block;margin-bottom:6px;font-size:16px;font-weight:600;color:var(--ink)}.four-home .comparison-note{font-size:14px}.four-home .help-note{margin-top:var(--gap);font-size:15px;line-height:1.7;color:#43463E}.four-home .u-closer .u-actions{margin-top:var(--gap)}.four-home .u-closer .u-head h2{max-width:26ch}.four-home .u-closer .u-lead{font-size:16px}.four-home .site-footer{border-top:1px solid var(--hair);padding:32px 0;background:#F7F7F3}.four-home .award-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--hair)}.four-home .award-badges a{display:inline-flex;opacity:.9;transition:opacity .15s ease}.four-home .award-badges a:hover{opacity:1}.four-home .award-badges img{height:48px;width:auto}.four-home .developer-option{display:flex;justify-content:space-between;gap:20px 40px;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--hair);font-size:13px;color:#62655C}.four-home .developer-option p{max-width:54em}.four-home .developer-option a{flex-shrink:0}.four-home .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:13px}.four-home .footer-bottom span{margin-left:16px;color:#62655C}.four-home .footer-bottom nav{display:flex;gap:24px}.four-home .footer-bottom a{display:inline-flex;align-items:center;min-height:44px}@media(max-width:1000px){.four-home .b-hero-grid{gap:28px}.four-home .b-hero-title{font-size:clamp(36px,4.6vw,46px)}.four-home .b-hero-sub{font-size:17px}.four-home .illustration-tile{padding:16px 12px}.four-home .comparison-grid,.four-home .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.four-home .section-split,.four-home .section-split-mirror{grid-template-columns:1fr}.four-home .section-aside{border-top:0;margin-top:calc(var(--gap) * -.5)}.four-home .section-intro .u-head h2,.four-home .section-intro .u-lead{max-width:24ch}.four-home .comparison-grid{grid-template-columns:1fr}}@media(max-width:700px){.four-home{--gap:28px;--grid-gap:20px}.four-home .header-inner{min-height:64px}.four-home .brand-link{font-size:16px;gap:6px}.four-home .brand-link img{width:24px;height:24px}.four-home .header-nav{gap:14px}.four-home .header-nav .nav-demo{display:none}.four-home .header-nav .nav-install{padding:8px 14px}.four-home .b-hero-grid{grid-template-columns:1fr}.four-home .b-hero-title{font-size:42px;max-width:14ch}.four-home .b-hero-sub{margin-top:20px}.four-home .b-hero-promise{font-size:15px;margin-top:18px}.four-home .hero-copy .u-actions{margin-top:20px}.four-home .b-hero-meta{font-size:12px}.four-home .b-hero-grid{gap:28px}.four-home .illustration-toolbar{padding:12px;font-size:10px}.four-home .illustration-label{font-size:11px}.four-home .illustration-detail{font-size:10px}.four-home .illustration-tile>strong{font-size:27px;margin-top:8px}.four-home .illustration-bars,.four-home .illustration-trend{height:34px;margin-top:12px}.four-home .illustration-error{margin-top:12px;padding:8px}.four-home :is(.feature-item,.stack-item) h3{font-size:17px}.four-home :is(.feature-item,.stack-item) p{font-size:14px}.four-home .metric-item .metric-label{font-size:12px}.four-home .section-note{font-size:14px}.four-home .u-head h2{font-size:30px}.four-home .price-includes li{font-size:15px}.four-home .developer-option,.four-home .footer-bottom{flex-direction:column;align-items:flex-start}.four-home .footer-bottom span{display:block;margin:4px 0 0}}@media(max-width:360px){.four-home .brand-link{font-size:14px}.four-home .header-nav{gap:10px}.four-home .b-hero-title{font-size:36px}.four-home .b-btn{padding-inline:16px}}