.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding-top:calc(var(--space-32) + var(--space-16));padding-bottom:var(--space-32);position:relative;overflow:hidden;background:var(--color-surface-950)}.hero:before{content:"";position:absolute;inset:-50%;background:radial-gradient(ellipse 50% 40% at 20% 30%,rgba(48,202,113,.07) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 80% 20%,rgba(49,91,244,.05) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 60% 70%,rgba(48,202,113,.04) 0%,transparent 50%),radial-gradient(ellipse 35% 55% at 40% 50%,rgba(49,91,244,.03) 0%,transparent 55%);z-index:0;pointer-events:none;animation:auroraDrift 20s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.025) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 50% at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 40%,black 20%,transparent 70%);z-index:0;pointer-events:none}@keyframes auroraDrift{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(3%,-2%) rotate(3deg) scale(1.05)}}.hero__glow{position:absolute;inset:0;pointer-events:none;z-index:0}.hero__orb{position:absolute;border-radius:50%;will-change:transform}.hero__orb--green{width:600px;height:600px;background:radial-gradient(circle,rgba(48,202,113,.08) 0%,transparent 70%);top:-10%;left:10%;filter:blur(80px);animation:orbFloatDeep 18s ease-in-out infinite}.hero__orb--blue{width:500px;height:500px;background:radial-gradient(circle,rgba(49,91,244,.06) 0%,transparent 70%);top:10%;right:5%;filter:blur(120px);animation:orbFloatMid 22s ease-in-out infinite reverse}.hero__orb--green-2{width:400px;height:400px;background:radial-gradient(circle,rgba(48,202,113,.05) 0%,transparent 70%);bottom:0;left:40%;filter:blur(60px);animation:orbFloatNear 25s ease-in-out infinite;animation-delay:-5s}@keyframes orbFloatDeep{0%,to{transform:translate(0)}50%{transform:translate(20px,-15px)}}@keyframes orbFloatMid{0%,to{transform:translate(0)}50%{transform:translate(25px,-20px)}}@keyframes orbFloatNear{0%,to{transform:translate(0)}50%{transform:translate(-15px,12px)}}.hero__grid,.hero__hexagons{position:absolute;inset:0;pointer-events:none;z-index:1}.hero__hexagons svg{width:100%;height:100%}.hex-draw{stroke-dasharray:500;stroke-dashoffset:500;animation:hexDraw 2.5s var(--ease-out) forwards}.hex-draw--d1{animation-delay:.4s}.hex-draw--d2{animation-delay:.8s}.hex-draw--d3{animation-delay:1.2s}.hex-draw--d4{animation-delay:1.6s}@keyframes hexDraw{to{stroke-dashoffset:0}}.hex-float--1{animation:hexFloat 14s ease-in-out infinite}.hex-float--2{animation:hexFloat 16s ease-in-out infinite reverse}.hex-float--3{animation:hexFloat 18s ease-in-out infinite;animation-delay:-3s}.hex-float--4{animation:hexFloat 15s ease-in-out infinite reverse;animation-delay:-5s}.hex-float--5{animation:hexFloat 17s ease-in-out infinite;animation-delay:-7s}@keyframes hexFloat{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-8px) translate(4px)}}.hex-connection{stroke-dasharray:1000;stroke-dashoffset:1000;animation:connectionDraw 4s var(--ease-out) forwards 1.5s}.hex-connection--d1{animation-delay:2s}@keyframes connectionDraw{to{stroke-dashoffset:0}}.hero__container{text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.hero__content{max-width:1000px;display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.hero__title{color:var(--color-white);font-size:var(--text-5xl);letter-spacing:-.04em;line-height:1.05;font-weight:var(--weight-black)}.hero__accent{background:linear-gradient(90deg,var(--color-canopy) 0%,#5eeea0 40%,var(--color-sky) 60%,var(--color-canopy) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 6s ease-in-out infinite}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero__subtitle{font-size:var(--text-xl);color:#ffffff80;max-width:52ch;text-align:center;line-height:1.65}.hero__price-anchor{font-size:var(--text-sm);color:#ffffff59;font-weight:var(--weight-medium);letter-spacing:.02em}.hero__price-anchor-amount{color:var(--color-accent);font-weight:var(--weight-bold)}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-4);position:relative}.hero__ctas:before{content:"";position:absolute;inset:-40px -60px;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(48,202,113,.08) 0%,transparent 70%);pointer-events:none;z-index:-1;filter:blur(20px)}.hero__proof{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center;margin-top:var(--space-4)}.hero__proof-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#fff9;font-weight:var(--weight-medium)}.hero__proof-item svg{color:var(--color-accent);flex-shrink:0;display:inline}.hero__product-visual{width:100%;max-width:900px;margin-top:var(--space-12)}@media(max-width:640px){.hero__product-visual{margin-top:var(--space-8)}}.hero__fade{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent 0%,var(--color-surface-950) 100%);z-index:2;pointer-events:none}@media(max-width:640px){.hero{padding-top:calc(var(--space-20) + var(--space-8));padding-bottom:var(--space-20)}.hero__content{gap:var(--space-6)}.hero__title{letter-spacing:-.03em}.hero__ctas{flex-direction:column;width:100%;max-width:320px}.hero__ctas :global(.btn){width:100%}.hero__proof{flex-direction:column;gap:var(--space-3);align-items:center}}@media(max-width:767px){.hero__glow,.hero__grid,.hero__hexagons{display:none}.hero:before{animation:none}}@media(prefers-reduced-motion:reduce){.hero__glow,.hero__grid,.hero__hexagons{display:none}.hero:before{animation:none}.hero__accent{animation:none;background-size:100% 100%}}.trust{padding:var(--space-16) 0 var(--space-20);background:var(--color-surface-950);position:relative;overflow:hidden}.trust__label{text-align:center;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:#e8f0ee4d;margin-bottom:var(--space-8);font-weight:var(--weight-semibold);position:relative;z-index:1}.trust__track{display:flex;width:100%;mask-image:linear-gradient(90deg,transparent 0%,black 15%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 15%,black 85%,transparent 100%);position:relative}.trust__inner{display:flex;gap:0;animation:marquee 40s linear infinite;white-space:nowrap}.trust__track--secondary{margin-top:var(--space-6);opacity:.5}.trust__track--secondary .trust__inner{animation:marqueeReverse 30s linear infinite;gap:var(--space-12)}@keyframes marqueeReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.trust__item{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:#e8f0ee33;letter-spacing:.08em;font-variant:small-caps;flex-shrink:0;transition:color var(--duration-normal) var(--ease-out);cursor:default;position:relative;padding-right:var(--space-16)}.trust__item:after{content:"";position:absolute;right:calc(var(--space-16) / 2);top:50%;transform:translate(50%,-50%);width:3px;height:3px;border-radius:50%;background:#30ca7133}.trust__item:hover{color:#e8f0ee99}.trust__subtitle{display:block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-normal);color:#e8f0ee1f;letter-spacing:.06em;margin-top:.25em;font-variant:normal;text-transform:uppercase}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.trust__track:hover .trust__inner{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.trust__inner{animation:none;flex-wrap:wrap;justify-content:center;gap:var(--space-8)}.trust__item{color:#e8f0ee4d}.trust__track--secondary .trust__inner{animation:none}}.features__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:640px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features__grid{grid-template-columns:repeat(3,1fr)}.feature-card--hero{grid-column:span 2;display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-6);padding:var(--space-10)}.feature-card--hero .feature-card__icon{width:56px;height:56px;flex-shrink:0;margin-bottom:0}.feature-card--hero .feature-card__icon svg{width:28px;height:28px}.feature-card--hero .feature-card__title{font-size:var(--text-xl)}.feature-card--hero .feature-card__desc{font-size:var(--text-base)}.feature-card--wide{grid-column:span 2;display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-6)}.feature-card--wide .feature-card__icon{flex-shrink:0;margin-bottom:0}}.feature-card{padding:var(--space-8);border-radius:var(--radius-xl);background:var(--color-card-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-accent) 30%,var(--color-sky) 70%,transparent 100%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.feature-card:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(48,202,113,.03) 0%,transparent 100%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 40px #30ca710a;border-color:#30ca712e}.feature-card:hover:before{opacity:1}.feature-card:hover:after{opacity:1}.feature-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:#30ca7114;color:var(--color-accent);margin-bottom:var(--space-5);transition:background var(--duration-normal) var(--ease-out)}.feature-card:hover .feature-card__icon{background:#30ca711f}.feature-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.feature-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.feature-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7}.feature-card__bg-shape{position:absolute;bottom:-30%;right:-15%;width:75%;height:auto;aspect-ratio:340 / 300;opacity:0;pointer-events:none;z-index:0;transition:opacity 1.2s var(--ease-out)}.feature-card.is-visible .feature-card__bg-shape,.feature-card:hover .feature-card__bg-shape{opacity:1}.feature-card:hover .bg-shape__line{stroke-opacity:.9}.feature-card__icon,.feature-card__body{position:relative;z-index:1}.bg-shape__line{fill:none;stroke:inherit;stroke-opacity:.5;stroke-width:1.2;stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-opacity .6s var(--ease-out)}.is-visible .bg-shape__line{animation:shapeDrawIn 4.5s var(--ease-out) forwards}.is-visible .bg-shape__line--d1{animation-delay:.4s}.is-visible .bg-shape__line--d2{animation-delay:.8s}.is-visible .bg-shape__line--d3{animation-delay:1.2s}g[transform*=scale]>.bg-shape__line{stroke-width:3.5;stroke-dasharray:3000;stroke-dashoffset:3000}@keyframes shapeDrawIn{to{stroke-dashoffset:0}}.bg-shape__arrow{fill:#30ca711a;opacity:0}.is-visible .bg-shape__arrow{animation:shapeFadeIn .8s var(--ease-out) 2.5s forwards}.is-visible .bg-shape__arrow--d1{animation-delay:3s}@keyframes shapeFadeIn{to{opacity:1}}.bg-shape--drift-1{animation:shapeDrift1 36s ease-in-out infinite}.bg-shape--drift-2{animation:shapeDrift2 40s ease-in-out infinite}.bg-shape--drift-3{animation:shapeDrift3 34s ease-in-out infinite}.bg-shape--drift-4{animation:shapeDrift4 42s ease-in-out infinite}.bg-shape--drift-5{animation:shapeDrift5 38s ease-in-out infinite}.bg-shape--drift-6{animation:shapeDrift6 35s ease-in-out infinite}@keyframes shapeDrift1{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2px,-3px) rotate(.5deg)}66%{transform:translate(-1px,2px) rotate(-.3deg)}}@keyframes shapeDrift2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-2px,-2px) rotate(-.5deg)}66%{transform:translate(1px,3px) rotate(.4deg)}}@keyframes shapeDrift3{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(3px,1px) rotate(.6deg)}66%{transform:translate(-2px,-2px) rotate(-.3deg)}}@keyframes shapeDrift4{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-2px,2px) rotate(-.4deg)}66%{transform:translate(2px,-1px) rotate(.5deg)}}@keyframes shapeDrift5{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(1px,-2px) rotate(.3deg)}66%{transform:translate(-2px,1px) rotate(-.6deg)}}@keyframes shapeDrift6{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(2px,-2px) rotate(.4deg)}}.feature-card--hero .feature-card__bg-shape{width:50%;right:-8%;bottom:-25%}.feature-card--wide .feature-card__bg-shape{width:45%;right:-5%;bottom:-25%}@media(prefers-reduced-motion:reduce){.feature-card:hover{transform:none}.bg-shape--drift-1,.bg-shape--drift-2,.bg-shape--drift-3,.bg-shape--drift-4,.bg-shape--drift-5,.bg-shape--drift-6{animation:none}.bg-shape__line{stroke-dasharray:none;stroke-dashoffset:0;animation:none!important}.bg-shape__arrow{opacity:1;animation:none!important}}@media(max-width:480px){.feature-card__bg-shape{opacity:.4;transform:scale(.6)}.feature-card:hover .feature-card__bg-shape{opacity:.6}}.steps{display:grid;grid-template-columns:1fr;gap:var(--space-10);max-width:960px;margin-inline:auto;position:relative}@media(min-width:768px){.steps{grid-template-columns:repeat(4,1fr);gap:var(--space-8)}}.steps__connector{display:none}@media(min-width:768px){.steps__connector{display:block;position:absolute;top:32px;left:calc(12.5% + 28px);right:calc(12.5% + 28px);height:4px;z-index:0}.steps__connector svg{width:100%;height:100%}}.connector-line{transition:stroke-dashoffset 1.8s var(--ease-out)}.steps.is-visible .connector-line{stroke-dashoffset:0}.step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.step__number{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:transparent;color:transparent;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-black);letter-spacing:-.02em;margin-bottom:var(--space-6);flex-shrink:0;position:relative;border:1.5px solid rgba(48,202,113,.25);box-shadow:var(--glow-accent-sm)}.step__number span{background:linear-gradient(135deg,var(--color-accent) 0%,#3de080 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step__ring{position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(48,202,113,.08)}.step+.step:before{content:"";display:block;width:1px;height:var(--space-6);background:linear-gradient(to bottom,rgba(48,202,113,.2),transparent);position:absolute;top:calc(-1 * var(--space-10) / 2 - var(--space-3));left:50%;transform:translate(-50%)}@media(min-width:768px){.step+.step:before{display:none}}.step__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-white);margin-bottom:var(--space-3)}.step__desc{font-size:var(--text-sm);color:var(--color-text-muted-dark);max-width:22ch;margin-inline:auto;line-height:1.65}@media(prefers-reduced-motion:reduce){.step{opacity:1;transform:none;transition:none}}.benefits__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.benefits__grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{padding:var(--space-8);border-radius:var(--radius-xl);background:var(--color-card-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(48,202,113,.35) 30%,rgba(49,91,244,.2) 70%,transparent 100%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.benefit-card:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(48,202,113,.03) 0%,transparent 100%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out);pointer-events:none}.benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 40px #30ca710a;border-color:#30ca712e}.benefit-card:hover:before{opacity:1}.benefit-card:hover:after{opacity:1}.benefit-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-xl);background:#30ca7114;color:var(--color-accent);margin-bottom:var(--space-6);transition:background var(--duration-normal) var(--ease-out)}.benefit-card:hover .benefit-card__icon{background:#30ca711f}.benefit-card__title{font-size:var(--text-xl);margin-bottom:var(--space-6)}.benefit-card__list{display:flex;flex-direction:column;gap:var(--space-4)}.benefit-card__item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.benefit-card__item svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}@media(prefers-reduced-motion:reduce){.benefit-card:hover{transform:none}}.comparison-table__wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:var(--space-12);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.06);background:#ffffff05}.comparison-table{width:100%;border-collapse:collapse;min-width:640px}.comparison-table__head{border-bottom:1px solid rgba(255,255,255,.08)}.comparison-table__th{padding:var(--space-5) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:left;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.comparison-table__th--feature{color:var(--color-text-muted-dark);width:25%}.comparison-table__th--manual{color:#ff8c8cb3;width:37.5%}.comparison-table__th--sustalium{color:var(--color-accent);width:37.5%}.comparison-table__row{border-bottom:1px solid rgba(255,255,255,.04);transition:background var(--duration-fast) var(--ease-out)}.comparison-table__row:last-child{border-bottom:none}.comparison-table__row:hover{background:#ffffff08}.comparison-table__td{padding:var(--space-4) var(--space-6);font-size:var(--text-sm);line-height:1.6;vertical-align:middle}.comparison-table__td--feature{color:var(--color-white);font-weight:var(--weight-medium)}.comparison-table__td--manual{color:#fff9;display:table-cell}.comparison-table__td--manual span{vertical-align:middle}.comparison-table__td--sustalium{color:#ffffffb3}.comparison-table__td--sustalium span{vertical-align:middle}.comparison-table__icon{display:inline-block;vertical-align:middle;margin-right:var(--space-2);flex-shrink:0}.comparison-table__icon--manual{color:#ff646499}.comparison-table__icon--sustalium{color:var(--color-accent)}.comparison-table__th--sustalium,.comparison-table__td--sustalium{background:#30ca710a}@media(max-width:639px){.comparison-table__wrapper{margin-inline:calc(-1 * var(--gutter));border-radius:0;border-left:none;border-right:none}.comparison-table__wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:32px;background:linear-gradient(to right,transparent,var(--color-surface-950));pointer-events:none;border-radius:0 var(--radius-xl) var(--radius-xl) 0}}@media(prefers-reduced-motion:reduce){.comparison-table__row{transition:none}}#compliance-intelligence{overflow:hidden}.ci__layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-12);align-items:center}.ci__text{text-align:left}.ci__text .section-header{text-align:left;align-items:flex-start}.ci__cta{margin-top:var(--space-6)}.ci__cta--mobile{display:none}.ci__visual{perspective:1200px;display:flex;justify-content:center}.ci__screen-link{display:block;text-decoration:none;transform-style:preserve-3d}.ci__screen{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 25px 60px #00000080,0 8px 20px #0000004d,0 0 0 1px #ffffff0f,inset 0 1px #ffffff14;transform:rotateY(-14deg) rotateX(4deg) scale(.95);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease;will-change:transform}.ci__screen-link:hover .ci__screen{transform:rotateY(-8deg) rotateX(2deg) scale(.98);box-shadow:0 35px 80px #00000080,0 12px 30px #0000004d,0 0 0 1px #30ca7126,0 0 40px #30ca710f,inset 0 1px #ffffff1a}.ci__screen-img{display:block;width:100%;height:auto;border-radius:inherit;mask-image:linear-gradient(to bottom,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.ci__screen-glare{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 30%,transparent 50%);pointer-events:none;border-radius:inherit}@media(max-width:900px){.ci__layout{grid-template-columns:1fr;gap:var(--space-6);overflow:hidden}.ci__text{text-align:center}.ci__text .section-header{text-align:center;align-items:center}.ci__cta--desktop{display:none}.ci__cta--mobile{display:flex;justify-content:center;padding-inline:var(--space-4)}.ci__cta--mobile .btn{width:100%;max-width:100%;text-align:center;white-space:normal;word-break:break-word}.ci__visual{overflow:hidden;margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4)}.ci__screen{transform:rotateY(-8deg) rotateX(3deg) scale(.85)}.ci__screen-link:hover .ci__screen{transform:rotateY(-4deg) rotateX(1deg) scale(.88)}}@media(max-width:480px){.ci__text .section-header__title{font-size:clamp(1.4rem,1rem + 2vw,1.75rem);overflow-wrap:break-word;word-break:break-word}.ci__visual{perspective:800px}.ci__screen{transform:rotateY(-6deg) rotateX(2deg) scale(.82)}}.example{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-2xl);padding:var(--space-6);max-width:960px;margin-inline:auto;backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #30ca710a,0 24px 48px -12px #0000004d,0 0 80px -20px #30ca710f}.example:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(48,202,113,.3),rgba(49,91,244,.2),transparent)}@media(min-width:640px){.example{padding:var(--space-12)}}.example__header{text-align:center;margin-bottom:var(--space-8)}@media(min-width:640px){.example__header{margin-bottom:var(--space-12)}}.example__product-name{color:var(--color-white);font-size:var(--text-2xl);margin-top:var(--space-5);margin-bottom:var(--space-3)}.example__product-desc{color:var(--color-text-muted-dark);font-size:var(--text-base);max-width:50ch;margin-inline:auto}.example__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-6);background:#ffffff05;border-radius:var(--radius-xl);margin-bottom:var(--space-8);border:1px solid rgba(255,255,255,.04)}@media(min-width:640px){.example__info-grid{grid-template-columns:repeat(3,1fr)}}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-item__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted-dark);text-transform:uppercase;letter-spacing:.05em}.info-item__value{color:var(--color-white);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.example__section-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-white);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid rgba(255,255,255,.08)}.example__features{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:640px){.example__features{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.example__features{grid-template-columns:repeat(3,1fr)}}.dpp-feature{display:flex;align-items:flex-start;gap:var(--space-3)}.dpp-feature svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.dpp-feature__title{display:block;font-weight:var(--weight-semibold);color:var(--color-white);font-size:var(--text-sm)}.dpp-feature__desc{display:block;font-size:var(--text-xs);color:var(--color-text-muted-dark)}.example__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-bottom:var(--space-10)}@media(min-width:640px){.example__metrics{grid-template-columns:repeat(4,1fr)}}.metric{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.metric__ring{position:relative;display:flex;align-items:center;justify-content:center}.metric__ring svg{display:block}.metric__progress{transition:stroke-dashoffset 1.5s var(--ease-out);filter:drop-shadow(0 0 4px rgba(48,202,113,.2))}.metric__value{position:absolute;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-white);letter-spacing:-.02em}.metric__label{font-size:var(--text-xs);color:var(--color-text-muted-dark);text-align:center;font-weight:var(--weight-medium);letter-spacing:.02em}.metric{transition:transform var(--duration-normal) var(--ease-out)}.metric:hover{transform:translateY(-2px)}.metric:hover .metric__value{color:var(--color-accent);transition:color var(--duration-normal) var(--ease-out)}.example__cta{text-align:center}.example__cta-subtitle{color:var(--color-text-muted-dark);font-size:var(--text-sm);margin-top:var(--space-4);text-align:center}.if__cta,.cd__cta{text-align:center;margin-top:var(--space-4)}.waitlist__content{max-width:720px;margin-inline:auto;text-align:center}.waitlist__perks{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-12)}@media(min-width:640px){.waitlist__perks{grid-template-columns:repeat(3,1fr)}}.perk{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.perk__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:#30ca7114;border:1px solid rgba(48,202,113,.12);color:var(--color-accent)}.perk__title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-white);margin-bottom:var(--space-2)}.perk__desc{font-size:var(--text-sm);color:var(--color-text-muted-dark);line-height:1.65}.waitlist__action{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);border-radius:var(--radius-xl);background:#ffffff05;border:1px solid rgba(48,202,113,.1)}.waitlist__note{font-size:var(--text-sm);color:var(--color-text-muted-dark);margin-top:var(--space-4);text-align:center}.waitlist__actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.section-divider{position:relative;line-height:0;margin-top:-1px;z-index:2}.section-divider svg{width:100%;height:clamp(32px,5vw,64px);display:block}.section-divider--flip{transform:scaleY(-1);margin-top:0;margin-bottom:-1px}.section-divider:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(48,202,113,.2) 20%,rgba(49,91,244,.15) 50%,rgba(48,202,113,.2) 80%,transparent 100%);filter:blur(.5px);z-index:3}.section-divider--flip:after{bottom:auto;top:0}