:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}.page-shell{--ink:#0b1620;--muted:#465a6a;--line:#d3e4ea;--accent:#06736b;--accent-2:#ff9f43;--panel:#f6fbfe;--panel-strong:#fff;--ink-contrast:#f2f8fb;min-height:100vh;color:var(--ink);background:radial-gradient(32rem 32rem at 88% 8%,#b6ebda 0%,#b6ebda00 66%),radial-gradient(24rem 24rem at 12% 76%,#ffe3bd 0%,#ffe3bd00 66%),linear-gradient(160deg,#f0f8fc 0%,#f7fcff 48%,#eff7fb 100%);font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.aurora{filter:blur(120px);opacity:.25;pointer-events:none;z-index:0;background:conic-gradient(from 120deg,#3bc5af,#84d874,#ffb648,#3bc5af);height:24rem;animation:10s ease-in-out infinite alternate floatGlow;position:absolute;inset:-14rem -6rem auto}.mesh{pointer-events:none;z-index:0;background-image:linear-gradient(#7faec214 1px,#0000 1px),linear-gradient(90deg,#7faec214 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 25%,#000 20%,#0000 78%);mask-image:radial-gradient(circle at 50% 25%,#000 20%,#0000 78%)}.skip-link{z-index:20;color:#0b1620;background:#fff;border:1px solid #cfe4eb;border-radius:10px;padding:.5rem .75rem;font-weight:600;text-decoration:none;position:absolute;top:-80px;left:1rem}.skip-link:focus{top:1rem}@keyframes floatGlow{0%{transform:translateY(-8px)scale(1)}to{transform:translateY(12px)scale(1.04)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.container{z-index:1;width:min(1160px,100% - 2rem);margin-inline:auto;position:relative}.topbar{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4fbffd9;border-bottom:1px solid #d1e4ebaa;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:74px;display:flex}.brand{color:inherit;align-items:center;gap:.72rem;text-decoration:none;display:flex}.cloudsnip-logo{filter:drop-shadow(0 10px 16px #06736b33);flex-shrink:0;width:34px;height:34px}.brand strong{letter-spacing:.01em;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.03rem;display:block}.brand small{color:var(--muted);font-size:.75rem;display:block}.top-nav{align-items:center;gap:1.25rem;display:flex}.top-nav a{color:var(--muted);font-size:.92rem;text-decoration:none;transition:color .2s}.top-nav a:hover{color:var(--ink)}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.72rem 1.3rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .22s,background-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-ink{background:var(--ink);color:var(--ink-contrast);box-shadow:0 12px 20px #0b162035}.btn-ink:hover{box-shadow:0 15px 24px #0b162044}.btn-soft{color:var(--ink);border-color:var(--line);background:#ffffffd9}.hero{padding:clamp(2.5rem,7vw,5.2rem) 0 clamp(1.8rem,4vw,3.1rem);animation:.7s ease-out fadeInUp}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:clamp(1rem,4vw,2.2rem);display:grid}.eyebrow{color:#20556b;letter-spacing:.04em;text-transform:uppercase;background:#ffffffc9;border:1px solid #c2dbe4;border-radius:999px;align-items:center;gap:.45rem;margin:0;padding:.36rem .84rem;font-size:.77rem;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-.035em;max-width:11ch;margin:1rem 0 0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.3rem,6.1vw,4.6rem);line-height:.96;animation:.8s ease-out .1s both fadeInUp}.hero h1 span{color:var(--accent);display:block}.hero-copy{max-width:58ch;color:var(--muted);margin:1.2rem 0 0;line-height:1.67;animation:.8s ease-out .15s both fadeInUp}.hero-actions{flex-wrap:wrap;gap:.72rem;margin-top:1.6rem;animation:.8s ease-out .25s both fadeInUp;display:flex}.proof-list{gap:.78rem;max-width:62ch;margin:1.55rem 0 0;padding:0;list-style:none;display:grid}.proof-list li{color:#2a3f4c;align-items:flex-start;gap:.62rem;animation:.6s ease-out both fadeInUp;display:flex}.proof-list li:first-child{animation-delay:.3s}.proof-list li:nth-child(2){animation-delay:.35s}.proof-list li:nth-child(3){animation-delay:.4s}.check{width:18px;color:var(--accent);flex:none;margin-top:2px}.signal-board{background:linear-gradient(160deg,#ffffffc9,#f0f8fcd6);border:1px solid #cae0e8;border-radius:24px;padding:1rem;animation:4s ease-in-out infinite boardPulse,.8s ease-out .4s both fadeInScale;box-shadow:0 20px 30px #29495a14}@keyframes boardPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.signal-title{letter-spacing:.08em;text-transform:uppercase;color:#386477;margin:0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:.9rem}.signal-pill-row{flex-wrap:wrap;gap:.48rem;margin-top:.72rem;display:flex}.signal-pill{color:#275265;background:#f4fbff;border:1px solid #b8d5df;border-radius:999px;padding:.3rem .62rem;font-size:.74rem;font-weight:600}.signal-metrics{gap:.7rem;margin-top:.86rem;display:grid}.stat-card{background:var(--panel-strong);border:1px solid #cfe4eb;border-radius:16px;padding:.76rem .8rem}.stat-label{color:#4f6a79;margin:0;font-size:.8rem}.stat-value{letter-spacing:-.02em;margin:.25rem 0 0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.34rem}.stat-note{color:#5d7683;margin:.2rem 0 0;font-size:.82rem}.bento-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:.8rem 0 2rem;display:grid}.feature-card{background:linear-gradient(160deg,#fffc,#f2f9fdd9);border:1px solid #cfe2e8;border-radius:18px;padding:1.08rem;transition:transform .3s,box-shadow .3s;animation:.6s ease-out both fadeInScale;box-shadow:0 8px 16px #264a5e0d}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 28px #264a5e1a}.bento-grid>.feature-card:first-child{animation-delay:.15s}.bento-grid>.feature-card:nth-child(2){animation-delay:.25s}.bento-grid>.feature-card:nth-child(3){animation-delay:.35s}.bento-grid>.feature-card:nth-child(4){animation-delay:.45s}.bento-grid>.feature-card:first-child,.bento-grid>.feature-card:nth-child(2),.bento-grid>.feature-card:nth-child(3){grid-column:span 4}.feature-card h3{margin:0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.03rem}.feature-card p{color:var(--muted);margin:.56rem 0 0;font-size:.95rem;line-height:1.58}.feature-card-strong{background:linear-gradient(160deg,#edf8ffea,#f6fbffef);border-color:#bad8e4;grid-column:span 12}.feature-card-strong ul{gap:.68rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.feature-card-strong li{color:#26404d;gap:.62rem;display:flex}.band{background:linear-gradient(#eaf6fc 0%,#f4fbff 100%);border-top:1px solid #d4e7ee;border-bottom:1px solid #d4e7ee}.process-grid{grid-template-columns:1fr 1.2fr;gap:2rem;padding:3rem 0;display:grid}.process-grid h2{letter-spacing:-.02em;margin:.72rem 0 0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.58rem,3vw,2.2rem)}.process-grid p{color:var(--muted);line-height:1.66}.step-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.step-list li{background:#ffffffdb;border:1px solid #c8dde7;border-radius:16px;padding:1rem 1.1rem;transition:border-color .3s,background-color .3s;animation:.6s ease-out both fadeInUp}.step-list li:first-child{animation-delay:.2s}.step-list li:nth-child(2){animation-delay:.3s}.step-list li:nth-child(3){animation-delay:.4s}.step-list li:hover{border-color:var(--accent);background-color:#f9fffe}.step-list strong{margin-bottom:.32rem;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.02rem;display:block}.step-list p{margin:0}.cta-wrap{padding:2.2rem 0 3.4rem}.faq-section{padding:2.3rem 0 1.2rem}.faq-head h2{letter-spacing:-.02em;margin:.76rem 0 0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.44rem,2.8vw,2rem)}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.faq-item{background:linear-gradient(160deg,#ffffffd6,#f3f9fddd);border:1px solid #cfe2e8;border-radius:18px;padding:1rem 1.05rem;animation:.55s ease-out both fadeInUp;box-shadow:0 8px 16px #264a5e0d}.faq-item h3{margin:0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1rem}.faq-item p{color:var(--muted);margin:.58rem 0 0;line-height:1.62}.faq-grid>.faq-item:first-child{animation-delay:.1s}.faq-grid>.faq-item:nth-child(2){animation-delay:.2s}.faq-grid>.faq-item:nth-child(3){animation-delay:.3s}.faq-grid>.faq-item:nth-child(4){animation-delay:.4s}.cta-panel{color:#e8f8f8;background:linear-gradient(128deg,#06736b 0% 42%,#0b1620 100%),linear-gradient(#ffffff16,#fff0);border-radius:28px;grid-template-columns:1fr 1fr;gap:1.5rem;padding:clamp(1.2rem,4vw,2rem);animation:.8s ease-out fadeInScale;display:grid;box-shadow:0 26px 36px #0a182328}.cta-panel .eyebrow{color:#daf8f0;background:#0b16203f;border-color:#c8f2e6a4}.cta-panel h2{margin:.75rem 0 0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.55rem,3.2vw,2.2rem);line-height:1.08}.cta-panel p{color:#d9ecec;max-width:46ch;margin:.82rem 0 0;line-height:1.62}.signup-form{background:#ffffff15;border:1px solid #d4f2eb85;border-radius:18px;align-content:start;gap:.72rem;padding:1rem;display:grid}.sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.signup-form input{color:#133328;background:#f5fffb;border:1px solid #c6ebe0;border-radius:12px;padding:.76rem .9rem;font-family:inherit;font-size:.96rem;transition:border-color .2s,outline-color .2s,box-shadow .2s}.signup-form input:focus{border-color:#7ccdb9;outline:3px solid #d4fff2;box-shadow:0 0 0 4px #7ccdb91a}.signup-form button{color:#2c1800;cursor:pointer;background:linear-gradient(130deg,#ffb648,#ff8f38);border:0;border-radius:12px;padding:.78rem .95rem;font-family:inherit;font-weight:700;transition:transform .15s,box-shadow .2s,background-color .2s}.signup-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #ff8f3833}.signup-form button:active:not(:disabled){transform:translateY(0)}.signup-form button:disabled{opacity:.62;cursor:not-allowed}.success-banner{color:#124332;background:#ebfff8;border:1px solid #91e5c8;border-radius:12px;padding:.68rem .75rem;font-size:.9rem;animation:.4s ease-out fadeInUp}.footer{padding-bottom:1.6rem}.footer p{color:#607684;margin:0;font-size:.82rem}@media (width<=1024px){.hero-grid{grid-template-columns:1fr}.signal-board{max-width:520px}.bento-grid>.feature-card:first-child,.bento-grid>.feature-card:nth-child(2),.bento-grid>.feature-card:nth-child(3){grid-column:span 6}.process-grid,.cta-panel,.faq-grid{grid-template-columns:1fr}}@media (width<=840px){.top-nav{display:none}.bento-grid>.feature-card:first-child,.bento-grid>.feature-card:nth-child(2),.bento-grid>.feature-card:nth-child(3){grid-column:span 12}}@media (width<=640px){.topbar-inner{min-height:66px}.btn{width:100%}.hero-actions{grid-template-columns:1fr;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}