/* ==========================================================================
   AI Guardian promo page — cropty.io/ai-guardian
   Relies on components/cropty-io/css/global.css (variables, typography, buttons)
   ========================================================================== */

/* ---- shared partials (same as other pages: FAQ accordion + app badges) ---- */
.faq__inner{border-radius:28px;border:1px solid var(--separator-default);padding:24px;background-color:var(--background-tile)}.faq__item{margin-top:24px;padding-top:24px;border-top:1px solid var(--separator-default)}.faq__item:first-child{margin-top:0;padding-top:0;border-top:none}.faq__item-head{cursor:pointer;display:flex;justify-content:space-between}.faq__item-head.open .faq__item-head-icon{transform:rotate(-180deg)}.faq__item-title{margin:0}.faq__item-head-icon{width:24px;height:24px;display:flex;transition:transform .15s;margin-left:8px}.faq__item-description{padding-top:24px;color:var(--gray-default)}.faq__item-content{display:none}.direction-rtl .faq__item-head-icon{margin-left:0;margin-right:8px}@media(max-width: 768px){.faq__inner{padding:16px}.faq__item-description{padding-top:16px}.faq__item{margin-top:16px;padding-top:16px}.faq__item-head-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}}
.button-app__wrapper{display:flex}.button-app{display:flex;align-items:center;border:1px solid var(--separator-default);border-radius:12px;padding:0 12px 0 60px;margin-left:-48px}.button-app-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px}.button-app-item:first-child{margin-left:0}.direction-rtl .button-app{padding:0 60px 0 12px;margin-left:0;margin-right:-48px}
.header-buttons-apps__modal-description{margin-top:8px;text-align:center;max-width:200px}

/* ---- page tokens ---- */
.guardian{
    --g-dark:#0B0B0F;
    --g-dark-2:#16161D;
    --g-accent:var(--elements-default);      /* #33FF66 */
    --g-accent-soft:rgba(51,255,102,.14);
    --g-alert:var(--error-default);          /* #FF6644 */
    --g-alert-soft:rgba(255,102,68,.14);
    --g-warn:var(--warning-default);
    --g-radius:28px;
    overflow:hidden;
}
.guardian .container{position:relative}
@media(max-width: 1200px){
    .guardian .container{padding:0 16px}
}

/* ---- generic section ---- */
.guardian-section{margin-top:128px}
.guardian-section__head{max-width:720px}
.guardian-section__eyebrow{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background-color:var(--g-accent-soft);color:var(--elements-main);letter-spacing:.02em;text-transform:uppercase;font-weight:600}
.guardian-section__title{margin-top:16px}
.guardian-section__description{margin-top:16px;color:var(--gray-default)}
@media(max-width: 768px){
    .guardian-section{margin-top:64px}
}

/* ==========================================================================
   HERO
   ========================================================================== */
.guardian-hero{margin-top:40px}
.guardian-hero__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.guardian-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--separator-default);background-color:var(--background-tile);color:var(--elements-main)}
.guardian-hero__badge-dot{width:8px;height:8px;border-radius:50%;background-color:var(--g-accent);box-shadow:0 0 0 0 rgba(51,255,102,.6);animation:guardian-pulse 1.8s ease-out infinite}
.guardian-hero__title{margin-top:24px}
.guardian-accent{position:relative;white-space:nowrap}
.guardian-accent::after{content:"";position:absolute;left:-2px;right:-2px;bottom:6px;height:.32em;background-color:var(--g-accent);z-index:-1;border-radius:4px;transform:skewX(-6deg)}
.guardian-hero__description{margin-top:24px;color:var(--gray-default);max-width:560px}
/* same composite as on the other site pages: the badge pill stretches to the button height and slides under it */
.guardian-hero__actions{margin-top:32px}
.guardian-hero__note{margin-top:16px;color:var(--gray-disable)}
@keyframes guardian-pulse{
    0%{box-shadow:0 0 0 0 rgba(51,255,102,.6)}
    100%{box-shadow:0 0 0 12px rgba(51,255,102,0)}
}
@media(max-width: 992px){
    .guardian-hero__inner{grid-template-columns:1fr;gap:40px}
}
@media(max-width: 768px){
    .guardian-hero{margin-top:16px}
    .guardian-hero__title{margin-top:16px}
    .guardian-hero__description{margin-top:16px;font-size:18px}
    .guardian-hero__actions{margin-top:24px}
    .guardian-hero__actions .button{flex:1}
}

