@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap";:root{color:#102544;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fbff;font-family:Geist,Inter,system-ui,sans-serif}::selection{color:#fff;background:#168f28}::selection{color:#fff;background:#168f28}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.plans-page{color:#102544;background:radial-gradient(circle at 50% 18%,#fff 0,#f8fbff 58%,#f2f7fe 100%);min-height:100vh;padding:82px 28px 58px}.software-page{background:radial-gradient(circle at 50% 35%,#fff 0,#f8fbff 55%,#edf5ff 100%);min-height:100vh;padding-top:82px}.software-coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;padding:80px 24px;display:flex}.software-coming-soon-label{color:#174f91;margin-bottom:24px;font-size:18px;font-weight:700}.software-coming-soon h1{opacity:1;filter:none;max-width:none;margin:0;font-size:clamp(48px,8vw,92px);animation:none;transform:none}.software-coming-soon p{color:#50647e;margin:22px 0 0;font-size:clamp(24px,3vw,32px);font-weight:600}.plans-content{max-width:1180px;margin:0 auto}.plans-intro{text-align:center;max-width:790px;margin:0 auto;padding:62px 16px 48px}.plans-eyebrow{color:#174f91;letter-spacing:-.02em;margin-bottom:17px;font-size:clamp(18px,2vw,24px);font-weight:700;display:inline-block}.plans-intro h1{color:#0c2344;letter-spacing:-.055em;opacity:1;filter:none;max-width:none;margin:0;font-size:clamp(38px,5vw,64px);line-height:1.05;animation:none;transform:none}.plans-intro p{color:#627792;max-width:610px;margin:17px auto 0;font-size:18px;line-height:1.55}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.plan-card{background:#fff;border:2px solid #d1e1f8;border-radius:30px;flex-direction:column;min-height:620px;padding:22px;display:flex;position:relative;box-shadow:0 3px 5px #10254412}.plan-card-popular{border-color:#6881a8}.plan-popular-badge{color:#fff;background:#102544;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;position:absolute;top:20px;right:20px}.plan-icon{color:#102544;background:#f7faff;border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:28px;display:grid}.plan-card h2{letter-spacing:-.04em;margin:0;font-size:32px;font-weight:600;line-height:1.15}.plan-description{color:#50647e;margin:10px 0 28px;font-size:18px;line-height:1.4}.plan-price{white-space:nowrap;align-items:baseline;gap:8px;margin:0 0 20px;display:flex}.plan-price strong{letter-spacing:-.04em;font-size:clamp(34px,3vw,48px);line-height:1}.plan-price span{color:#50647e;font-size:17px}.plan-features{gap:17px;margin:0;padding:0;list-style:none;display:grid}.plan-features li{color:#203654;align-items:center;gap:12px;font-size:17px;display:flex}.plan-features svg{color:#26916b;flex:none}.plan-subscribe{color:#fff;background:#102544;border-radius:19px;place-items:center;min-height:56px;margin-top:auto;font-size:17px;font-weight:500;transition:background .2s,transform .2s;display:grid}.plan-subscribe:hover{background:#1c426f;transform:translateY(-2px)}.corporation-card{color:#fff;background:#102544;border:2px solid #9bbde7;border-radius:29px;grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr) 230px;align-items:center;gap:42px;min-height:322px;margin-top:40px;padding:48px;display:grid;box-shadow:0 16px 34px #10254424}.corporation-heading{align-items:center;gap:20px;display:flex}.corporation-icon{background:#294364;border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid}.corporation-heading h2{letter-spacing:-.04em;margin:0;font-size:38px;font-weight:500}.corporation-summary>p{color:#aab9cd;max-width:720px;margin:0 0 25px 82px;font-size:17px;line-height:1.65}.corporation-price{margin-left:82px;font-size:30px;display:block}.corporation-card .plan-features li,.corporation-card .plan-features svg{color:#b9c7d9}.corporation-contact{color:#102544;background:#fff;border-radius:19px;place-items:center;min-height:56px;padding:0 18px;font-size:17px;font-weight:600;transition:background .2s,transform .2s;display:grid}.corporation-contact:hover{background:#eaf2fc;transform:translateY(-2px)}@media (width<=1100px){.plan-card{min-height:565px}.corporation-card{grid-template-columns:1fr 1fr}.corporation-contact{grid-column:1/-1;justify-self:end;min-width:210px}}@media (width>=761px) and (width<=1020px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card{min-height:500px}.plan-card:last-child{grid-column:1/-1}}@media (width<=760px){.plans-page{padding:70px 16px 32px}.software-page{padding-top:70px}.software-coming-soon{min-height:60vh}.software-coming-soon h1{font-size:clamp(36px,10vw,52px)}.plans-page .site-footer{margin:40px -16px -32px}.plans-intro{padding:45px 8px 35px}.plans-intro h1{font-size:clamp(32px,7.5vw,48px)}.plan-grid{grid-template-columns:1fr;gap:18px}.plan-card{min-height:440px;padding:22px}.plan-icon{margin-bottom:20px}.corporation-card{grid-template-columns:1fr;gap:28px;margin-top:22px;padding:27px}.corporation-heading{gap:12px}.corporation-icon{width:54px;height:54px}.corporation-heading h2{font-size:clamp(25px,7vw,32px)}.corporation-summary>p,.corporation-price{margin-left:0}.corporation-contact{grid-column:auto;justify-self:stretch}}.landing-page{background:#f8fbff;min-height:100vh;position:relative;overflow:hidden}.landing-page main{z-index:1;padding-top:82px;position:relative}.decorated-section{isolation:isolate}.decorated-section:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#f8fbff 0 18%,#f8fbffcc 50%,#0000 72%);position:absolute;inset:0}.section-words{z-index:-2;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.section-words span{color:#6f91bb;letter-spacing:-.02em;white-space:nowrap;opacity:.19;font-size:clamp(14px,1.5vw,20px);font-weight:600;line-height:1;display:block;position:absolute}.feedback-section .section-words span:nth-child(-n+2){display:none}.site-header{isolation:isolate;z-index:20;border-bottom:1px solid #dce7f4;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 48px);height:82px;margin:0 auto;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.site-header:before{content:"";z-index:-1;background:#f8fbff;border-bottom:1px solid #dce7f4;width:100vw;position:absolute;top:0;bottom:-1px;left:50%;transform:translate(-50%)}.brand{color:#0c2344;letter-spacing:-.6px;justify-self:start;align-items:center;gap:10px;font-size:21px;font-weight:700;display:inline-flex}.brand-logo{object-fit:contain;width:48px;height:42px;display:block}.brand-mark{color:#fff;background:#0c2344;border:1px solid #183b67;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 7px 18px #0c234426,inset 0 1px #607896}.site-nav{align-items:center;gap:42px;display:flex}.site-nav a{color:#50647e;font-size:14px;font-weight:500;transition:color .2s;position:relative}.site-nav a:not(.mobile-signup):after{content:"";background:#2f6fce;border-radius:2px;height:2px;transition:right .2s;position:absolute;bottom:-9px;left:0;right:100%}.site-nav a:hover{color:#0c2344}.site-nav a:hover:after{right:0}.site-nav a.is-active{color:#0c2344;font-weight:700}.site-nav a.is-active:after{right:0}.site-header-actions{justify-self:end;align-items:center;gap:10px;display:flex}.site-console-link{color:#102544;background:0 0;border:1px solid #102544;border-radius:11px;justify-content:center;align-items:center;min-height:40px;padding:0 17px;font-size:13px;font-weight:600;transition:color .2s,background .2s;display:inline-flex}.site-console-link:hover{color:#fff;background:#102544}.menu-toggle,.mobile-signup{display:none}.site-footer{z-index:2;color:#d5e3f3;background:#102544;padding:62px max(24px,50vw - 590px) 22px;position:relative}.site-footer-main{justify-content:space-between;gap:48px;padding-bottom:58px;display:flex}.site-footer-brand img{filter:brightness(0)invert();width:150px;height:auto;display:block}.site-footer-brand p{color:#aabbd0;margin:17px 0 0;font-size:15px}.site-footer-links{gap:clamp(65px,9vw,150px);display:flex}.site-footer-links>div{align-content:start;gap:12px;display:grid}.site-footer-links h2{color:#fff;margin:0 0 9px;font-size:14px;font-weight:700}.site-footer-links a{color:#aabbd0;font-size:14px;transition:color .2s}.site-footer-links a:hover{color:#fff}.site-footer-bottom{color:#8298b5;border-top:1px solid #395171;justify-content:space-between;gap:20px;padding-top:19px;font-size:12px;display:flex}.plans-page .site-footer{margin:58px -28px -58px}@media (width>=701px) and (width<=760px){.plans-page .site-footer{margin:40px -16px -32px}}.hero{isolation:isolate;justify-content:center;align-items:center;min-height:calc(100vh - 82px);padding:84px 24px 140px;display:flex;position:relative}.hero-glow{z-index:-1;filter:blur(80px);opacity:.36;border-radius:50%;width:340px;height:340px;position:absolute}.hero-glow-left{background:#a9ccf8;top:18%;left:-130px}.hero-glow-right{background:#c2d9f6;bottom:2%;right:-150px}.hero-content{text-align:center;max-width:920px}.eyebrow{color:#174f91;letter-spacing:.08em;text-transform:uppercase;background:#f1f7fe;border:1px solid #ccddf1;border-radius:999px;align-items:center;gap:9px;width:max-content;max-width:100%;margin:0 auto 25px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #365f8a12,inset 0 1px 2px #fff}.eyebrow>span:first-child{box-sizing:content-box;background:#2f6fce;border:2px solid #c6daf4;border-radius:50%;width:7px;height:7px}h1{color:#0c2344;letter-spacing:clamp(-7px,-.06em,-3px);opacity:0;filter:blur(12px);max-width:900px;margin:0;font-size:clamp(72px,10vw,132px);font-weight:700;line-height:.98;animation:.9s cubic-bezier(.18,.89,.32,1.28) .15s forwards title-pop;transform:scale(.58)translateZ(-180px)}.hero-title{text-align:center;width:min(920px,100vw - 32px)}.hero-wordmark{outline:none;width:100%;height:1.12em;margin-inline:auto;display:block;position:relative}.wordmark-hit-area{z-index:2;white-space:nowrap;color:#0000;cursor:pointer;width:3.1em;height:.95em;display:block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.wordmark-main,.wordmark-part{white-space:nowrap;transform-origin:50%;pointer-events:none;transition:left .8s cubic-bezier(.16,1,.3,1),opacity .4s,transform .8s cubic-bezier(.16,1,.3,1);display:block;position:absolute;top:50%;left:50%}.wordmark-main{opacity:1;transform:translate(-50%,-50%)scale(1)}.wordmark-main img{width:3.1em;height:auto;display:block}.wordmark-part{letter-spacing:-.035em;opacity:0;font-size:.52em;transform:translate(-50%,-50%)scale(.72)}.hero-wordmark-expanded .wordmark-main,.hero-wordmark-joined .wordmark-main{opacity:0;transform:translate(-50%,-50%)scale(.72)}.hero-wordmark-expanded .wordmark-suara{opacity:1;left:25%;transform:translate(-50%,-50%)scale(1)}.hero-wordmark-expanded .wordmark-yang{opacity:1;left:50%;transform:translate(-50%,-50%)scale(1)}.hero-wordmark-expanded .wordmark-arif{opacity:1;left:75%;transform:translate(-50%,-50%)scale(1)}.hero-wordmark-joined .wordmark-suara{opacity:1;left:34%;transform:translate(-50%,-50%)scale(1)}.hero-wordmark-joined .wordmark-plus{opacity:1;left:50%;transform:translate(-50%,-50%)scale(1)}.hero-wordmark-joined .wordmark-arif{opacity:1;left:66%;transform:translate(-50%,-50%)scale(1)}.hero-wordmark-brand .wordmark-suara,.hero-wordmark-brand .wordmark-yang,.hero-wordmark-brand .wordmark-plus,.hero-wordmark-brand .wordmark-arif{left:50%}.hero-copy{color:#102544;letter-spacing:-.035em;max-width:750px;margin:34px auto 0;font-size:clamp(25px,3.3vw,42px);font-weight:600;line-height:1.18}.hero-translation{color:#71839a;letter-spacing:.01em;opacity:0;margin:12px auto 0;font-size:10.5px;line-height:1.4;transition:opacity .2s,transform .2s;transform:translateY(-4px)}:is(.hero-content:has(.wordmark-hit-area:hover) .hero-translation,.hero-content:has(.hero-wordmark:focus-visible) .hero-translation){opacity:1;transform:translateY(0)}.copy-line{justify-content:center;gap:.25em;display:flex;overflow:visible}.copy-line span{opacity:0;display:inline-block}.copy-line-left span{animation:word-from-left .6s cubic-bezier(.22, 1, .36, 1) var(--word-delay) forwards;transform:translate(-65px)}.copy-line-right span{animation:word-from-right .6s cubic-bezier(.22, 1, .36, 1) var(--word-delay) forwards;transform:translate(65px)}.copy-line .select-word{z-index:0;transform-origin:50%;animation-name:word-from-left,word-select;animation-duration:.6s,4.15s;animation-timing-function:cubic-bezier(.22,1,.36,1),ease-in-out;animation-delay:var(--word-delay), var(--select-delay);border-radius:.12em;margin:0;padding:.02em .11em .08em;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none;position:relative}.copy-line-right .select-word{animation-name:word-from-right,word-select}.hero-actions{opacity:0;justify-content:center;align-items:center;gap:24px;margin-top:36px;animation:.55s cubic-bezier(.22,1,.36,1) 2.45s forwards actions-in;display:flex;transform:translateY(18px)scale(.96)}.primary-button{color:#fff;background:#0c2344;border:1px solid #0c2344;border-radius:999px;align-items:center;gap:10px;padding:13px 22px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 11px 27px #0c23442b,inset 0 1px #637a96}.primary-button:hover{background:#143861;transform:translateY(-2px);box-shadow:0 15px 32px #0c234438,inset 0 1px #7187a1}.text-button{color:#174f91;border-bottom:1px solid #8dadd2;align-items:center;gap:7px;padding:10px 1px 7px;font-size:14px;font-weight:600;display:inline-flex}.text-button span{transition:transform .2s}.text-button:hover span{transform:translate(2px,-2px)}.trust-line{color:#71839a;justify-content:center;align-items:center;gap:13px;margin-top:45px;font-size:11px;display:flex}.trust-line p{text-align:left;margin:0}.trust-line strong{color:#314a68}.avatar-stack{padding-left:8px;display:flex}.avatar-stack span{color:#fff;background:#2f6fce;border:2px solid #f8fbff;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:-8px;font-size:8px;font-weight:700;display:grid;box-shadow:inset 1px 1px 3px #174c91}.avatar-stack span:nth-child(2){background:#0c2344}.avatar-stack span:nth-child(3){color:#174f91;background:#cbdcf2;box-shadow:inset 1px 1px 3px #9db9da}.hero-proof{color:#61758d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffcf;border:1px solid #dee8f3;border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:2px 8px;width:max-content;max-width:calc(100% - 30px);padding:10px 15px;font-size:9px;display:grid;position:absolute;bottom:23px;left:50%;transform:translate(-50%);box-shadow:6px 8px 25px #4a6c8e17,inset 0 1px #fff}.proof-dot{box-sizing:content-box;background:#50a579;border:2px solid #d9f2e5;border-radius:50%;grid-row:span 2;width:8px;height:8px}.hero-proof strong{color:#1f3857;font-size:10px}.video-section{z-index:1;width:min(1100px,100% - 64px);margin:160px auto 0;padding:0 0 112px;position:relative}.video-connector{color:#2f6fce;opacity:1;width:70px;height:220px;position:absolute;top:-225px;left:50%;transform:translate(-50%)}.video-connector svg{width:220px;height:59px;display:block;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)rotate(90deg)}.connector-wave>*{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.55)}.product-video{z-index:2;aspect-ratio:16/9;object-fit:cover;background:#e8eff7;border:0;border-radius:5px;width:100%;display:block;position:relative;box-shadow:0 22px 65px #0c23441a}.tools-showcase{margin-top:68px}.tools-showcase.is-scroll-animated h2,.tools-showcase.is-scroll-animated .tools-marquee{opacity:0}.tools-showcase h2{color:#0c2344;letter-spacing:-.045em;text-align:center;margin:0 0 28px;font-size:clamp(28px,3.5vw,42px);line-height:1.12}.tools-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.tools-marquee-track{width:max-content;animation:75s linear infinite tools-marquee-right;display:flex}.tools-marquee:hover .tools-marquee-track{animation-play-state:paused}.tools-logo-set{flex:none;align-items:center;gap:20px;padding-right:20px;display:flex}.tools-logo-card{width:185px;height:120px;box-shadow:none;background:0 0;border:0;flex:none;place-items:center;padding:8px;display:grid}.tools-logo-card img{object-fit:contain;max-width:100%;max-height:85px;animation:4s ease-in-out infinite alternate tools-logo-float;display:block}.tools-logo-card:nth-child(3n+2) img{animation-delay:-1.3s}.tools-logo-card:nth-child(3n+3) img{animation-delay:-2.6s}.comparison-section{isolation:isolate;width:min(1100px,100% - 64px);margin:100px auto 0;padding:110px 0 130px;position:relative}.comparison-section>.video-connector{top:-180px}.comparison-content{z-index:2;padding:60px 70px 70px;position:relative}.comparison-content h2{color:#0c2344;letter-spacing:-.05em;text-align:center;margin:0 0 36px;font-size:clamp(32px,4.5vw,54px);line-height:1.08}.comparison-content h2.is-scroll-animated{opacity:0;transform-origin:bottom}.comparison-table{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:stretch;display:grid}.comparison-table.is-scroll-animated .comparison-item,.comparison-table.is-scroll-animated .comparison-divider span{opacity:0}.comparison-side{grid-template-rows:repeat(3,minmax(160px,auto));display:grid}.comparison-item{text-align:center;background:#f8fbff;border:1px solid #dce7f4;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;margin-block:14px;padding:18px 20px;display:flex}.comparison-staff .comparison-item{margin-right:12px}.comparison-swarif .comparison-item{margin-left:12px}.comparison-label{color:#0c2344;letter-spacing:-.035em;font-size:clamp(18px,2vw,25px);font-weight:700}.comparison-item p{color:#637993;max-width:290px;margin:12px 0 0;font-size:clamp(14px,1.55vw,18px);line-height:1.45}.comparison-item strong{color:#102544;font-weight:700}.comparison-swarif .comparison-label,.comparison-swarif strong{color:#174f91}.comparison-divider{color:#2f6fce;grid-template-rows:repeat(3,1fr);place-items:center;display:grid;position:relative}.comparison-divider>svg{width:100%;height:100%;position:absolute;inset:0}.comparison-junction{place-items:center;width:100%;height:100%;display:grid;position:relative}.comparison-bridge{width:calc(100% + 24px);height:48px;position:absolute;top:50%;left:-12px;overflow:visible;transform:translateY(-50%)}.comparison-bridge path{stroke:currentColor;stroke-width:2px;stroke-linecap:round}.comparison-divider span{z-index:1;color:#174f91;text-transform:uppercase;background:#f8fbff;border:2px solid #a8c8ec;border-radius:50%;place-items:center;width:46px;height:46px;font-size:15px;font-weight:700;display:grid;position:relative;box-shadow:0 4px 13px #174f9119}.marketing-section{isolation:isolate;width:min(1100px,100% - 64px);margin:0 auto;padding-bottom:110px;position:relative}.marketing-wave{z-index:1;pointer-events:none;width:100px;height:calc(100% + 90px);position:absolute;top:-200px;left:50%;overflow:visible;transform:translate(-50%)}.marketing-wave path{stroke:#2f6fce;stroke-width:2px;stroke-linecap:round;stroke-dasharray:1 14}.marketing-frame{background:#f8fbffed;border:1px solid #b9d4f1;border-radius:16px;grid-template-columns:1fr 96px 1fr;align-items:center;min-height:460px;padding:60px 54px;display:grid;position:relative;box-shadow:0 14px 45px #1642740c}.marketing-frame.is-animated .marketing-message>*{opacity:0;transform-origin:50%}.marketing-frame.is-animated.is-complete .marketing-message>*{opacity:1}.marketing-frame.is-animated.is-visible .marketing-message>*{opacity:1;animation:.65s cubic-bezier(.22,1,.36,1) both marketing-line-pop}.marketing-frame.is-animated.is-leaving .marketing-message>*{opacity:0;animation:.45s both marketing-line-out}.marketing-frame.is-visible .marketing-project,.marketing-frame.is-visible .marketing-more{animation-delay:.1s!important}.marketing-frame.is-visible .marketing-need,.marketing-frame.is-visible .marketing-message-right h2{animation-delay:.45s!important}.marketing-frame.is-visible .marketing-old,.marketing-frame.is-visible .marketing-task{animation-delay:.8s!important}.marketing-frame.is-visible .marketing-arrow,.marketing-frame.is-visible .marketing-message-left h2,.marketing-frame.is-visible .marketing-done{animation-delay:1.15s!important}.marketing-message{z-index:2;text-align:center;width:100%;max-width:390px;position:relative}.marketing-message-left{grid-column:1;justify-self:center}.marketing-message-right{grid-column:3;justify-self:center}.marketing-project,.marketing-need,.marketing-old,.marketing-more,.marketing-task,.marketing-done{letter-spacing:-.04em;margin:0;font-size:clamp(26px,3vw,40px);line-height:1.25}.marketing-project{text-align:left;color:#0c2344;margin-bottom:10px;font-weight:600}.marketing-need{text-align:center;color:#0c2344}.marketing-old{color:#7085a0;width:max-content;max-width:100%;margin:12px 0 0 auto;font-weight:700;-webkit-text-decoration:line-through #2f6fce;text-decoration:line-through #2f6fce;text-decoration-thickness:3px}.marketing-arrow{color:#2f6fce;text-align:left;margin:-5px 0 -2px 20%;font-size:47px;line-height:1;display:block}.marketing-message h2{color:#0c2344;letter-spacing:-.05em;margin:0;font-size:clamp(28px,3.2vw,42px);line-height:1.13}.marketing-message h2 span{color:#2f6fce}.marketing-more{color:#0c2344;margin-bottom:12px}.marketing-no{margin-right:.15em;display:inline-block;position:relative}.marketing-no:before,.marketing-no:after{content:"";background:#2f6fce;border-radius:2px;width:116%;height:3px;position:absolute;top:50%;left:-8%}.marketing-no:before{transform:rotate(43deg)}.marketing-no:after{transform:rotate(-43deg)}.marketing-message-right h2{margin-bottom:12px}.marketing-task{color:#0c2344;margin-bottom:12px}.marketing-done{color:#174f91;font-weight:700}.marketing-done span{color:#2f6fce}.capabilities-section{width:min(1100px,100% - 64px);margin:140px auto 0;padding-bottom:140px;position:relative}.capabilities-section>.video-connector{height:230px;top:-240px}.capabilities-section>.video-connector svg{width:230px}.capabilities-frame{min-height:610px;padding:55px 46px 35px}.capabilities-section.is-scroll-animated .capabilities-frame h2,.capabilities-section.is-scroll-animated .capability-slide-shell,.capabilities-section.is-scroll-animated .carousel-button,.capabilities-section.is-scroll-animated .carousel-pagination,.capabilities-section.is-scroll-animated .capabilities-more{opacity:0}.capabilities-frame h2{color:#0c2344;letter-spacing:-.05em;text-align:center;margin:0;font-size:clamp(34px,4.5vw,54px);line-height:1.1}.capabilities-stage{grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:28px;min-height:425px;display:grid}.carousel-button{color:#174f91;cursor:pointer;background:#fff;border:1px solid #a8c8ec;border-radius:50%;place-items:center;width:54px;height:54px;padding:0;transition:transform .2s,background .2s;display:grid;box-shadow:0 7px 18px #174f9115}.carousel-button:hover{background:#edf5ff;box-shadow:0 10px 24px #174f9129}.carousel-button:focus-visible,.carousel-pagination button:focus-visible{outline-offset:3px;outline:3px solid #2f6fce}.capability-slide-shell{min-width:0}.attendance-slide{color:#102544;background:#fff;border:1px solid #dce7f4;border-radius:14px;min-height:345px;padding:22px 28px 26px;box-shadow:0 12px 30px #0c23440d}.attendance-slide h3{color:#0c2344;letter-spacing:-.04em;text-align:center;margin:0;font-size:clamp(22px,2.4vw,30px)}.attendance-flow{grid-template-rows:repeat(2,95px);grid-template-columns:minmax(0,1fr) 82px 130px 70px minmax(0,1fr);align-items:center;gap:0 8px;margin-top:18px;display:grid}.attendance-input,.attendance-output{text-align:center;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:72px;padding:10px;font-size:14px;font-weight:600;display:flex}.attendance-excel{grid-area:1/1}.attendance-excel img{object-fit:contain;width:42px;height:42px}.attendance-punchcard{grid-area:2/1}.attendance-punchcard svg{color:#2f6fce;flex:none;width:45px;height:45px}.attendance-excel img,.attendance-punchcard svg,.attendance-output svg{animation:3.5s ease-in-out infinite alternate attendance-float}.attendance-punchcard svg{animation-delay:-1.2s}.attendance-output svg{animation-delay:-2.1s}.attendance-merge{color:#7aabe2;grid-area:1/2/3/3;width:100%;height:190px}.attendance-mobile-merge{display:none}.attendance-merge path,.attendance-flow-arrow path,.attendance-mobile-merge path{stroke-dasharray:100;stroke-dashoffset:100px}.capabilities-section.is-in-view .attendance-merge path,.capabilities-section.is-in-view .attendance-mobile-merge path{animation:1.3s ease-out .2s forwards attendance-line-draw}.capabilities-section.is-in-view .attendance-merge path:nth-child(2){animation-delay:.35s}.capabilities-section.is-in-view .attendance-flow-arrow path{animation:.9s ease-out 1.2s forwards attendance-line-draw}.attendance-swarif{grid-area:1/3/3/4;justify-content:center;align-items:center;min-height:92px;display:flex}.attendance-swarif img,.invoice-swarif img{object-fit:contain;width:100px;max-width:100%;height:72px;display:block}.attendance-flow-arrow{color:#2f6fce;grid-area:1/4/3/5;width:100%;height:32px}.attendance-output{color:#174f91;flex-direction:column;grid-area:1/5/3/6;gap:7px;min-height:92px}.reconciliation-flow .attendance-punchcard img,.reconciliation-flow .attendance-output img{object-fit:contain;width:42px;height:42px;animation:3.5s ease-in-out infinite alternate attendance-float}.reconciliation-flow .attendance-punchcard img{animation-delay:-1.2s}.reconciliation-flow .attendance-output img{animation-delay:-2.1s}.attendance-slide>p{color:#637993;text-align:center;max-width:660px;margin:20px auto 0;font-size:14px;line-height:1.5}.invoice-flow{grid-template-rows:96px 40px 92px;grid-template-columns:minmax(0,1fr) 70px 150px 70px minmax(0,1.2fr);align-items:center;gap:0 10px;min-height:228px;margin-top:18px;display:grid}.invoice-tool,.invoice-result{color:#174f91;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-width:0;font-size:14px;font-weight:600;display:flex}.invoice-tool img{object-fit:contain;width:76px;height:70px;animation:3.5s ease-in-out infinite alternate attendance-float;display:block}.invoice-excel{grid-area:3/1}.invoice-chrome{grid-area:1/3}.invoice-chrome img{width:68px;height:55px;animation-delay:-1.4s}.invoice-swarif{grid-area:3/3;justify-content:center;align-items:center;min-height:92px;display:flex}.invoice-arrow{color:#2f6fce;width:100%;height:32px}.invoice-arrow-to-swarif{grid-area:3/2}.invoice-arrow-to-result{grid-area:3/4}.invoice-chrome-connection{grid-area:2/3;justify-content:center;align-items:center;gap:7px;display:flex}.invoice-vertical-arrow{color:#2f6fce;width:32px;height:28px}.invoice-chrome-connection span{color:#637993;font-size:11px;font-weight:600}.invoice-arrow path,.invoice-vertical-arrow path{stroke-dasharray:100;stroke-dashoffset:100px}.capabilities-section.is-in-view .invoice-arrow-to-swarif path,.capabilities-section.is-in-view .invoice-vertical-arrow path{animation:.75s ease-out .2s forwards attendance-line-draw}.capabilities-section.is-in-view .invoice-arrow-to-result path{animation:.85s ease-out 1.05s forwards attendance-line-draw}.invoice-result{grid-area:3/5;min-height:92px}.invoice-result svg{animation:3.5s ease-in-out -2.1s infinite alternate attendance-float}.invoice-result strong{font-size:15px;line-height:1.25}.capability-placeholder{color:#637993;text-align:center;background:#fff;border:1px dashed #c6d8ec;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:345px;padding:30px;display:flex}.capability-number{color:#2f6fce;letter-spacing:.12em;font-size:12px;font-weight:700}.capability-skeleton{gap:13px;width:min(300px,75%);margin:32px 0 20px;display:grid}.capability-skeleton span{background:#e6eef8;border-radius:999px;height:13px;display:block}.capability-skeleton span:nth-child(2){width:82%;margin:0 auto}.capability-skeleton span:nth-child(3){width:60%;margin:0 auto}.capability-placeholder p{margin:0;font-size:14px}.carousel-pagination{justify-content:center;align-items:center;gap:9px;display:flex}.carousel-pagination button{cursor:pointer;background:#c5d7eb;border:0;border-radius:50%;width:9px;height:9px;padding:0}.carousel-pagination button.is-active{background:#2f6fce;border-radius:999px;width:24px}.capabilities-more{color:#174f91;letter-spacing:-.04em;text-align:center;margin:8px 0 0;font-size:clamp(24px,3vw,36px);font-weight:700}.feedback-section{width:min(1100px,100% - 64px);margin:140px auto 0;padding-bottom:150px;position:relative}.feedback-section.is-scroll-animated .feedback-heading-row,.feedback-section.is-scroll-animated .feedback-intro,.feedback-section.is-scroll-animated .feedback-divider,.feedback-section.is-scroll-animated .feedback-carousel,.feedback-section.is-scroll-animated .feedback-pagination{opacity:0}.feedback-section>.video-connector{height:250px;top:-260px}.feedback-section>.video-connector svg{width:250px}.feedback-page{padding:42px 48px 50px}.feedback-heading-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.feedback-heading-row h2{color:#0c2344;letter-spacing:-.055em;margin:0;font-size:clamp(38px,5vw,58px);line-height:1.08}.feedback-intro{color:#637993;margin:16px 0 0;font-size:16px;line-height:1.5}.feedback-divider{background:#e5edf7;height:1px;margin:36px 0 34px}.feedback-carousel{position:relative}.feedback-track{height:330px;position:relative;overflow:hidden}.feedback-card{background:#f8fbff;border:1px solid #dce7f4;border-radius:14px;flex-direction:column;width:min(460px,54%);min-height:255px;padding:26px;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s,box-shadow .45s;display:flex;position:absolute;top:18px;left:50%;box-shadow:0 16px 34px #0c234412}.feedback-card.is-main{z-index:3;opacity:1;transform:translate(-50%)scale(1)}.feedback-card.is-prev{z-index:1;opacity:.72;transform:translate(-120%,36px)scale(.86)}.feedback-card.is-next{z-index:1;opacity:.72;transform:translate(20%,36px)scale(.86)}.feedback-card-top{justify-content:space-between;align-items:flex-start;display:flex}.feedback-card-number{color:#9bb4d1;letter-spacing:.08em;font-size:12px;font-weight:700}.feedback-carousel-button{z-index:4;color:#174f91;cursor:pointer;background:#fff;border:1px solid #a8c8ec;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:45%;transform:translateY(-50%);box-shadow:0 7px 18px #174f911b}.feedback-carousel-button:hover{background:#edf5ff}.feedback-carousel-button:focus-visible,.feedback-pagination button:focus-visible{outline-offset:3px;outline:3px solid #2f6fce}.feedback-carousel-previous{left:0}.feedback-carousel-next{right:0}.feedback-pagination{justify-content:center;gap:9px;display:flex}.feedback-pagination button{cursor:pointer;background:#c5d7eb;border:0;border-radius:50%;width:9px;height:9px;padding:0}.feedback-pagination button.is-active{background:#2f6fce;border-radius:999px;width:24px}.feedback-quote-mark{color:#a8c8ec;height:38px;font-family:Georgia,serif;font-size:55px;line-height:1}.feedback-skeleton-lines{gap:12px;margin-top:24px;display:grid}.feedback-skeleton-lines span,.feedback-name-line{background:#e4edf8;border-radius:999px;height:10px}.feedback-skeleton-lines span:nth-child(2){width:88%}.feedback-skeleton-lines span:nth-child(3){width:62%}.feedback-card-footer{align-items:center;gap:10px;margin-top:auto;padding-top:28px;display:flex}.feedback-avatar{background:#e4edf8;border-radius:50%;width:30px;height:30px}.feedback-name-line{width:92px}@keyframes title-pop{0%{opacity:0;filter:blur(12px);transform:scale(.58)translateZ(-180px)}72%{opacity:1;filter:blur();transform:scale(1.035)translateZ(0)}to{opacity:1;filter:blur();transform:scale(1)translateZ(0)}}@keyframes word-from-left{to{opacity:1;transform:translate(0)}}@keyframes word-from-right{to{opacity:1;transform:translate(0)}}@keyframes word-select{0%,2%{z-index:2;color:#102544;background:#21f500;transform:translateY(-4px)scale(1.13);box-shadow:inset 0 0 0 1px #21f500,0 8px 18px #21f50030}2.5%,9.5%{z-index:2;color:#102544;background:#21f500;transform:translateY(-3px)scale(1.1);box-shadow:inset 0 0 0 1px #21f500,0 8px 18px #21f50030}10.5%,to{z-index:0;color:#102544;background:0 0;transform:translateY(0)scale(1);box-shadow:inset 0 0 0 1px #0000,0 4px 12px #0000}}@keyframes actions-in{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes marketing-line-pop{0%{opacity:0;transform:translateY(24px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes marketing-line-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.96)}}@keyframes tools-marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes tools-logo-float{0%{transform:translateY(3px)}to{transform:translateY(-5px)}}@keyframes attendance-float{0%{transform:translateY(3px)}to{transform:translateY(-5px)}}@keyframes attendance-line-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-title,.copy-line span,.hero-actions{opacity:1!important;filter:none!important;transform:none!important}.marketing-frame.is-visible .marketing-message>*{opacity:1}.attendance-merge path,.attendance-mobile-merge path,.attendance-flow-arrow path,.invoice-arrow path,.invoice-vertical-arrow path{stroke-dashoffset:0}}@media (width<=700px){html{scroll-padding-top:70px}.landing-page main{padding-top:70px}.section-words span{display:none}.section-words span:nth-child(3){opacity:.15;font-size:12px;display:block;top:calc(100% - 44px)!important}.hero .section-words{display:none}.site-header{grid-template-columns:1fr auto;width:calc(100% - 32px);height:70px}.site-console-link{min-height:37px;padding:0 11px;font-size:11px}.menu-toggle{color:#0c2344;cursor:pointer;background:#f3f8fe;border:1px solid #d7e4f3;border-radius:11px;place-items:center;width:39px;height:39px;padding:0;display:grid;box-shadow:inset 1px 1px 3px #dce7f3}.site-nav{visibility:hidden;opacity:0;background:#fff;border:1px solid #dce7f4;border-radius:14px;gap:0;padding:10px;transition:all .2s;display:grid;position:absolute;top:62px;left:0;right:0;transform:translateY(-8px);box-shadow:0 15px 35px #16395d24}.site-nav.is-open{visibility:visible;opacity:1;transform:translateY(0)}.site-nav a{border-radius:9px;padding:12px}.site-nav a:hover{background:#f3f8fe}.site-nav a.is-active{color:#0c2344;background:#edf5ff}.site-nav a:after{display:none}.site-nav .mobile-signup{color:#fff;text-align:center;background:#0c2344;margin-top:5px;display:block}.site-footer{padding:46px 24px 22px}.site-footer-main{flex-direction:column;gap:40px;padding-bottom:40px}.site-footer-links{gap:65px}.site-footer-bottom{flex-direction:column;gap:7px}.plans-page .site-footer{margin:40px -16px -32px}.hero{min-height:calc(100svh - 70px);padding:68px 20px 120px}.hero-wordmark{height:clamp(80px,24vw,150px)}.wordmark-main img,.wordmark-hit-area{width:min(70vw,450px)}.wordmark-hit-area{height:100%}.hero-copy{margin-top:20px;font-size:clamp(18px,4.6vw,30px)}.hero-actions{flex-direction:column;gap:12px;margin-top:30px}.primary-button{justify-content:center;width:100%;max-width:315px}.trust-line{align-items:flex-start;margin-top:34px}.trust-line p{max-width:240px;line-height:1.45}.video-section{width:calc(100% - 32px);margin-top:150px;padding-bottom:70px}.video-connector{width:54px;height:170px;top:-175px}.video-connector svg{width:170px;height:45px}.product-video{border-radius:3px;box-shadow:0 14px 38px #0c23441a}.tools-showcase{margin-top:46px}.tools-showcase h2{margin-bottom:20px}.tools-logo-set{gap:12px;padding-right:12px}.tools-logo-card{width:140px;height:96px;padding:6px}.tools-logo-card img{max-height:72px}.comparison-section{width:calc(100% - 32px);margin-top:90px;padding:80px 0 75px}.comparison-section>.video-connector{top:-150px}.comparison-content{padding:42px 12px 28px}.comparison-content h2{margin-bottom:20px}.comparison-table{grid-template-columns:minmax(0,1fr) clamp(40px,10vw,54px) minmax(0,1fr)}.comparison-side{grid-template-rows:repeat(3,minmax(148px,auto))}.comparison-item{overflow-wrap:anywhere;margin-block:12px;padding:14px 5px}.comparison-staff .comparison-item{margin-right:4px}.comparison-swarif .comparison-item{margin-left:4px}.comparison-label{font-size:clamp(16px,4vw,22px)}.comparison-item p{font-size:clamp(13px,3.25vw,16px)}.comparison-bridge{width:calc(100% + 12px);left:-6px}.comparison-item p{margin-top:8px}.comparison-divider span{width:34px;height:34px;font-size:10px}.marketing-section{width:calc(100% - 32px);padding-bottom:80px}.marketing-wave{width:54px;height:calc(100% + 23px);top:-103px}.marketing-frame{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);min-height:360px;padding:36px 14px}.marketing-project,.marketing-need,.marketing-old,.marketing-more,.marketing-task,.marketing-done{font-size:clamp(17px,4vw,24px)}.marketing-message h2{font-size:clamp(20px,4.8vw,29px)}.marketing-arrow{font-size:32px}.capabilities-section{width:calc(100% - 32px);margin-top:120px;padding-bottom:80px}.capabilities-section>.video-connector{height:180px;top:-190px}.capabilities-section>.video-connector svg{width:180px}.capabilities-frame{min-height:440px;padding:35px 14px 28px}.capabilities-stage{grid-template-columns:1fr 1fr;grid-template-areas:"slide slide""previous next";gap:14px;min-height:0;margin:24px 0 14px}.capabilities-stage>.carousel-button:first-child{grid-area:previous;justify-self:start}.capabilities-stage>.carousel-button:last-child{grid-area:next;justify-self:end}.capability-slide-shell{grid-area:slide}.carousel-button{width:44px;height:44px}.carousel-button svg{width:20px;height:20px}.attendance-slide{padding:20px 14px}.attendance-flow{grid-template-rows:auto 36px auto 28px auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.attendance-input{flex-direction:column;gap:4px;min-height:82px;font-size:12px}.attendance-excel{grid-area:1/1}.attendance-punchcard{grid-area:1/2}.attendance-excel img,.attendance-punchcard svg{width:36px;height:36px}.attendance-merge{display:none}.attendance-mobile-merge{color:#7aabe2;grid-area:2/1/3/3;justify-self:center;width:min(220px,100%);height:36px;display:block}.attendance-swarif{grid-area:3/1/4/3;min-height:72px}.attendance-flow-arrow{grid-area:4/1/5/3;justify-self:center;width:32px;height:28px;transform:rotate(90deg)}.attendance-output{grid-area:5/1/6/3;min-height:72px}.reconciliation-flow .attendance-punchcard img,.reconciliation-flow .attendance-output img{width:36px;height:36px}.invoice-flow{grid-template-rows:auto 28px 72px 28px auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;margin-top:22px}.invoice-tool img{width:55px;height:52px}.invoice-excel{grid-area:1/1}.invoice-chrome{grid-area:1/2}.invoice-arrow-to-swarif{grid-area:2/1}.invoice-chrome-connection{grid-area:2/2}.invoice-swarif{grid-area:3/1/4/3}.invoice-arrow-to-result{grid-area:4/1/5/3}.invoice-result{grid-area:5/1/6/3}.invoice-swarif,.invoice-result{min-height:72px}.invoice-arrow{justify-self:center;width:32px;height:28px;transform:rotate(90deg)}.capability-placeholder{min-height:250px;padding:18px 8px}.feedback-section{width:calc(100% - 32px);margin-top:120px;padding-bottom:80px}.feedback-section>.video-connector{height:180px;top:-190px}.feedback-section>.video-connector svg{width:180px}.feedback-page{padding:30px 22px 32px}.feedback-intro{font-size:14px}.feedback-carousel{padding-bottom:54px}.feedback-track{height:250px}.feedback-card{width:76%;min-height:210px;padding:18px;top:15px}.feedback-card.is-prev{transform:translate(-120%,24px)scale(.86)}.feedback-card.is-next{transform:translate(20%,24px)scale(.86)}.feedback-carousel-button{width:44px;height:44px;top:auto;bottom:0;transform:none}.feedback-carousel-button svg{width:20px;height:20px}}@media (width<=420px){h1{letter-spacing:-3px;font-size:52px}.eyebrow{font-size:9px}.hero-proof{bottom:15px}}