@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#10231e;background:#f6f8f4;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #10231e;--forest: #032f27;--forest-2: #06483a;--green: #19bd82;--green-bright: #25e7a3;--mint: #caffeb;--paper: #f6f8f4;--white: #ffffff;--line: rgba(16, 35, 30, .11);--muted: #687b74;--purple: #6554e8;--shadow: 0 28px 80px rgba(4, 45, 37, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;min-width:320px;background:var(--paper)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}svg{width:1.15em;height:1.15em;display:block}.site-shell{overflow:hidden}.site-header{position:fixed;inset:0 0 auto;z-index:100;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,5vw,76px);color:#fff;background:#032f27d1;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:inline-flex;width:max-content;align-items:center;gap:11px;text-decoration:none;font:800 21px/1 Manrope,sans-serif;letter-spacing:-.04em}.brand img{width:39px;height:39px;object-fit:contain;border-radius:11px;box-shadow:0 8px 25px #0000001f}.desktop-nav,.account-nav{display:flex;align-items:center;gap:7px}.desktop-nav a,.text-link{padding:10px 14px;border-radius:10px;text-decoration:none;color:#ffffffbd;font-size:14px;font-weight:600;transition:.2s ease}.desktop-nav a:hover,.text-link:hover{color:#fff;background:#ffffff14}.account-nav{justify-self:end}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 25px;border:0;border-radius:13px;background:linear-gradient(135deg,#0baa71,#20c98b);color:#fff;text-decoration:none;font:750 15px/1 Manrope,sans-serif;box-shadow:0 15px 34px #19bd823d;cursor:pointer;transition:transform .25s,box-shadow .25s,filter .25s}.button:hover{transform:translateY(-3px);box-shadow:0 20px 45px #19bd824d;filter:saturate(1.08)}.button svg{transition:transform .25s}.button:hover svg{transform:translate(3px)}.button-small{min-height:42px;padding:0 17px;border-radius:10px;font-size:13px}.hero{position:relative;min-height:860px;display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:clamp(45px,5vw,90px);padding:150px clamp(24px,6.5vw,110px) 100px;color:#fff;background:radial-gradient(circle at 16% 40%,rgba(19,189,126,.23),transparent 30%),radial-gradient(circle at 86% 27%,rgba(36,230,162,.12),transparent 25%),linear-gradient(135deg,#021f1a,#043e32 52%,#012b24)}.hero:before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:68px 68px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 88%);mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero:after{content:"";position:absolute;left:-250px;top:80px;width:680px;height:680px;border:1px solid rgba(121,255,205,.09);border-radius:50%;box-shadow:0 0 0 90px #79ffcd05,0 0 0 180px #79ffcd03}.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.hero-glow-one{width:6px;height:6px;left:8%;top:31%;background:#7dffd0;box-shadow:220px 340px #7dffd0,590px -40px #7dffd0,1120px 120px #7dffd0,1420px 460px #7dffd0;animation:starPulse 4s ease-in-out infinite}.hero-glow-two{width:3px;height:3px;left:23%;top:22%;background:#fff;box-shadow:320px 400px #fff,670px 260px #fff,1020px 500px #fff;opacity:.45}.hero-copy,.hero-product{position:relative;z-index:2}.hero-copy{max-width:700px}.eyebrow{display:inline-flex;align-items:center;gap:11px;padding:9px 13px;border:1px solid rgba(87,240,183,.24);border-radius:999px;background:#1eae7a1a;color:#a4f8d7;font:700 11px/1 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}.live-dot{width:8px;height:8px;border-radius:50%;background:#3ef0ad;box-shadow:0 0 0 6px #3ef0ad1a;animation:pulse 1.8s infinite}h1,h2,h3,.screen strong{font-family:Manrope,sans-serif}h1{margin:28px 0 0;font-size:clamp(53px,5.3vw,88px);line-height:.98;letter-spacing:-.065em;font-weight:800}h1 em{color:var(--green-bright);font-style:normal}.hero-lead{max-width:620px;margin:29px 0 0;color:#e0f7efb3;font-size:clamp(17px,1.35vw,21px);line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.button-hero{background:linear-gradient(135deg,#1ed995,#07ac71)}.button-secondary{color:#fff;background:#ffffff0e;border:1px solid rgba(255,255,255,.18);box-shadow:none}.button-secondary:hover{background:#ffffff1a;box-shadow:none}.play-dot{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ffffff1f;font-size:8px}.assurances{display:flex;flex-wrap:wrap;gap:14px 25px;margin-top:28px;color:#daf4ebad;font-size:13px;font-weight:600}.assurances span{display:flex;align-items:center;gap:7px}.assurances svg{color:#48eab0}.hero-product{min-height:610px;transform:perspective(1100px) rotateY(-2deg)}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(95,239,187,.16)}.orbit:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#49e7ae;box-shadow:0 0 20px #49e7ae}.orbit-one{width:590px;height:590px;right:-70px;top:-20px;animation:spin 28s linear infinite}.orbit-one:before{top:72px;left:63px}.orbit-two{width:440px;height:440px;right:5px;top:50px;animation:spinReverse 22s linear infinite}.orbit-two:before{bottom:35px;right:90px}.desktop-frame{position:absolute;width:min(100%,720px);right:0;top:45px;overflow:hidden;border:1px solid rgba(123,247,201,.22);border-radius:20px;background:#f9fcfa;box-shadow:0 45px 100px #0000005c,0 0 0 8px #ffffff06}.frame-toolbar{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#6d7c78;background:#eef4f1;border-bottom:1px solid #dce8e2;font-size:10px}.frame-toolbar b{padding:5px 8px;color:#07895d;background:#d8f7e9;border-radius:99px;font-size:8px;letter-spacing:.1em}.window-dots{display:flex;gap:5px}.window-dots i,.stage-toolbar i{width:7px;height:7px;border-radius:50%;background:#ff7a6b}.window-dots i:nth-child(2),.stage-toolbar i:nth-child(2){background:#ffc04b}.window-dots i:nth-child(3),.stage-toolbar i:nth-child(3){background:#25c987}.frame-body{display:grid;grid-template-columns:55px 1fr;height:430px}.mini-sidebar{display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:16px;background:#052f28}.mini-sidebar img{width:27px;height:27px;border-radius:8px}.mini-sidebar span{width:18px;height:5px;border-radius:99px;background:#ffffff29;transition:.35s}.mini-sidebar span.active{width:28px;background:#2ee7a6;box-shadow:0 0 16px #2ee7a699}.preview-canvas{overflow:hidden;color:var(--ink);background:#f6f9f7}.phone-frame{position:absolute;z-index:4;width:190px;left:0;bottom:15px;padding:12px 12px 16px;color:#10231e;background:#f9fcfa;border:5px solid #143c34;border-radius:33px;box-shadow:0 30px 70px #00000057;animation:phoneFloat 5.5s ease-in-out infinite}.phone-notch{position:absolute;width:62px;height:15px;left:50%;top:5px;transform:translate(-50%);border-radius:0 0 10px 10px;background:#143c34}.phone-appbar{height:34px;display:flex;align-items:center;gap:6px;padding:5px 2px 0;font-size:9px;font-weight:800}.phone-appbar img{width:18px;height:18px;border-radius:5px}.phone-appbar i{width:4px;height:4px;margin-left:auto;border-radius:50%;background:#8aa098;box-shadow:7px 0 #8aa098}.phone-greeting{display:grid;margin:11px 2px 9px}.phone-greeting small{color:#80938c;font-size:7px;text-transform:uppercase;letter-spacing:.1em}.phone-greeting strong{font-size:12px}.camera-preview{position:relative;height:150px;overflow:hidden;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle at 50% 40%,#d3f5e6,#a9dec9)}.camera-preview:before{content:"";position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(6,97,71,.25)}.face-silhouette{position:relative;width:90px;height:120px}.face-silhouette i{position:absolute;width:52px;height:52px;left:19px;top:8px;border-radius:50%;background:linear-gradient(145deg,#56766f,#2d4d46)}.face-silhouette span{position:absolute;width:90px;height:68px;left:0;bottom:0;border-radius:52px 52px 15px 15px;background:linear-gradient(145deg,#13be81,#049a67)}.face-corners i{position:absolute;width:24px;height:24px;border-color:#0da872;border-style:solid}.face-corners i:nth-child(1){left:14px;top:14px;border-width:2px 0 0 2px;border-radius:8px 0 0}.face-corners i:nth-child(2){right:14px;top:14px;border-width:2px 2px 0 0;border-radius:0 8px 0 0}.face-corners i:nth-child(3){left:14px;bottom:14px;border-width:0 0 2px 2px;border-radius:0 0 0 8px}.face-corners i:nth-child(4){right:14px;bottom:14px;border-width:0 2px 2px 0;border-radius:0 0 8px}.verified-pill{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;color:#078558;font-size:8px;font-weight:800}.verified-pill svg{width:11px}.phone-frame button{width:100%;height:34px;margin-top:8px;border:0;border-radius:10px;color:#fff;background:#0ba976;font-size:8px;font-weight:800}.floating-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;min-width:215px;padding:12px 14px;color:#16342b;background:#fffffff0;border:1px solid rgba(255,255,255,.8);border-radius:14px;box-shadow:0 18px 45px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floating-card-one{right:-25px;bottom:65px;animation:cardFloat 6s ease-in-out infinite}.floating-card-two{right:110px;top:5px;animation:cardFloat 6s ease-in-out -2.5s infinite}.float-icon{width:33px;height:33px;display:grid;place-items:center;color:#0aa875;background:#dff8ee;border-radius:9px}.floating-card small,.floating-card strong{display:block}.floating-card small{color:#87958f;font-size:8px}.floating-card strong{margin-top:3px;font-size:10px}.floating-card>b{margin-left:auto;color:#0aa875;font-size:15px}.avatar-stack{display:flex;margin-left:auto}.avatar-stack i{width:21px;height:21px;margin-left:-6px;border:2px solid white;border-radius:50%;background:#bdded2}.avatar-stack i:nth-child(2){background:#e9c9a8}.avatar-stack i:nth-child(3){background:#b9c8f0}.screen{height:100%;padding:25px;animation:screenIn .55s cubic-bezier(.2,.75,.2,1)}.screen-heading{display:flex;justify-content:space-between;align-items:center}.screen-heading small,.screen small{color:#8b9994;font-size:8px;letter-spacing:.08em}.screen-heading strong{display:block;margin-top:5px;color:#18352d;font-size:17px}.screen-heading>span{display:flex;align-items:center;gap:6px;padding:6px 8px;color:#07885d;background:#dff7ed;border-radius:99px;font-size:7px;font-weight:800}.screen-heading>span i{width:6px;height:6px;border-radius:50%;background:#12b97c}.attendance-metrics,.metric-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.attendance-metrics>div,.metric-row>div{padding:14px;border:1px solid #e0eae5;border-radius:11px;background:#fff}.attendance-metrics b,.metric-row b{display:block;margin-top:7px;color:#18352d;font:800 23px/1 Manrope,sans-serif}.attendance-metrics em,.metric-row em{display:block;margin-top:7px;color:#0b9e6d;font-size:7px;font-style:normal}.attendance-list{margin-top:13px;overflow:hidden;border:1px solid #e0eae5;border-radius:11px;background:#fff}.list-head,.list-row{display:grid;grid-template-columns:1.45fr .75fr 1fr .8fr;align-items:center;gap:7px;padding:9px 11px}.list-head{color:#91a09a;background:#f5f8f6;font-size:7px}.list-row{border-top:1px solid #edf2ef;color:#667971;font-size:7px}.list-row>span:first-child{display:flex;align-items:center;gap:7px;color:#263d36}.list-row i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#087b57;background:#dff7ed;font-size:6px;font-style:normal}.list-row>span:last-child{display:flex;align-items:center;gap:5px;color:#0b925f;font-weight:700}.list-row>span:last-child em{width:5px;height:5px;border-radius:50%;background:#16bd7e}.metric-row{grid-template-columns:repeat(3,1fr)}.chart-card{height:190px;margin-top:13px;padding:14px;border:1px solid #e0eae5;border-radius:11px;background:#fff}.chart-title{display:flex;justify-content:space-between;font-size:9px}.chart-title small{font-size:7px}.bars{height:115px;display:flex;align-items:end;gap:9px;padding:15px 10px 0;border-bottom:1px solid #e8efeb;background-image:linear-gradient(#eef3f0 1px,transparent 1px);background-size:100% 32px}.bars i{flex:1;min-width:8px;border-radius:5px 5px 0 0;background:linear-gradient(to top,#079b69,#25d99b);animation:barGrow .75s ease-out backwards}.bars i:nth-child(2n){animation-delay:.08s}.bars i:nth-child(3n){animation-delay:.16s}.chart-axis{display:flex;justify-content:space-between;padding-top:6px;color:#9aa8a3;font-size:6px}.pwa-header{display:flex;align-items:center;gap:10px}.pwa-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0aac73,#25d99b);font-size:9px;font-weight:800}.pwa-header div:nth-child(2){display:grid}.pwa-header strong{font-size:13px}.pwa-header>span{margin-left:auto;color:#8d9b96}.shift-card{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:15px;color:#fff;background:linear-gradient(135deg,#073e33,#0c795b);border-radius:13px}.shift-card div{display:grid;gap:6px}.shift-card small{color:#9dd8c3}.shift-card b{font-size:12px}.shift-card>span{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:99px;background:#ffffff21;font-size:7px}.pwa-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.pwa-actions>div{display:grid;justify-items:start;padding:13px 10px;border:1px solid #e0eae5;border-radius:11px;background:#fff}.pwa-actions span{width:29px;height:29px;display:grid;place-items:center;color:#0a9c6b;background:#e2f8ef;border-radius:8px}.pwa-actions b{margin-top:11px;font-size:9px}.pwa-actions small{margin-top:3px;font-size:6px}.pwa-activity{margin-top:14px;padding:14px;border:1px solid #e0eae5;border-radius:11px;background:#fff;font-size:9px}.pwa-activity>span{display:flex;align-items:center;gap:9px;margin-top:12px}.pwa-activity i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#0a9c6b;background:#e2f8ef}.pwa-activity div{display:grid;gap:2px}.pwa-activity strong{font-size:8px}.pwa-activity em{margin-left:auto;color:#0a9c6b;font-size:7px;font-style:normal}.screen-branding{display:grid;grid-template-columns:1fr .92fr;gap:12px}.branding-panel,.branding-live{padding:16px;border:1px solid #dceae4;border-radius:12px;background:#fff}.branding-panel>small{color:#15986c}.branding-panel>strong{display:block;margin:5px 0 18px;font-size:15px}.branding-panel label{display:block;margin-top:12px;color:#60736b;font-size:7px;font-weight:700}.logo-upload{display:flex;align-items:center;gap:8px;margin-top:6px;padding:9px;border:1px solid #dce9e3;border-radius:9px;background:#fbfefc}.logo-upload>span{width:29px;height:29px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#078c61,#22c88e);border-radius:8px}.logo-upload div{display:grid}.logo-upload b{color:#253c34;font-size:8px}.logo-upload em{margin-left:auto;color:#078c61;font-size:7px;font-style:normal}.brand-colors{display:flex;align-items:center;gap:6px;margin-top:7px}.brand-colors i{width:19px;height:19px;border:2px solid white;border-radius:50%;background:#0aa673;box-shadow:0 0 0 1px #cbded5}.brand-colors i:nth-child(2){background:#034536}.brand-colors i:nth-child(3){background:#6ce0b3}.brand-colors i:nth-child(4){background:#edf9f4}.brand-colors span{margin-left:auto;color:#5f7b70;font-size:7px;font-weight:700}.branding-panel button{width:100%;height:30px;margin-top:14px;border:0;border-radius:7px;color:#fff;background:linear-gradient(90deg,#07885f,#18bd84);box-shadow:0 8px 18px #099d6c2e;font-size:7px;font-weight:800}.branding-live{position:relative;overflow:hidden;color:#fff;border-color:#0e815c2e;background:radial-gradient(circle at 78% 20%,rgba(75,231,173,.27),transparent 38%),linear-gradient(145deg,#0a8662,#034b3a 65%,#022f28)}.branding-live:after{content:"";position:absolute;width:150px;height:150px;right:-85px;bottom:-80px;border:1px solid rgba(139,255,212,.14);border-radius:50%;box-shadow:0 0 0 30px #64f5c006,0 0 0 60px #64f5c005}.branding-live>small{position:relative;z-index:1;color:#83eac3}.brand-login{position:relative;z-index:1;display:grid;justify-items:center;margin-top:25px;text-align:center}.brand-login-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#effff9;color:#078c61;font:800 20px/1 Manrope;box-shadow:0 9px 22px #00000026}.brand-login b{margin-top:12px}.brand-login p{margin:6px 0 15px;color:#b7e4d3;font-size:7px}.brand-login span{width:100%;padding:9px;border-radius:7px;background:#f1fff9;color:#057b56;font-size:7px;font-weight:800}.trust-strip{min-height:70px;display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.5vw,38px);padding:18px 30px;overflow:hidden;color:#5f716a;background:#e9f1ec;border-bottom:1px solid #dce8e1;white-space:nowrap}.trust-strip span{color:#17352c;font-weight:700}.trust-strip b{font:700 10px/1 Manrope;letter-spacing:.13em}.trust-strip i{width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:#22bb82}.feature-section{padding:clamp(90px,10vw,150px) clamp(22px,6.5vw,110px);background:#f7f9f5}.section-heading>p,.kicker{margin:0;color:#0a9e6c;font:800 11px/1 Manrope;letter-spacing:.16em}.section-heading h2,.experience-copy h2,.branding-copy h2,.registration-copy h2{margin:18px 0 0;font-size:clamp(38px,4.3vw,65px);line-height:1.03;letter-spacing:-.055em}.section-heading h2 em,.branding-copy h2 em{color:#0aa572;font-style:normal}.split-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:50px}.split-heading>span{max-width:530px;padding-bottom:7px;color:var(--muted);font-size:18px;line-height:1.65}.feature-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:14px;margin-top:62px}.feature-card{position:relative;min-height:270px;grid-column:span 3;overflow:hidden;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 35px #032f2709;transition:transform .3s,box-shadow .3s,border-color .3s}.feature-card:hover{z-index:2;transform:translateY(-7px);border-color:#12b57c47;box-shadow:0 25px 65px #032f271a}.feature-wide{grid-column:span 6}.feature-tall{grid-row:span 2;min-height:554px}.feature-card-top{display:flex;align-items:center;justify-content:space-between}.feature-icon{width:43px;height:43px;display:grid;place-items:center;color:#09996a;border-radius:12px;background:#e4f8ef}.feature-icon svg{width:21px;height:21px}.feature-card-top small{color:#91a19a;font:800 9px/1 Manrope;letter-spacing:.14em}.feature-copy{margin-top:auto;padding-top:45px}.feature-copy h3{max-width:400px;margin:0;font-size:22px;letter-spacing:-.035em}.feature-copy p{max-width:490px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.6}.card-arrow{position:absolute;right:23px;bottom:23px;width:32px;height:32px;display:grid;place-items:center;color:#809088;border:1px solid #e0e9e4;border-radius:50%;opacity:0;transform:translate(-6px);transition:.25s}.feature-card:hover .card-arrow{opacity:1;transform:translate(0)}.feature-1{color:#fff;background:linear-gradient(135deg,#063b30,#087556);border-color:transparent}.feature-1 .feature-icon{color:#48eeb2;background:#ffffff1a}.feature-1 .feature-card-top small,.feature-1 .feature-copy p{color:#9fd5c2}.feature-1 .card-arrow{color:#fff;border-color:#ffffff2e}.feature-2{background:linear-gradient(160deg,#effcf6,#d9f5e8)}.feature-4{background:linear-gradient(145deg,#f2efff,#fff)}.feature-4 .feature-icon{color:var(--purple);background:#e6e2ff}.feature-5{background:#fbfaf5}.feature-6{background:linear-gradient(145deg,#fff,#eff8f3)}.selfie-miniature{position:relative;height:205px;margin:18px 0 -8px}.mini-phone{position:absolute;width:112px;height:196px;left:13%;bottom:0;padding:12px;border:4px solid #163f36;border-radius:24px;background:#e8f8f1;transform:rotate(-4deg);box-shadow:0 18px 35px #0003}.mini-phone>span{display:block;width:34px;height:6px;margin:-7px auto 8px;border-radius:99px;background:#163f36}.mini-face{position:relative;height:125px;overflow:hidden;border-radius:14px;background:#bbe8d5}.mini-face i{position:absolute;width:38px;height:38px;left:31px;top:17px;border-radius:50%;background:#46665f}.mini-face b{position:absolute;width:72px;height:72px;left:14px;bottom:-17px;border-radius:50% 50% 25% 25%;background:#12b97e}.mini-phone small{display:block;margin-top:8px;color:#087b57;text-align:center;font-size:7px;font-weight:800}.mini-punch{position:absolute;left:37%;bottom:23px;min-width:220px;display:flex;align-items:center;gap:9px;padding:12px;color:#17332c;background:#fff;border-radius:13px;box-shadow:0 18px 35px #00000030}.mini-punch>svg{width:25px;height:25px;padding:5px;color:#fff;background:#12b97e;border-radius:50%}.mini-punch span{display:grid;gap:3px}.mini-punch small{color:#82918b}.mini-punch b{font-size:10px}.payroll-miniature{display:grid;place-items:center;gap:24px;margin:52px 0 20px}.payroll-ring{width:155px;height:155px;display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle closest-side,#effcf6 78%,transparent 80% 99%),conic-gradient(#13b97d 0 98%,#c9e8d9 98%);box-shadow:0 18px 35px #088a5e1f}.payroll-ring span{font:800 30px/1 Manrope;color:#07543f}.payroll-ring small{margin-top:5px;color:#648077}.payroll-lines{width:100%;padding:17px;border-radius:15px;background:#ffffffbf}.payroll-lines span{display:flex;justify-content:space-between;align-items:end}.payroll-lines span b{color:#07543f}.payroll-lines i{display:block;height:5px;margin-top:9px;border-radius:99px;background:#d7ece3}.payroll-lines i:nth-child(2){width:100%}.payroll-lines i:nth-child(3){width:75%}.payroll-lines i:nth-child(4){width:86%}.experience-section{display:grid;grid-template-columns:.76fr 1.24fr;gap:clamp(55px,8vw,130px);align-items:center;padding:clamp(95px,10vw,155px) clamp(22px,6.5vw,110px);color:#fff;background:#032f27}.experience-copy{position:relative;z-index:2}.experience-copy .kicker{color:#48e5ad}.experience-copy h2{min-height:196px;font-size:clamp(38px,4vw,61px)}.experience-copy>p:not(.kicker){min-height:85px;margin:23px 0 0;color:#a9c7bc;font-size:17px;line-height:1.68}.experience-tabs{display:grid;gap:7px;margin-top:34px}.experience-tabs button{position:relative;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;width:100%;padding:10px;border:1px solid transparent;border-radius:13px;color:#8fb2a6;background:transparent;text-align:left;cursor:pointer;transition:.25s}.experience-tabs button>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#ffffff0f}.experience-tabs button b{font-size:14px}.experience-tabs button>i{position:absolute;right:14px;width:5px;height:5px;border-radius:50%;background:transparent}.experience-tabs button.active{color:#fff;border-color:#3ee8a940;background:#20bc841f}.experience-tabs button.active>span{color:#51ebb4;background:#3ee8a91f}.experience-tabs button.active>i{background:#4be4ae;box-shadow:0 0 0 6px #4be4ae1a}.preview-status{display:flex;align-items:center;gap:8px;margin-top:20px}.preview-status>span{width:7px;height:7px;border:1px solid #739a8c;border-radius:50%}.preview-status>span.playing{border:0;background:#4be4ae;animation:pulse 1.8s infinite}.preview-status button{padding:0;border:0;color:#7fa396;background:none;font-size:10px;cursor:pointer}.experience-stage{position:relative;min-height:650px}.stage-halo{position:absolute;width:600px;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(47,228,163,.16),transparent 67%)}.stage-window{position:absolute;width:100%;max-width:820px;left:50%;top:45%;transform:translate(-50%,-50%) perspective(1200px) rotateY(-4deg) rotateX(1deg);overflow:hidden;border:1px solid rgba(150,255,216,.22);border-radius:22px;background:#f7faf8;box-shadow:0 45px 110px #0000006e}.stage-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#84928d;background:#edf3ef;border-bottom:1px solid #dce6e1;font-size:9px}.stage-toolbar>div{display:flex;gap:5px}.stage-toolbar b{padding:5px 9px;border-radius:99px;color:#07865d;background:#d8f5e8;font-size:8px}.stage-body{height:490px;color:var(--ink)}.stage-body .screen{padding:35px}.stage-body .screen-heading strong{font-size:22px}.stage-body .attendance-metrics b,.stage-body .metric-row b{font-size:31px}.stage-body .list-row,.stage-body .list-head{padding:13px 15px;font-size:9px}.stage-body .chart-card{height:250px}.stage-body .bars{height:172px}.stage-body .pwa-actions>div{padding:19px 15px}.stage-body .pwa-actions b{font-size:12px}.stage-body .pwa-actions small,.stage-body .pwa-activity strong{font-size:8px}.stage-body .screen-branding{gap:20px}.stage-body .branding-panel,.stage-body .branding-live{padding:24px}.stage-body .brand-login{margin-top:55px}.stage-body .brand-login-mark{width:70px;height:70px;font-size:26px}.stage-caption{position:absolute;z-index:5;left:7%;bottom:10px;display:flex;align-items:center;gap:11px;min-width:265px;padding:13px;color:var(--ink);background:#fff;border-radius:15px;box-shadow:0 22px 50px #00000052}.stage-caption>span{width:38px;height:38px;display:grid;place-items:center;color:#099a6a;background:#e1f8ef;border-radius:10px}.stage-caption div{display:grid;gap:3px}.stage-caption small{color:#8b9a94;font-size:7px;letter-spacing:.12em}.stage-caption strong{font-size:11px}.stage-caption>i{margin-left:auto;color:#809088;font-size:9px;font-style:normal}.why-section{position:relative;overflow:hidden;padding:clamp(95px,10vw,155px) clamp(22px,6.5vw,110px);background:linear-gradient(180deg,#f6f8f5,#eef5f1)}.why-section:before{content:"";position:absolute;width:580px;height:580px;right:-280px;top:-230px;border-radius:50%;border:1px solid rgba(7,113,80,.08);box-shadow:0 0 0 90px #07715006,0 0 0 180px #07715003}.why-heading{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(40px,8vw,125px);align-items:end}.why-heading h2{margin:15px 0 0;font-size:clamp(43px,5.2vw,78px);line-height:.98;letter-spacing:-.062em}.why-heading h2 em{color:#0a9f6d;font-style:normal}.why-intro{max-width:570px;padding-bottom:8px}.why-intro>span{color:#0a9f6d;font:800 10px/1 Manrope;letter-spacing:.17em}.why-intro p{margin:17px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.why-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(410px,.86fr) minmax(580px,1.14fr);gap:18px;margin-top:68px}.why-core{position:relative;min-height:660px;overflow:hidden;border-radius:29px;color:#fff;background:radial-gradient(circle at 50% 45%,rgba(30,222,151,.27),transparent 22%),radial-gradient(circle at 12% 8%,rgba(62,228,169,.1),transparent 30%),linear-gradient(145deg,#021f1a,#054b3c);box-shadow:0 34px 90px #032f2733}.why-core:before{content:"";position:absolute;inset:19px;border:1px solid rgba(110,246,197,.11);border-radius:21px}.core-orbit{position:absolute;left:50%;top:44%;border:1px solid rgba(114,247,199,.18);border-radius:50%;transform:translate(-50%,-50%)}.core-orbit:after{content:"";position:absolute;width:7px;height:7px;top:50%;right:-4px;border-radius:50%;background:#4be4ae;box-shadow:0 0 17px #4be4ae}.core-orbit-one{width:415px;height:415px;animation:orbitPulse 5s ease-in-out infinite}.core-orbit-two{width:270px;height:270px;border-style:dashed;animation:orbitPulse 5s 1.25s ease-in-out infinite reverse}.core-orbit span{position:absolute;display:grid;place-items:center;min-width:82px;height:35px;padding:0 13px;border:1px solid rgba(121,250,204,.2);border-radius:99px;color:#c0e9da;background:#04332ad6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:9px;font-weight:750;box-shadow:0 12px 28px #0000002e}.core-orbit-one span:nth-child(1){left:-16px;top:90px}.core-orbit-one span:nth-child(2){right:-15px;top:95px}.core-orbit-one span:nth-child(3){left:50%;bottom:-17px;transform:translate(-50%)}.core-orbit-two span:nth-child(1){left:50%;top:-18px;transform:translate(-50%)}.core-orbit-two span:nth-child(2){left:-39px;bottom:42px}.core-orbit-two span:nth-child(3){right:-48px;bottom:42px}.core-center{position:absolute;z-index:2;width:190px;height:190px;left:50%;top:44%;display:grid;place-content:center;justify-items:center;transform:translate(-50%,-50%);border:1px solid rgba(118,255,205,.29);border-radius:50%;text-align:center;background:radial-gradient(circle,#0d7f5beb,#043a2ff5);box-shadow:0 0 0 10px #3ce5a70a,0 24px 60px #00000059}.core-center img{width:49px;height:49px;border-radius:13px;box-shadow:0 9px 24px #0003}.core-center small{margin-top:13px;color:#76e8bf;font-size:7px;font-weight:800;letter-spacing:.17em}.core-center strong{margin-top:7px;font:750 14px/1.25 Manrope}.core-center i{width:28px;height:28px;display:grid;place-items:center;margin-top:10px;color:#54e8b2;background:#54e8b217;border-radius:50%}.core-center i svg{width:17px;height:17px}.core-proof{position:absolute;z-index:3;left:35px;right:35px;bottom:31px;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid rgba(112,242,195,.16);border-radius:15px;background:#011f1aa8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.core-proof>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:#051f19;background:#4be4ae;border-radius:11px}.core-proof>span svg{width:20px;height:20px;stroke-width:2.4}.core-proof div{display:grid;gap:5px}.core-proof small{color:#55ddb0;font-size:7px;font-weight:800;letter-spacing:.14em}.core-proof b{color:#d9eee7;font-size:11px;line-height:1.4}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.why-card{--accent: #099d6c;--tint: #e5f7ef;position:relative;min-height:208px;overflow:hidden;padding:25px;border:1px solid rgba(3,47,39,.08);border-radius:22px;background:#ffffffdb;box-shadow:0 12px 35px #032f2709;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.why-card:after{content:"";position:absolute;width:130px;height:130px;right:-65px;bottom:-74px;border-radius:50%;background:var(--tint);opacity:.75}.why-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:0 24px 55px #032f271a}.why-card-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between}.why-card-top>span{width:43px;height:43px;display:grid;place-items:center;color:var(--accent);background:var(--tint);border-radius:13px}.why-card-top svg{width:21px;height:21px}.why-card-top small{color:#a2afa9;font:800 9px/1 Manrope;letter-spacing:.12em}.why-card h3{position:relative;z-index:1;margin:32px 0 0;font-size:19px;letter-spacing:-.035em}.why-card p{position:relative;z-index:1;margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.62}.why-cyan{--accent: #0b92a9;--tint: #e0f6f9}.why-lime{--accent: #558c22;--tint: #edf6df}.why-purple{--accent: #6c58d5;--tint: #ece9ff}.why-amber{--accent: #b97614;--tint: #fff1d8}.why-rose{--accent: #c3516f;--tint: #fbe8ee}.capability-cloud{position:relative;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:36px}.capability-cloud span{padding:10px 14px;border:1px solid #d4e3dc;border-radius:99px;color:#527068;background:#ffffffb8;font-size:10px;font-weight:700;transition:.2s}.capability-cloud span:hover{color:#057c56;border-color:#a9d9c6;background:#fff;transform:translateY(-2px)}.branding-section{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(55px,8vw,125px);align-items:center;padding:clamp(95px,10vw,150px) clamp(22px,6.5vw,110px);background:#fff}.brand-studio{min-height:550px;display:grid;grid-template-columns:210px 1fr;overflow:hidden;border:1px solid rgba(7,116,82,.16);border-radius:27px;background:#032f27;box-shadow:0 35px 85px #032f2733;transform:rotate(-1deg)}.studio-sidebar{display:flex;flex-direction:column;padding:30px;color:#fff;background:radial-gradient(circle at 15% 8%,rgba(44,224,158,.14),transparent 30%),linear-gradient(160deg,#073d32,#02231d)}.studio-logo{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(102,244,191,.16);border-radius:15px;background:#ffffff14}.studio-logo img{width:42px;height:42px;border-radius:12px}.studio-sidebar>small{margin-top:65px;color:#54dfad;font-size:8px;letter-spacing:.13em}.studio-sidebar>b{margin-top:12px;font:750 25px/1.18 Manrope}.palette-row{display:flex;gap:8px;margin-top:auto}.palette-row i{width:26px;height:26px;border:3px solid rgba(255,255,255,.25);border-radius:50%;background:#0aa673}.palette-row i:nth-child(2){background:#35d9a0}.palette-row i:nth-child(3){background:#b7e65b}.palette-row i:nth-child(4){background:#f3fbf7}.studio-preview{position:relative;color:#fff;background:radial-gradient(circle at 78% 23%,rgba(67,229,169,.25),transparent 34%),radial-gradient(circle at 18% 78%,rgba(22,164,115,.23),transparent 31%),linear-gradient(145deg,#0b8762,#034536 72%,#022f28)}.studio-preview:after{content:"";position:absolute;width:340px;height:340px;right:-175px;bottom:-170px;border:1px solid rgba(138,255,212,.12);border-radius:50%;box-shadow:0 0 0 55px #69f4c106,0 0 0 110px #69f4c105;pointer-events:none}.custom-brandbar{position:relative;z-index:1;height:72px;display:flex;align-items:center;gap:11px;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.14);background:#022f272e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.custom-mark{width:37px;height:37px;display:grid;place-items:center;color:#07875e;background:#eafff7;border-radius:11px;font:800 16px/1 Manrope;box-shadow:0 8px 20px #0000001f}.custom-brandbar strong{font-size:13px}.custom-brandbar span{margin-left:auto;color:#bce8d8;font-size:9px}.custom-welcome{position:relative;z-index:1;padding:75px 50px}.custom-welcome small{color:#8df0cb;font-size:8px;letter-spacing:.14em}.custom-welcome h3{margin:17px 0 0;font-size:39px;line-height:1.05;letter-spacing:-.045em}.custom-welcome p{margin:19px 0 0;color:#b9e2d3;font-size:11px}.custom-welcome button{display:flex;align-items:center;gap:9px;margin-top:30px;padding:13px 17px;border:0;border-radius:10px;color:#057c56;background:#effff9;font-size:10px;font-weight:800;box-shadow:0 12px 30px #01272033}.theme-chip{position:absolute;z-index:2;right:25px;bottom:24px;display:flex;align-items:center;gap:9px;padding:11px;color:#173a31;background:#f4fff9;border:1px solid rgba(255,255,255,.58);border-radius:12px;box-shadow:0 16px 35px #0003}.theme-chip>span{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#0aa673,#31d69c)}.theme-chip div{display:grid}.theme-chip small{color:#6d877d;font-size:7px}.theme-chip b{margin-top:2px;font-size:10px}.branding-copy .kicker{color:#079a69}.branding-copy>p:not(.kicker){margin:25px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.branding-copy ul{display:grid;gap:13px;margin:33px 0 0;padding:0;list-style:none}.branding-copy li{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #dcebe4;border-radius:15px;background:#f7fcf9}.branding-copy li>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:#078e62;background:#ddf7ec;border-radius:10px}.branding-copy li div{display:grid;gap:4px}.branding-copy li b{font-size:14px}.branding-copy li small{color:#71847c;font-size:12px}.journey-section{padding:clamp(90px,10vw,145px) clamp(22px,6.5vw,110px);background:#eef4f0}.centered-heading{max-width:850px;margin:0 auto;text-align:center}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1240px;margin:60px auto 0}.journey-grid article{position:relative;min-height:330px;padding:32px;overflow:hidden;border:1px solid #dbe7e1;border-radius:22px;background:#fff}.journey-grid article:after{content:"";position:absolute;width:190px;height:190px;right:-70px;top:-80px;border-radius:50%;background:#eef9f4}.journey-grid article>span{position:relative;z-index:1;color:#9aaba4;font:800 11px/1 Manrope;letter-spacing:.14em}.journey-icon{width:55px;height:55px;display:grid;place-items:center;margin-top:67px;color:#0aa673;background:#ddf7ec;border-radius:16px}.journey-icon svg{width:26px;height:26px}.journey-grid h3{margin:22px 0 0;font-size:21px;letter-spacing:-.03em}.journey-grid p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.registration-section{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(50px,7vw,110px);align-items:center;padding:clamp(95px,10vw,150px) clamp(22px,6.5vw,110px);color:#fff;background:linear-gradient(145deg,#02271f,#06473a)}.registration-section:before{content:"";position:absolute;width:620px;height:620px;left:-250px;top:-180px;border-radius:50%;border:1px solid rgba(92,242,187,.09);box-shadow:0 0 0 100px #5cf2bb05,0 0 0 200px #5cf2bb03}.registration-copy,.form-card{position:relative;z-index:1}.trial-badge{display:inline-flex;align-items:center;gap:12px;margin-bottom:33px;padding:11px 16px;border:1px solid rgba(78,236,178,.24);border-radius:15px;background:#1cb47d1c}.trial-badge>span{color:#4be6af;font:800 38px/1 Manrope}.trial-badge div{display:grid;gap:4px}.trial-badge b{font-size:10px;letter-spacing:.13em}.trial-badge small{color:#8eb9a9;font-size:10px}.registration-copy .kicker{color:#4be6af}.registration-copy>p:not(.kicker):not(.help){margin:25px 0 0;color:#a8c5bb;font-size:16px;line-height:1.7}.trial-includes{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:32px}.trial-includes span{display:flex;align-items:center;gap:8px;color:#c0d8cf;font-size:12px}.trial-includes svg{color:#4be6af}.help{margin-top:34px;color:#91b7a9;font-size:14px}.help a{color:#50e8b2;font-weight:700}.form-card{padding:clamp(27px,3.5vw,48px);color:var(--ink);background:#fff;border-radius:25px;box-shadow:0 35px 90px #00000047}.form-heading{display:flex;align-items:flex-start;gap:15px;padding-bottom:27px;border-bottom:1px solid var(--line)}.form-heading>span{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(135deg,#11b77b,#28d89c);border-radius:13px}.form-heading>span svg{width:22px;height:22px}.form-heading small{color:#0b9e6d;font:800 8px/1 Manrope;letter-spacing:.13em}.form-heading h2{margin:6px 0 0;font-size:27px;letter-spacing:-.04em}.form-heading p{margin:5px 0 0;color:#74857e;font-size:13px}.form-card form{margin-top:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field>span{display:block;margin-bottom:7px;color:#3b5149;font-size:12px;font-weight:700}.field>span b{color:#0aac75}.field input{width:100%;height:49px;padding:0 14px;border:1px solid #d2ded8;border-radius:11px;color:var(--ink);background:#fbfdfc;outline:none;transition:.2s}.field input::placeholder{color:#a5b2ad}.field input:focus{border-color:#18b981;box-shadow:0 0 0 4px #18b9811a;background:#fff}.password-field{position:relative}.password-field input{padding-right:60px}.password-field button{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:6px;border:0;color:#0a9466;background:none;font-size:10px;font-weight:800;cursor:pointer}.password-note{margin:11px 0 18px;color:#87958f;font-size:10px}.consent{display:flex;align-items:flex-start;gap:10px;padding:13px;color:#61746c;background:#f0f7f3;border-radius:11px;font-size:11px;line-height:1.5}.consent input{margin-top:2px;accent-color:#11ac75}.consent a{color:#078b60;font-weight:700}.error{margin-top:14px;padding:12px;color:#a72d36;background:#fff0f1;border:1px solid #ffd1d5;border-radius:10px;font-size:12px}.submit{width:100%;margin-top:18px}.submit:disabled{opacity:.6;cursor:wait}.fine-print{display:flex;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;color:#83928c;text-align:center;font-size:10px}.fine-print svg{color:#0aa673}footer{min-height:190px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:40px clamp(22px,6.5vw,110px);color:#a9c6bb;background:#011f1a}.footer-brand p{margin:9px 0 0;font-size:12px}.footer-contact{display:grid;justify-items:center;gap:7px}.footer-contact small{color:#679586;font-size:8px;letter-spacing:.14em}.footer-contact a{color:#55e7b2;font-size:15px;font-weight:700;text-decoration:none}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:16px;font-size:11px}.footer-links a{text-decoration:none}.footer-links a:hover{color:#fff}@keyframes screenIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes barGrow{0%{height:0}}@keyframes pulse{0%,to{box-shadow:0 0 #3ef0ad52}50%{box-shadow:0 0 0 8px #3ef0ad00}}@keyframes starPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes phoneFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes orbitPulse{0%,to{opacity:.65}50%{opacity:1}}@media(max-width:1200px){.hero{grid-template-columns:1fr;min-height:1420px;padding-bottom:80px}.hero-copy{max-width:800px}.hero-product{width:min(900px,100%);margin:0 auto}.desktop-frame{left:50%;right:auto;transform:translate(-50%)}.phone-frame{left:5%}.floating-card-one{right:3%}.floating-card-two{right:18%}.feature-bento{grid-template-columns:repeat(2,1fr)}.feature-card,.feature-wide{grid-column:span 1}.feature-tall{grid-row:span 1;min-height:430px}.feature-1{min-height:430px}.experience-section{grid-template-columns:1fr}.experience-copy{max-width:780px}.experience-copy h2,.experience-copy>p:not(.kicker){min-height:0}.experience-stage{min-height:650px}.why-heading{grid-template-columns:1fr;gap:25px}.why-intro{max-width:760px}.why-layout{grid-template-columns:1fr}.why-core{min-height:610px}.why-grid{grid-template-columns:repeat(3,1fr)}.branding-section{grid-template-columns:1fr}.brand-studio{width:min(850px,100%)}.branding-copy{max-width:720px}}@media(max-width:820px){.site-header{grid-template-columns:1fr auto;height:68px;padding:0 17px}.desktop-nav,.text-link{display:none}.brand img{width:35px;height:35px}.button-small{padding:0 13px;font-size:11px}.hero{min-height:1160px;padding:120px 20px 60px}.hero h1{font-size:clamp(48px,14vw,68px)}.hero-product{min-height:510px;transform:none}.desktop-frame{width:96%;top:30px}.frame-body{height:340px;grid-template-columns:43px 1fr}.mini-sidebar{gap:16px}.screen{padding:17px}.screen-heading strong{font-size:13px}.attendance-metrics b,.metric-row b{font-size:18px}.attendance-list{margin-top:9px}.list-head,.list-row{grid-template-columns:1.3fr .8fr .8fr}.list-head span:nth-child(3),.list-row>span:nth-child(3){display:none}.chart-card{height:155px}.bars{height:85px}.pwa-actions{grid-template-columns:1fr 1fr}.pwa-actions>div:nth-child(n+3){display:none}.screen-branding{grid-template-columns:1fr}.branding-live{display:none}.phone-frame{width:150px;left:0;bottom:-5px;border-width:4px}.camera-preview{height:108px}.face-silhouette{transform:scale(.76)}.floating-card-two{display:none}.floating-card-one{right:0;bottom:15px;min-width:190px}.trust-strip{justify-content:flex-start;overflow-x:auto}.split-heading{grid-template-columns:1fr;gap:20px}.feature-bento{grid-template-columns:1fr}.feature-card,.feature-wide{grid-column:span 1}.selfie-miniature{height:175px}.mini-phone{left:5%;height:170px}.mini-punch{left:30%;min-width:195px}.experience-section,.why-section,.branding-section,.registration-section{padding-left:20px;padding-right:20px}.experience-stage{min-height:500px}.stage-window{transform:translate(-50%,-50%)}.stage-body{height:390px}.stage-body .screen{padding:20px}.stage-body .attendance-metrics b,.stage-body .metric-row b{font-size:22px}.stage-body .list-row,.stage-body .list-head{padding:9px;font-size:7px}.stage-body .chart-card{height:190px}.stage-body .bars{height:115px}.stage-caption{left:2%;bottom:0}.why-layout{margin-top:48px}.why-core{min-height:560px}.core-orbit-one{width:360px;height:360px}.core-orbit-two{width:235px;height:235px}.why-grid{grid-template-columns:repeat(2,1fr)}.brand-studio{grid-template-columns:140px 1fr;min-height:470px}.studio-sidebar{padding:20px}.studio-sidebar>b{font-size:18px}.custom-welcome{padding:65px 25px}.custom-welcome h3{font-size:28px}.theme-chip{display:none}.journey-grid{grid-template-columns:1fr}.journey-grid article{min-height:275px}.journey-icon{margin-top:35px}.registration-section,.form-grid,.trial-includes{grid-template-columns:1fr}footer{grid-template-columns:1fr;justify-items:start}.footer-contact{justify-items:start}.footer-links{justify-content:flex-start}}@media(max-width:520px){.button-small svg{display:none}.hero{min-height:1090px}.hero-actions{display:grid}.hero-actions .button{width:100%}.assurances{display:grid}.hero-product{min-height:430px}.desktop-frame{border-radius:14px}.frame-toolbar{height:37px}.frame-body{height:270px}.mini-sidebar{display:none}.frame-body{grid-template-columns:1fr}.screen{padding:13px}.attendance-list{display:none}.attendance-metrics{margin-top:14px}.chart-card{height:140px}.bars{height:75px}.pwa-activity{display:none}.phone-frame{width:130px;padding:9px;border-radius:25px}.phone-greeting{display:none}.camera-preview{height:100px}.phone-frame button{font-size:7px}.floating-card-one{bottom:0;min-width:180px;padding:9px}.feature-section{padding-left:16px;padding-right:16px}.feature-card{padding:21px}.mini-punch{left:25%;min-width:180px}.card-arrow{display:none}.experience-tabs{grid-template-columns:1fr 1fr}.experience-tabs button{grid-template-columns:32px 1fr;gap:7px;padding:7px}.experience-tabs button>span{width:32px;height:32px}.experience-tabs button b{font-size:10px}.experience-stage{min-height:390px}.stage-window{top:43%;border-radius:14px}.stage-toolbar{height:39px}.stage-body{height:280px}.stage-body .screen{padding:14px}.stage-body .metric-row{grid-template-columns:1fr 1fr}.stage-body .metric-row>div:last-child{display:none}.stage-body .chart-card{height:130px}.stage-body .bars{height:62px}.stage-body .pwa-actions{grid-template-columns:1fr 1fr}.stage-body .pwa-actions>div{padding:12px}.stage-caption{min-width:220px;padding:9px}.why-heading h2{font-size:42px}.why-intro p{font-size:15px}.why-core{min-height:490px;border-radius:22px}.core-orbit-one{width:300px;height:300px}.core-orbit-two{width:196px;height:196px}.core-orbit span{min-width:65px;height:29px;padding:0 9px;font-size:7px}.core-orbit-one span:nth-child(1){left:-8px}.core-orbit-one span:nth-child(2){right:-8px}.core-orbit-two span:nth-child(2){left:-28px}.core-orbit-two span:nth-child(3){right:-34px}.core-center{width:150px;height:150px}.core-center img{width:39px;height:39px}.core-center strong{font-size:11px}.core-center i{display:none}.core-proof{left:18px;right:18px;bottom:18px;padding:12px}.why-grid{grid-template-columns:1fr}.why-card{min-height:190px}.capability-cloud{justify-content:flex-start}.brand-studio{grid-template-columns:1fr;min-height:480px}.studio-sidebar{min-height:145px}.studio-sidebar>small{margin-top:16px}.studio-sidebar>b{font-size:17px}.palette-row{position:absolute;right:20px;top:28px}.studio-preview{min-height:335px}.custom-welcome{padding:38px 24px}.form-card{padding:22px 17px;border-radius:19px}.form-heading h2{font-size:23px}.fine-print{align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}