/* Brand palette sampled from documentation/ESPECIFICACIONES.pdf. */
.cw-home{--navy:#000c40;--cyan:#08babb;color:var(--navy);background:white}.cw-home *{box-sizing:border-box;font-family:"Century Gothic",CenturyGothic,Arial,sans-serif!important}.cw-shell{width:min(1220px,calc(100% - 96px));margin-inline:auto}.cw-home h1,.cw-home h2,.cw-home h3{color:inherit;font-weight:600;letter-spacing:-.045em}.cw-home h1{font-size:clamp(46px,5.5vw,80px);line-height:1.08;margin:25px 0}.cw-home h2{font-size:clamp(32px,3.6vw,52px);line-height:1.14;margin:18px 0 25px}.cw-home h3{font-size:25px;line-height:1.35}.cw-home p{line-height:1.8}.cw-label{font-size:11px;letter-spacing:.18em;font-weight:bold;color:#007f86}.cw-hero{background:var(--navy);color:white;text-align:center;padding:65px 0 70px}.cw-center-logo{width:125px;height:125px;object-fit:contain;display:block;margin:0 auto 28px}.cw-hero .cw-label,.cw-contact .cw-label{color:var(--cyan)}.cw-hero h1 span{color:var(--cyan)}.cw-lead{color:#d4dfec;font-size:18px;margin:24px auto;max-width:650px}.cw-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin-top:32px}.cw-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 28px;border:1px solid var(--cyan);border-radius:6px;background:var(--cyan);color:var(--navy)!important;font-size:15px;font-weight:bold;transition:background .2s}.cw-button:hover{background:#fff;border-color:white}.cw-outline{background:transparent;color:white!important;border-color:#7f8bad}.cw-outline:hover{color:var(--navy)!important}.cw-scroll{display:inline-block;color:#d0d7e9;font-size:12px;margin-top:35px}.cw-intro{padding-block:95px;text-align:center}.cw-intro>p:not(.cw-label){max-width:700px;margin:auto;color:#53617d;font-size:17px}.cw-inline{display:flex;justify-content:center;gap:48px;margin-top:42px;padding-top:28px;border-top:1px solid #e1e6ef;font-size:14px;font-weight:bold}.cw-feature-section{padding:105px 0;border-top:1px solid #e8edf4}.cw-split{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.cw-copy>p:not(.cw-label){font-size:17px;color:#53617d;max-width:470px}.cw-copy ul{list-style:none;padding:16px 0 27px;line-height:1.7;font-size:14px;color:#34466b}.cw-copy li{margin:12px 0;padding-left:22px;position:relative}.cw-copy li:before{content:"+";position:absolute;left:0;color:#00858c}.cw-link{display:inline-block;font-size:15px;font-weight:bold;border-bottom:1px solid var(--cyan);padding-bottom:7px}.cw-demo{padding:35px;background:var(--navy);color:white;border-radius:8px}.cw-demo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.cw-demo-heading strong{font-size:13px;letter-spacing:.12em}.cw-demo-heading span{font-size:10px;color:#b8c9e6}.cw-demo h3{margin-bottom:15px}.cw-chart{display:flex;align-items:end;height:165px;gap:15px;border-bottom:1px solid #59698c;margin:25px 0}.cw-chart i{flex:1;display:block;background:var(--cyan);border-radius:3px 3px 0 0}.cw-chart i:nth-child(2n){background:#fff}.cw-demo-row{padding:15px 0;display:flex;justify-content:space-between;border-bottom:1px solid #32446e;font-size:13px}.cw-demo-row b{color:var(--cyan)}.cw-soft{background:#f4f8fc}.cw-reverse .cw-copy{order:2}.cw-community-visual{padding:35px 25px 40px;border-left:4px solid var(--cyan)}.cw-big-symbol{font-size:130px;line-height:.9;color:var(--cyan)}.cw-community-visual h3{font-size:clamp(35px,3.5vw,53px);line-height:1.23;margin:0 0 32px}.cw-community-visual em{font-style:normal;color:#00848b}.cw-word-line{font-size:12px;color:#566483;letter-spacing:.03em}.cw-process>div{position:relative;padding:25px 0 25px 65px;border-bottom:1px solid #d5ddeb}.cw-process span{position:absolute;top:29px;left:0;color:#00848b;font-size:16px}.cw-process h3{margin:0 0 8px}.cw-process p{font-size:14px;color:#60708a;margin:0}.cw-journal{padding-block:95px}.cw-journal-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.cw-journal-heading h2{margin-bottom:0}.cw-article{display:grid;grid-template-columns:140px 1fr 35px;gap:35px;align-items:center;padding:33px 0;border-top:1px solid #dce3ef}.cw-article:last-child{border-bottom:1px solid #dce3ef}.cw-article time{font-size:12px;color:#536481}.cw-article h3{font-size:23px;margin:0;max-width:800px}.cw-article>span{font-size:27px;color:#00848b}.cw-article:hover h3{color:#00848b}.cw-contact{padding:95px 0;text-align:center;background:var(--navy);color:white}.cw-contact>div>p:not(.cw-label){color:#c5d0e6;font-size:17px}.cw-home a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}@media(max-width:950px){.cw-shell{width:calc(100% - 60px)}.cw-split{gap:50px}.cw-feature-section{padding-block:75px}.cw-journal-heading{display:block}.cw-journal-heading>a{margin-top:22px}.cw-article{grid-template-columns:100px 1fr 25px;gap:20px}}@media(max-width:650px){.cw-shell{width:calc(100% - 40px)}.cw-hero{padding:40px 0 50px}.cw-center-logo{width:105px;height:105px}.cw-home h1{font-size:48px}.cw-home h2{font-size:36px}.cw-lead{font-size:16px}.cw-split{grid-template-columns:1fr;gap:38px}.cw-reverse .cw-copy{order:0}.cw-intro,.cw-journal{padding-block:60px}.cw-feature-section{padding-block:60px}.cw-inline{gap:16px;flex-wrap:wrap;font-size:12px}.cw-demo{padding:24px}.cw-article{grid-template-columns:1fr 25px;gap:12px;padding:25px 0}.cw-article time{grid-column:1/-1}.cw-article h3{font-size:21px}.cw-contact{padding-block:65px}.cw-actions{flex-direction:column}.cw-button{width:100%;max-width:330px}}@media(prefers-reduced-motion:reduce){.cw-home *{transition:none!important}}

/* Motion and decorative geometry, isolated to the public homepage. */
.cw-home{overflow:hidden}.cw-hero,.cw-contact{position:relative;isolation:isolate;overflow:hidden}.cw-hero>.cw-shell,.cw-contact>.cw-shell{position:relative;z-index:1}.cw-hero:before,.cw-hero:after{content:"";position:absolute;pointer-events:none;border:1px solid #08babb40;border-radius:50%;width:650px;height:650px;left:-370px;top:35px;transform:rotate(-24deg);box-shadow:0 0 0 55px #08babb08,0 0 0 110px #08babb06}.cw-hero:after{left:auto;right:-385px;top:190px;width:750px;height:750px;border-color:#ffffff25;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff04}.cw-center-logo{filter:drop-shadow(0 12px 22px #08babb35)}.cw-hero h1 span{background:linear-gradient(100deg,#08babb 10%,#fff 48%,#08babb 80%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent}.cw-button{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}.cw-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #08babb25}.cw-button:active{transform:translateY(0)}.cw-button:after{content:"";position:absolute;top:-50%;left:-70%;width:40%;height:200%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:skewX(-25deg);pointer-events:none;transition:left .65s}.cw-button:hover:after{left:140%}.cw-demo{border-radius:20px 20px 60px 20px;box-shadow:0 25px 70px #000c4016;transition:transform .5s,box-shadow .5s}.cw-demo:hover{transform:translateY(-7px);box-shadow:0 32px 75px #000c4024}.cw-soft{position:relative;border-radius:70px 0 70px 0}.cw-community-visual{position:relative}.cw-process>div{transition:padding-left .3s,background .3s}.cw-process>div:hover{padding-left:78px;background:#08babb08}.cw-link{transition:color .25s,letter-spacing .25s}.cw-link:hover{color:#00858c;letter-spacing:.02em}.cw-article{transition:padding .3s,background .3s}.cw-article:hover{padding-left:15px;padding-right:15px;background:#f4f8fc}.cw-article>span{transition:transform .3s}.cw-article:hover>span{transform:translate(4px,-4px)}.cw-reading-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:#08babb;transform:scaleX(var(--cw-progress,0));transform-origin:left;z-index:100;pointer-events:none}.cw-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.cw-reveal.cw-visible,.cw-reveal:focus-within{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:no-preference){.cw-center-logo{animation:cw-float 6s ease-in-out infinite}.cw-hero:before{animation:cw-orbit 15s ease-in-out infinite alternate}.cw-hero:after{animation:cw-orbit 19s ease-in-out infinite alternate-reverse}.cw-hero h1 span{animation:cw-shine 9s ease-in-out infinite}.cw-scroll{animation:cw-nudge 3s ease-in-out infinite}.cw-demo.cw-visible .cw-chart i{transform-origin:bottom;animation:cw-grow 1s cubic-bezier(.2,.7,.2,1) both}.cw-chart i:nth-child(2n){animation-delay:.1s!important}.cw-chart i:nth-child(3n){animation-delay:.2s!important}}
@keyframes cw-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes cw-orbit{to{transform:translate(30px,-25px) scale(1.08)}}@keyframes cw-shine{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes cw-nudge{0%,70%,100%{transform:translateY(0)}85%{transform:translateY(5px)}}@keyframes cw-grow{from{transform:scaleY(.08)}to{transform:scaleY(1)}}
@media(max-width:650px){.cw-soft{border-radius:35px 0 35px 0}.cw-hero:before{left:-530px}.cw-hero:after{right:-650px}.cw-demo{border-radius:15px 15px 40px 15px}}
@media(prefers-reduced-motion:reduce){.cw-home *, .cw-home *:before,.cw-home *:after{animation:none!important;transition:none!important}.cw-reveal{opacity:1;transform:none}.cw-demo:hover,.cw-button:hover{transform:none}}
@media print{.cw-reveal{opacity:1;transform:none}.cw-reading-progress{display:none}}

/* Immersive hero and responsive motion layer. */
.cw-network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.cw-aurora{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(ellipse at 20% 40%,#08babb30,transparent 40%),radial-gradient(ellipse at 80% 65%,#08babb20,transparent 45%);filter:blur(25px);animation:cw-aurora 13s ease-in-out infinite alternate;z-index:0}.cw-hero{border-radius:0 0 65px 65px;min-height:720px;display:grid;align-items:center}.cw-hero .cw-shell{pointer-events:none}.cw-hero a{pointer-events:auto}.cw-center-logo{width:150px;height:150px}.cw-motion-toggle{position:absolute;right:25px;bottom:22px;z-index:3;color:#c9ddec;font-size:11px;border:1px solid #ffffff35;border-radius:20px;padding:8px 14px;background:#000c4070}.cw-motion-toggle:hover{background:#ffffff18}.cw-ribbon{overflow:hidden;padding:27px 0;border-bottom:1px solid #dce7ef;background:white;color:#000c40}.cw-ribbon>div{display:flex;width:max-content;animation:cw-marquee 35s linear infinite}.cw-ribbon span{white-space:nowrap;font-size:15px;letter-spacing:.17em;font-weight:bold;display:block}.cw-ribbon b{color:#08babb;padding:0 35px;font-size:22px}.cw-demo,.cw-community-visual{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease,box-shadow .3s;will-change:transform}.cw-demo:hover{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)}.cw-demo-heading{border-bottom:1px solid #ffffff22;padding-bottom:20px}.cw-demo{position:relative;overflow:hidden;border:1px solid #08babb55}.cw-demo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 35%,#ffffff08 50%,transparent 65%);background-size:300% 100%;animation:cw-surface 8s ease-in-out infinite}.cw-visible .cw-chart i{animation:cw-bar-breathe 5s ease-in-out infinite alternate}.cw-chart i:nth-child(2n){animation-delay:-2s!important}.cw-chart i:nth-child(3n){animation-delay:-3s!important}.cw-intro h2{max-width:850px;margin-inline:auto}.cw-feature-section{position:relative}.cw-soft{background:linear-gradient(130deg,#f4f8fc,#08babb09);border-radius:90px 0 90px 0}.cw-contact{border-radius:70px 70px 0 0}.cw-reveal{transform:translateY(48px) scale(.97);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.cw-reveal.cw-visible{transform:translateY(0) scale(1)}.cw-paused *,.cw-paused:before,.cw-paused *:before,.cw-paused *:after{animation-play-state:paused!important}.cw-paused .cw-demo,.cw-paused .cw-community-visual{transform:none!important}
@keyframes cw-aurora{from{transform:translate(-3%,-3%) rotate(-8deg)}to{transform:translate(6%,4%) rotate(10deg)}}@keyframes cw-marquee{to{transform:translateX(-50%)}}@keyframes cw-surface{0%,100%{background-position:100% 0}50%{background-position:0 0}}@keyframes cw-bar-breathe{from{transform:scaleY(.83)}to{transform:scaleY(1)}}
@media(max-width:650px){.cw-hero{min-height:680px;border-radius:0 0 30px 30px;padding-bottom:75px}.cw-center-logo{width:120px;height:120px}.cw-motion-toggle{bottom:16px;right:18px}.cw-ribbon span{font-size:12px}.cw-ribbon{padding-block:20px}.cw-contact{border-radius:30px 30px 0 0}.cw-soft{border-radius:35px 0 35px 0}}
@media(prefers-reduced-motion:reduce){.cw-home *,.cw-home *:before,.cw-home *:after{animation:none!important;transition:none!important}.cw-demo,.cw-demo:hover,.cw-community-visual{transform:none!important}.cw-network{display:none}.cw-reveal{opacity:1;transform:none}}

/* Hero: the solid text zone is the brand mountain backdrop (tinted), not a
   flat navy rectangle, so even the "solid" area has texture and depth. The
   product photo is confined to the right 60% and shown whole (contain, no
   crop), with a soft gradient seam and a light tint over the whole photo
   (not just the seam) for more opacity. */
.cw-hero{background:#020e33 url('/images/condoware-hero-bg.png') center 65%/cover fixed}
.cw-hero-photo{position:absolute;top:0;right:0;bottom:0;left:40%;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1400px}
.cw-monitor{position:relative;width:min(680px,94%);aspect-ratio:16/10;background:linear-gradient(155deg,#0e1a42,#050b22);border-radius:18px;padding:16px 16px 20px;box-shadow:0 50px 90px -25px #000000aa,0 0 0 1px #ffffff14 inset;transform:rotateX(5deg) rotateY(-3deg);transform-style:preserve-3d}
.cw-monitor-cam{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#33417a;z-index:1}
.cw-monitor-screen{width:100%;height:100%;border-radius:6px;background-color:#fff;background-size:cover;background-position:top center;background-repeat:no-repeat;box-shadow:0 0 0 1px #00000030 inset}
.cw-monitor-stand{width:56px;height:42px;margin-top:-2px;background:linear-gradient(180deg,#0e1a42,#060c26);clip-path:polygon(38% 0,62% 0,82% 100%,18% 100%)}
.cw-monitor-desk{width:min(600px,84%);height:22px;margin-top:-4px;border-radius:50%;background:radial-gradient(ellipse at center,#08babb2e,transparent 72%);filter:blur(3px)}
@media(prefers-reduced-motion:no-preference){.cw-monitor{animation:cw-monitor-float 7s ease-in-out infinite}}
@keyframes cw-monitor-float{0%,100%{transform:rotateX(5deg) rotateY(-3deg) translateY(0)}50%{transform:rotateX(5deg) rotateY(-3deg) translateY(-9px)}}
.cw-hero-overlay{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 0%,transparent calc(100% - 220px),#000c4055 100%)}
.cw-hero-legibility{position:absolute;inset:0;z-index:0;background:linear-gradient(100deg,#000c40cc 0%,#000c40cc 26%,#000c40b3 36%,#000c4099 46%,#000c4066 58%,#000c4033 72%,#000c401f 100%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 220px),transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 220px),transparent 100%)}
.cw-network,.cw-aurora{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%)}
.cw-hero-grid{display:grid;grid-template-columns:1fr;gap:48px;text-align:center}
@media(min-width:951px){
.cw-hero-grid{text-align:left}
.cw-hero-copy{max-width:520px}
.cw-hero-copy .cw-center-logo{margin:0 0 20px}
.cw-hero-copy .cw-lead{margin:24px 0}
.cw-hero-copy .cw-actions{justify-content:flex-start}
}
@media(max-width:650px){
.cw-hero-photo{left:6%;right:6%;bottom:6%}
.cw-monitor{width:92%}
.cw-monitor-stand,.cw-monitor-desk{display:none}
.cw-hero-overlay{background:linear-gradient(180deg,#000c40cc 0%,#000c40cc 52%,#000c40b3 62%,#000c4099 72%,#000c4066 84%,#000c4055 100%)}
.cw-hero-legibility{display:none}
}

/* Ribbon + intro section: continue the hero's dark photo treatment instead of
   a plain white gap. Every layer carries the navy fallback color so a
   missing/blocked background image degrades to solid navy, never transparent. */
.cw-ribbon{position:relative;isolation:isolate;overflow:hidden;padding:27px 0;color:white;border-bottom:1px solid #ffffff1a}
.cw-ribbon:before{content:"";position:absolute;inset:0;background:#020e33 url('/images/condoware-hero-bg.png') center 80%/cover;z-index:-2}
.cw-ribbon:after{content:"";position:absolute;inset:0;background:#000c4055;z-index:-1}
.cw-ribbon b{color:var(--cyan)}
.cw-intro{position:relative;isolation:isolate;overflow:hidden;color:white}
.cw-intro-bg{position:absolute;inset:0;background:#020e33 url('/images/condoware-hero-bg.png') center 65%/cover fixed;z-index:0}
.cw-intro-overlay{position:absolute;inset:0;background:#000c4055;z-index:0}
.cw-intro>.cw-shell{position:relative;z-index:1}
.cw-intro .cw-label{color:var(--cyan)}
.cw-intro h2{color:white}
.cw-intro .cw-shell>p:not(.cw-label){max-width:700px;margin:auto;color:#c5d0e6;font-size:17px}
.cw-intro .cw-inline{border-top-color:#ffffff2a;color:white}

/* Feature-section panels: the copy already lives in the text column next to
   it, so the card itself is image-only — no duplicated heading/text on top
   of it. Light card, corporate-color accents (navy/cyan dots), full
   screenshot shown with nothing cropped or overlaid. */
.cw-demo{padding:0;background:white;border-radius:20px 20px 60px 20px;overflow:hidden;border:1px solid #e1e6ef}
.cw-demo-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;background:#f4f8fc;border-bottom:1px solid #e1e6ef}
.cw-demo-bar i{width:9px;height:9px;border-radius:50%;display:block;background:#c7d2e3}
.cw-demo-bar i:nth-child(1){background:var(--cyan)}
.cw-demo-bar i:nth-child(2){background:var(--navy)}
.cw-demo-url{margin-left:8px;font-size:11px;font-weight:bold;letter-spacing:.06em;color:var(--navy)}
.cw-demo-img{display:block;width:100%;height:auto}
.cw-community-visual.cw-demo{border-left:none}

/* Hero: square corners instead of the big rounded bottom curve. */
.cw-hero{border-radius:0}

/* Feature sections: a soft brand-tinted gradient instead of flat white,
   so the page doesn't go abruptly blank between the dark sections
   (the Comunidad section already has its own distinct .cw-soft treatment). */
.cw-feature-section:not(.cw-soft){background:linear-gradient(135deg,#ffffff 0%,#f4f8fc 60%,#08babb0d 100%)}

/* Final CTA: looping brand video instead of a flat navy panel, with the
   mountain backdrop kept underneath as the poster/no-video fallback. */
.cw-contact{position:relative;isolation:isolate;overflow:hidden;border-radius:0;background:#020e33 url('/images/condoware-hero-bg.png') center 65%/cover fixed}
.cw-contact-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none}
.cw-contact:before{content:"";position:absolute;inset:0;background:#000c40b3;z-index:0}
.cw-contact>.cw-shell{position:relative;z-index:1}
@media(prefers-reduced-motion:reduce){.cw-contact-video{display:none}}
@media(max-width:650px){.cw-contact-video{display:none}}

/* Dark mode: the hero/ribbon/intro/contact sections are permanently dark by
   design already, but the white feature sections, text and borders never
   responded to the site's light/dark toggle (html.dark). Wire them up. */
html.dark .cw-home{background:#070d24;color:#eef2fb}
html.dark .cw-label{color:var(--cyan)}
html.dark .cw-feature-section{border-top-color:#ffffff14}
html.dark .cw-feature-section:not(.cw-soft){background:linear-gradient(135deg,#070d24 0%,#0d1740 60%,#08babb14 100%)}
html.dark .cw-soft{background:linear-gradient(130deg,#0d1740,#08babb14)}
html.dark .cw-copy>p:not(.cw-label){color:#aab4cc}
html.dark .cw-copy ul{color:#c7d0e6}
html.dark .cw-copy li:before{color:var(--cyan)}
html.dark .cw-link:hover{color:var(--cyan)}
html.dark .cw-demo{background:#0d1638;border-color:#26335c}
html.dark .cw-demo-bar{background:#0a122c;border-bottom-color:#26335c}
html.dark .cw-demo-url{color:#dbe4f5}
html.dark .cw-demo-bar i:nth-child(3){background:#3a4670}
html.dark .cw-process>div{border-bottom-color:#24325c}
html.dark .cw-process>div:hover{background:#08babb14}
html.dark .cw-process span{color:var(--cyan)}
html.dark .cw-process p{color:#aab4cc}
html.dark .cw-article{border-top-color:#24325c}
html.dark .cw-article:last-child{border-bottom-color:#24325c}
html.dark .cw-article time{color:#aab4cc}
html.dark .cw-article>span{color:var(--cyan)}
html.dark .cw-article:hover{background:#0d1740}
html.dark .cw-article:hover h3{color:var(--cyan)}

/* Feature sections: give the split panels the same ambient motion language
   as the hero (glow blob + orbit ring, staggered reveal) instead of sitting
   static once scrolled into view. */
.cw-feature-section{isolation:isolate}
.cw-feature-section>.cw-shell{position:relative;z-index:1}
.cw-feature-section:before{content:"";position:absolute;top:50%;right:6%;width:340px;height:340px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,#08babb26,transparent 70%);filter:blur(6px);z-index:0;pointer-events:none}
.cw-feature-section:after{content:"";position:absolute;top:16%;right:16%;width:130px;height:130px;border:1px solid #08babb35;border-radius:50%;z-index:0;pointer-events:none}
.cw-feature-section:has(.cw-reverse):before{right:auto;left:6%}
.cw-feature-section:has(.cw-reverse):after{right:auto;left:16%}
@media(prefers-reduced-motion:no-preference){.cw-feature-section:before{animation:cw-aurora 16s ease-in-out infinite alternate}.cw-feature-section:after{animation:cw-orbit 11s ease-in-out infinite alternate}}
@media(max-width:950px){.cw-feature-section:before,.cw-feature-section:after{display:none}}

/* Numbered label: a small pulsing accent dot so each section opens with a
   quiet beat of motion instead of a static caption. */
.cw-feature-section .cw-copy>.cw-label{position:relative;padding-left:20px}
.cw-feature-section .cw-copy>.cw-label:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 #08babb4d}
@media(prefers-reduced-motion:no-preference){.cw-feature-section .cw-copy>.cw-label:before{animation:cw-pulse-dot 2.6s ease-in-out infinite}}
@keyframes cw-pulse-dot{0%,100%{box-shadow:0 0 0 0 #08babb4d}50%{box-shadow:0 0 0 6px #08babb00}}

/* Bullet list: cascades in after the panel reveals instead of arriving as
   one flat block, and nudges on hover so the list feels responsive. */
.cw-copy.cw-reveal ul li{opacity:0;transform:translateX(-12px);transition:opacity .5s ease,transform .5s ease}
.cw-copy.cw-reveal.cw-visible ul li{opacity:1;transform:none}
.cw-copy.cw-reveal.cw-visible ul li:nth-child(1){transition-delay:.05s}
.cw-copy.cw-reveal.cw-visible ul li:nth-child(2){transition-delay:.15s}
.cw-copy.cw-reveal.cw-visible ul li:nth-child(3){transition-delay:.25s}
.cw-copy.cw-reveal.cw-visible ul li:nth-child(4){transition-delay:.35s}
.cw-copy li{transition:color .2s,padding-left .2s}
.cw-copy li:hover{color:var(--navy);padding-left:27px}
.cw-copy li:hover:before{color:#00858c}

/* Process steps: number badges get a ring instead of plain text, and each
   step cascades in with its own delay. */
.cw-process span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;top:20px;border:1px solid #08babb55;border-radius:50%;transition:background .3s,border-color .3s}
.cw-process>div:hover span{background:#08babb14;border-color:var(--cyan)}
.cw-process.cw-reveal>div{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease,padding-left .3s,background .3s}
.cw-process.cw-reveal.cw-visible>div{opacity:1;transform:none}
.cw-process.cw-reveal.cw-visible>div:nth-child(1){transition-delay:.05s}
.cw-process.cw-reveal.cw-visible>div:nth-child(2){transition-delay:.15s}
.cw-process.cw-reveal.cw-visible>div:nth-child(3){transition-delay:.25s}