/* ---- live demo card ---- */
.guardian-demo{position:relative;padding:44px 0 0 32px}
.guardian-demo__glow{position:absolute;inset:10% 0 0 10%;background:radial-gradient(closest-side,rgba(51,255,102,.35),rgba(51,255,102,0));filter:blur(30px);z-index:0;transition:background .6s}
.guardian-demo.is-declined .guardian-demo__glow{background:radial-gradient(closest-side,rgba(255,102,68,.35),rgba(255,102,68,0))}
.guardian-demo__shield{position:absolute;top:0;left:0;width:120px;height:120px;z-index:3;filter:drop-shadow(0 12px 24px rgba(10,10,20,.18))}
.guardian-demo__shield::before{content:"";position:absolute;inset:5px;border-radius:50%;background-color:var(--elements-contrast)}
.guardian-demo__shield svg{position:relative;width:100%;height:100%;overflow:visible}
.guardian-demo__ring{stroke:var(--g-accent);stroke-dasharray:352;stroke-dashoffset:352;transform-origin:center;transform:rotate(-90deg);transition:stroke .4s}
.guardian-demo.is-checking .guardian-demo__ring{animation:guardian-ring 2.6s linear infinite}
.guardian-demo.is-passed .guardian-demo__ring{stroke-dashoffset:0}
.guardian-demo.is-declined .guardian-demo__ring{stroke-dashoffset:0;stroke:var(--g-alert)}
.guardian-demo__shield-body{fill:var(--g-dark);transition:fill .4s}
.guardian-demo.is-declined .guardian-demo__shield-body{fill:var(--g-alert)}
.guardian-demo__shield-check,.guardian-demo__shield-cross{stroke:var(--g-accent);opacity:0;transition:opacity .3s}
.guardian-demo__shield-cross{stroke:#fff}
.guardian-demo.is-passed .guardian-demo__shield-check{opacity:1}
.guardian-demo.is-declined .guardian-demo__shield-cross{opacity:1}
.guardian-demo__scan line{stroke:var(--g-accent);opacity:0}
.guardian-demo.is-checking .guardian-demo__scan line{opacity:1;animation:guardian-scan 1.4s ease-in-out infinite}
@keyframes guardian-ring{
    0%{stroke-dashoffset:352}
    50%{stroke-dashoffset:40}
    100%{stroke-dashoffset:-352}
}
@keyframes guardian-scan{
    0%{transform:translateY(-22px);opacity:.2}
    50%{opacity:1}
    100%{transform:translateY(22px);opacity:.2}
}
.guardian-demo__card{position:relative;z-index:2;background-color:var(--g-dark);color:#fff;border-radius:var(--g-radius);padding:32px 28px 24px;box-shadow:0 30px 60px rgba(10,10,20,.25);min-height:420px;display:flex;flex-direction:column}
.guardian-demo__card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-left:72px}
.guardian-demo__card-label{color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.06em}
.guardian-demo__card-amount{margin-top:4px}
.guardian-demo__card-address{padding:6px 10px;border-radius:999px;background-color:rgba(255,255,255,.08);color:rgba(255,255,255,.75);white-space:nowrap}
.guardian-demo__steps{list-style:none;margin:28px 0 0;padding:0;position:relative}
.guardian-demo__steps::before{content:"";position:absolute;left:11px;top:12px;bottom:12px;width:2px;background-color:rgba(255,255,255,.12)}
.guardian-demo__step{display:flex;align-items:center;gap:14px;padding:8px 0;color:rgba(255,255,255,.45);transition:color .3s}
.guardian-demo__step-icon{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.2);background-color:var(--g-dark);box-sizing:border-box;transition:background-color .3s,border-color .3s}
.guardian-demo__step.is-done{color:#fff}
.guardian-demo__step.is-done .guardian-demo__step-icon{border-color:var(--g-accent);background-color:var(--g-accent)}
.guardian-demo__step.is-done .guardian-demo__step-icon::after{content:"";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid var(--g-dark);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.guardian-demo__step.is-checking{color:#fff}
.guardian-demo__step.is-checking .guardian-demo__step-icon{border-color:var(--g-accent);border-top-color:transparent;animation:guardian-spin .9s linear infinite}
.guardian-demo__step.is-alert{color:#fff}
.guardian-demo__step.is-alert .guardian-demo__step-icon{border-color:var(--g-alert);background-color:var(--g-alert)}
.guardian-demo__step.is-alert .guardian-demo__step-icon::after{content:"";position:absolute;left:9px;top:5px;width:2.5px;height:10px;background-color:#fff;border-radius:2px;transform:rotate(45deg);box-shadow:0 0 0 0 transparent}
.guardian-demo__step.is-alert .guardian-demo__step-icon::before{content:"";position:absolute;left:9px;top:5px;width:2.5px;height:10px;background-color:#fff;border-radius:2px;transform:rotate(-45deg)}
@keyframes guardian-spin{to{transform:rotate(360deg)}}
.guardian-demo__scenario{display:none;margin-top:20px;flex:1}
.guardian-demo__scenario.is-active{display:block}
.guardian-demo__signals{display:flex;flex-wrap:wrap;gap:8px;min-height:72px}
.guardian-demo__chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.85);opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.guardian-demo__chip::before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--g-accent)}
.guardian-demo__chip.is-alert::before{background-color:var(--g-alert)}
.guardian-demo__chip.is-visible{opacity:1;transform:translateY(0)}
.guardian-demo__verdict{margin-top:16px;padding:14px 16px;border-radius:16px;background-color:var(--g-accent-soft);border:1px solid rgba(51,255,102,.35);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.guardian-demo__verdict.is-alert{background-color:var(--g-alert-soft);border-color:rgba(255,102,68,.4)}
.guardian-demo__verdict.is-visible{opacity:1;transform:translateY(0)}
.guardian-demo__verdict-title{color:#fff}
.guardian-demo__verdict-text{margin-top:4px;color:rgba(255,255,255,.75)}
.guardian-demo__footer{display:flex;align-items:center;gap:8px;margin-top:20px;color:rgba(255,255,255,.45)}
.guardian-demo__footer-dot{width:6px;height:6px;border-radius:50%;background-color:var(--g-accent);animation:guardian-blink 1.2s ease-in-out infinite}
@keyframes guardian-blink{50%{opacity:.2}}
@media(max-width: 768px){
    .guardian-demo{padding:36px 0 0 0}
    .guardian-demo__shield{width:88px;height:88px;left:-4px}
    .guardian-demo__card{padding:24px 18px 18px;min-height:0}
    .guardian-demo__card-head{padding-left:72px;flex-wrap:wrap}
    .guardian-demo__card-amount{font-size:22px}
}

/* ==========================================================================
   NUMBERS
   ========================================================================== */
.guardian-numbers{margin-top:96px}
.guardian-numbers__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.guardian-numbers__item{padding:28px 24px;border-radius:var(--g-radius);background-color:var(--background-tile);border:1px solid var(--separator-default)}
.guardian-numbers__value{color:var(--elements-main)}
.guardian-numbers__label{margin-top:8px;color:var(--gray-default)}
@media(max-width: 992px){
    .guardian-numbers__inner{grid-template-columns:repeat(2,1fr)}
}
@media(max-width: 768px){
    .guardian-numbers{margin-top:56px}
    .guardian-numbers__inner{grid-template-columns:1fr 1fr;gap:12px}
    .guardian-numbers__item{padding:20px 16px}
    .guardian-numbers__value{font-size:26px}
    .guardian-numbers__label{font-size:14px}
}

/* ==========================================================================
   HOW IT WORKS
   ========================================================================== */
.guardian-how__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.guardian-how__item{padding:32px 28px;border-radius:var(--g-radius);border:1px solid var(--separator-default);background-color:var(--elements-contrast);display:flex;flex-direction:column}
.guardian-how__item.is-accent{background-color:var(--g-dark);color:#fff;border-color:var(--g-dark)}
.guardian-how__number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background-color:var(--g-accent-soft);color:var(--elements-main)}
.guardian-how__item.is-accent .guardian-how__number{background-color:var(--g-accent);color:var(--g-dark)}
.guardian-how__title{margin-top:24px}
.guardian-how__text{margin-top:12px;color:var(--gray-default)}
.guardian-how__item.is-accent .guardian-how__text{color:rgba(255,255,255,.72)}
@media(max-width: 992px){
    .guardian-how__inner{grid-template-columns:1fr}
}
@media(max-width: 768px){
    .guardian-how__inner{margin-top:24px}
    .guardian-how__item{padding:24px 20px}
}

/* ==========================================================================
   SIGNALS
   ========================================================================== */
.guardian-signals__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.guardian-signals__item{padding:28px 24px;border-radius:var(--g-radius);background-color:var(--background-tile);border:1px solid var(--separator-default);transition:transform .2s,box-shadow .2s,background-color .2s}
.guardian-signals__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-s);background-color:var(--elements-contrast)}
.guardian-signals__icon{width:56px;height:56px;border-radius:16px;background-color:var(--elements-contrast);border:1px solid var(--separator-default);display:flex;align-items:center;justify-content:center}
.guardian-signals__icon svg{fill:var(--elements-main)}
.guardian-signals__title{margin-top:20px}
.guardian-signals__text{margin-top:8px;color:var(--gray-default)}
.guardian-signals__footnote{margin-top:24px;color:var(--gray-disable)}
@media(max-width: 992px){
    .guardian-signals__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width: 768px){
    .guardian-signals__grid{grid-template-columns:1fr;margin-top:24px;gap:12px}
    .guardian-signals__item{padding:20px}
}

/* ==========================================================================
   THREATS
   ========================================================================== */
.guardian-threats__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.guardian-threats__item{padding:32px 28px;border-radius:var(--g-radius);border:1px solid var(--separator-default);background-color:var(--elements-contrast);display:flex;flex-direction:column}
.guardian-threats__tag{align-self:flex-start;padding:6px 12px;border-radius:999px;background-color:var(--g-alert-soft);color:#C23D1F;font-weight:600}
.guardian-threats__tag.is-ok{background-color:var(--g-accent-soft);color:#0E7A2B}
.guardian-threats__title{margin-top:20px}
.guardian-threats__story{margin-top:12px;color:var(--gray-default);flex:1}
.guardian-threats__result{margin-top:24px;padding:14px 16px;border-radius:16px;background-color:var(--g-accent-soft);display:flex;gap:12px;align-items:flex-start}
.guardian-threats__result svg{fill:var(--elements-main);flex-shrink:0;margin-top:1px}
@media(max-width: 992px){
    .guardian-threats__inner{grid-template-columns:1fr}
}
@media(max-width: 768px){
    .guardian-threats__inner{margin-top:24px}
    .guardian-threats__item{padding:24px 20px}
}

/* ==========================================================================
   TRUST
   ========================================================================== */
.guardian-trust__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:48px;border-radius:var(--g-radius);background-color:var(--background-tile);border:1px solid var(--separator-default)}
.guardian-trust__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.guardian-trust__item{display:flex;gap:16px;align-items:flex-start}
.guardian-trust__check{flex-shrink:0;width:32px;height:32px;border-radius:50%;background-color:var(--g-accent);display:flex;align-items:center;justify-content:center}
.guardian-trust__check svg{fill:var(--g-dark)}
.guardian-trust__item-text{margin-top:4px;color:var(--gray-default)}
@media(max-width: 992px){
    .guardian-trust__inner{grid-template-columns:1fr;gap:32px;padding:32px 24px}
}
@media(max-width: 768px){
    .guardian-trust__inner{padding:24px 16px}
}

/* ==========================================================================
   CTA
   ========================================================================== */
/* no overflow:hidden here — the QR popup of the app badges must be able to leave the block */
.guardian-cta__inner{position:relative;padding:64px 48px;border-radius:var(--g-radius);background:radial-gradient(310px 310px at 50% 90px,rgba(51,255,102,.35),rgba(51,255,102,0)) var(--g-dark);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center}
.guardian-cta__logo{position:relative;width:64px;height:64px;border-radius:20px;background-color:var(--elements-contrast);display:flex;align-items:center;justify-content:center}
.guardian-cta__logo img{width:40px;height:40px}
.guardian-cta__title{position:relative;margin-top:24px;max-width:640px}
.guardian-cta__description{position:relative;margin-top:16px;max-width:560px;color:rgba(255,255,255,.72)}
.guardian-cta__actions{position:relative;margin-top:32px;justify-content:center}
/* dark background: translucent blurred pill with the white Apple badge, as in the dark sections of the main page */
.guardian-cta .button-app{background-color:var(--separator-default);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
/* open the QR popup upwards: below the block there is only the footer */
.guardian-cta .qrcode-wrapper__modal{color:var(--elements-main);top:auto;bottom:calc(100% + 16px)}
@media(max-width: 768px){
    .guardian-cta__inner{padding:40px 20px}
    .guardian-cta__actions{width:100%}
    .guardian-cta__actions .button{flex:1}
}

/* ==========================================================================
   FAQ
   ========================================================================== */
.guardian-faq{margin-top:128px}
.guardian-faq__title{text-align:center}
.guardian-faq__wrapper{margin-top:40px}
.guardian-faq__description{margin-top:24px;text-align:center;color:var(--gray-default)}
.guardian-faq__description a{color:var(--elements-link)}
@media(max-width: 768px){
    .guardian-faq{margin-top:64px}
    .guardian-faq__wrapper{margin-top:24px}
}

/* ==========================================================================
   SELF-SERVICE CONFIRMATION ("quest") — /ai-guardian/confirm/{token}
   ========================================================================== */
.guardian-quest__inner{max-width:640px;margin:40px auto 0}
.guardian-quest__summary{text-align:center}
.guardian-quest__shield{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;background-color:var(--background-tile);border:1px solid var(--separator-default)}
.guardian-quest__title{margin-top:20px}
.guardian-quest__subtitle{margin-top:12px;color:var(--gray-default)}
.guardian-quest__reason{margin-top:20px;padding:16px 20px;border-radius:16px;background-color:var(--g-alert-soft);text-align:left}
.guardian-quest__reason-label{text-transform:uppercase;letter-spacing:.04em;color:#C23D1F;margin-bottom:6px;font-weight:600}
.guardian-quest__alert{margin-top:24px;padding:14px 18px;border-radius:16px}
.guardian-quest__alert.is-error{background-color:var(--g-alert-soft);color:#8E2A12}
.guardian-quest__alert.is-success{background-color:var(--g-accent-soft);color:#0E7A2B}
.guardian-quest__progress{display:flex;gap:6px;margin-top:32px}
.guardian-quest__progress-item{flex:1;height:6px;border-radius:999px;background-color:var(--separator-default)}
.guardian-quest__progress-item.is-done{background-color:var(--g-accent)}
.guardian-quest__progress-item.is-current{background-color:var(--elements-main)}
.guardian-quest__step-label{margin-top:8px;color:var(--gray-disable)}
.guardian-quest__card{margin-top:16px;padding:32px 28px;border-radius:var(--g-radius);border:1px solid var(--separator-default);background-color:var(--elements-contrast)}
.guardian-quest__card.is-final{margin-top:32px;text-align:center}
.guardian-quest__card p{margin:16px 0 0;color:var(--gray-default)}
.guardian-quest__card.is-final p{color:var(--gray-default)}
.guardian-quest__warning{margin-top:20px;padding:14px 18px;border-radius:16px;background-color:rgba(255,153,51,.14);color:#7A4A0E}
.guardian-quest__check,.guardian-quest__radio{display:flex;gap:12px;align-items:flex-start;margin-top:12px;cursor:pointer}
.guardian-quest__check input,.guardian-quest__radio input{margin-top:4px;width:18px;height:18px;flex-shrink:0;accent-color:var(--elements-main)}
.guardian-quest__check{margin-top:24px}
.guardian-quest__question{border:none;padding:0;margin:24px 0 0}
.guardian-quest__question legend{padding:0;margin-bottom:4px}
.guardian-quest__address{margin-top:16px;padding:14px 18px;border-radius:16px;background-color:var(--background-tile);font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;word-break:break-all}
.guardian-quest__input{margin-top:20px}
.guardian-quest__form + .guardian-quest__form{margin-top:24px;padding-top:24px;border-top:1px solid var(--separator-default)}
.guardian-quest__btn{margin-top:24px;width:100%}
.guardian-quest__card.is-final .guardian-quest__btn{display:inline-flex;width:auto;margin-left:auto;margin-right:auto}
.guardian-quest__footer{margin-top:24px;text-align:center;color:var(--gray-disable)}
.guardian-quest__footer a{color:var(--elements-link)}
@media(max-width: 768px){
    .guardian-quest__inner{margin-top:16px}
    .guardian-quest__card{padding:24px 18px}
}