/*
Theme Name: Bar Atias Theme
Theme URI: https://baratias.com/
Author: Webivize
Description: Custom RTL landing page theme for Bar Yohai Atias.
Version: 1.0.0
Text Domain: bar-atias
*/

  :root{
    --navy:#262E48;
    --navy-2:#3F465D;
    --gray-1:#7F8493;
    --gray-2:#AEB1BB;
    --white:#FFFFFF;
    --off:#F8F8F8;
    --ink:#000000;
    --tri-dark:#AAACB5;
    --tri-light-1:#CBCBCB;
    --tri-light-2:#E1E1E1;
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--off);color:var(--ink);width:100%;overflow-x:hidden}
  body{
    font-family:'Heebo', system-ui, -apple-system, sans-serif;
    font-weight:400;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    direction:rtl;
    text-align:right;
  }
  h1,h2,h3,h4{font-family:'Heebo', sans-serif; font-weight:800; line-height:1.2; margin:0; letter-spacing:-0.01em}
  p{margin:0}
  a{color:inherit; text-decoration:none}
  button{font-family:inherit; cursor:pointer; border:none; background:none}
  input{font-family:inherit}
  #root{overflow-x:hidden}
  img,video,canvas{max-width:100%}

  /* selection */
  ::selection{background:var(--navy); color:#fff}

  /* scroll */
  html{scroll-behavior:smooth}

  .site-nav-link{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:4px 2px 8px;
    color:#fff;
    opacity:.82;
    transform:translateY(0);
    transition:opacity .24s ease, transform .32s cubic-bezier(.16,1,.3,1), color .24s ease;
  }
  .site-nav-link::after{
    content:"";
    position:absolute;
    inset-inline:0;
    bottom:0;
    height:2px;
    border-radius:99px;
    background:#fff;
    opacity:.9;
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .32s cubic-bezier(.16,1,.3,1), opacity .24s ease;
  }
  .site-nav-link:hover{
    opacity:1;
    transform:translateY(-3px);
  }
  .site-nav-link:hover::after{
    transform:scaleX(1);
  }
  .nav-cta{
    position:relative;
    overflow:hidden;
    color:#fff;
    font-size:15px;
    font-weight:700;
    border:1px solid rgba(255,255,255,0.42);
    border-radius:999px;
    padding:11px 20px;
    background:rgba(255,255,255,0);
    box-shadow:0 0 0 rgba(255,255,255,0);
    transition:background .32s ease, color .32s ease, border-color .32s ease, box-shadow .32s ease, transform .32s cubic-bezier(.16,1,.3,1);
  }
  .nav-cta span{
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    gap:9px;
  }
  .nav-cta svg{
    transition:transform .24s ease;
  }
  .nav-cta:hover{
    color:var(--navy);
    background:#fff;
    border-color:#fff;
    transform:translateY(-2px);
    box-shadow:0 14px 34px rgba(0,0,0,.16);
  }
  .nav-cta:hover svg{
    animation:navArrowBop .72s cubic-bezier(.16,1,.3,1) infinite;
  }
  .brand-mark{
    width:64px;
    height:44px;
    display:block;
    object-fit:contain;
    transform:translateY(0);
  }
  .nav-menu-toggle{
    display:none;
  }
  .mobile-nav-panel{
    display:none;
  }
  .hero-primary-cta{
    position:relative;
    overflow:hidden;
    min-height:56px;
    padding:14px 30px 14px 26px !important;
    border-radius:999px;
    background:rgba(255,255,255,.96) !important;
    color:var(--navy) !important;
    border:1px solid rgba(255,255,255,.9) !important;
    gap:10px !important;
    box-shadow:0 14px 28px rgba(0,0,0,.16), inset 0 -1px 0 rgba(38,46,72,.08);
    transition:transform .34s cubic-bezier(.16,1,.3,1), box-shadow .34s ease, background .34s ease, border-color .34s ease, color .28s ease;
  }
  .hero-primary-cta::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:42%;
    inset-inline-start:-52%;
    background:linear-gradient(90deg, transparent 0%, rgba(41,188,201,.08) 18%, rgba(41,188,201,.28) 50%, rgba(41,188,201,.08) 82%, transparent 100%);
    transform:skewX(-18deg);
    opacity:.9;
    transition:inset-inline-start .72s cubic-bezier(.16,1,.3,1), opacity .28s ease;
    pointer-events:none;
  }
  .hero-primary-cta::after{
    content:none;
  }
  .hero-primary-cta span,
  .hero-primary-cta svg{
    position:relative;
    z-index:1;
  }
  .hero-primary-cta span{
    transition:transform .3s cubic-bezier(.16,1,.3,1), color .28s ease;
  }
  .hero-primary-cta svg{
    color:var(--navy);
    fill:var(--navy);
    transition:transform .34s cubic-bezier(.16,1,.3,1);
    filter:none;
  }
  .hero-primary-cta:hover{
    transform:translateY(-3px);
    background:#fff !important;
    border-color:rgba(255,255,255,.96) !important;
    box-shadow:0 22px 42px rgba(0,0,0,.24), inset 0 -1px 0 rgba(38,46,72,.06);
  }
  .hero-primary-cta:hover::before{
    inset-inline-start:112%;
    opacity:1;
  }
  .hero-primary-cta:hover span{
    transform:translateX(-2px);
    color:#202740;
  }
  .hero-primary-cta:hover svg{
    transform:translateX(-6px);
    color:var(--navy);
    fill:var(--navy);
    filter:none;
  }
  .hero-primary-cta:active{
    transform:translateY(-1px) scale(.99);
    box-shadow:0 12px 26px rgba(0,0,0,.19);
  }
  .hero-scroll-link{
    transition:color .24s ease, border-color .24s ease, opacity .24s ease;
  }
  .hero-scroll-link svg{
    transition:transform .24s cubic-bezier(.16,1,.3,1);
  }
  .hero-scroll-link:hover{
    color:#fff !important;
    border-bottom-color:rgba(255,255,255,.72) !important;
  }
  .hero-scroll-link:hover svg{
    animation:heroDownBop .78s cubic-bezier(.16,1,.3,1) infinite;
  }
  @keyframes navArrowBop{
    0%,100%{transform:translateX(0)}
    50%{transform:translateX(-5px)}
  }
  @keyframes heroDownBop{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(5px)}
  }
  .hero-video-facade{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    cursor:pointer;
    display:grid;
    place-items:center;
    background-color:#0E1428;
    background-size:cover;
    background-position:center;
    overflow:hidden;
  }
  .hero-video-facade::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 50% 48%, rgba(41,188,201,.28) 0%, rgba(41,188,201,.1) 25%, transparent 48%),
      linear-gradient(180deg, rgba(14,20,40,.08) 0%, rgba(14,20,40,.38) 58%, rgba(14,20,40,.72) 100%);
    transition:opacity .28s ease;
  }
  .hero-video-facade-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(38,46,72,.2), rgba(12,17,34,.26));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  }
  .hero-video-play{
    position:relative;
    z-index:1;
    width:92px;
    height:92px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.96);
    color:var(--navy);
    box-shadow:0 24px 58px rgba(0,0,0,.38), 0 0 0 11px rgba(255,255,255,.13), inset 0 -2px 0 rgba(38,46,72,.1);
    transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, background .28s ease;
    animation:heroPlayPulse 3.4s ease-in-out infinite;
  }
  .hero-video-play span{
    display:block;
    width:0;
    height:0;
    margin-inline-start:7px;
    border-top:17px solid transparent;
    border-bottom:17px solid transparent;
    border-inline-start:25px solid var(--navy);
  }
  .hero-video-facade:hover::before{
    opacity:.86;
  }
  .hero-video-facade:hover .hero-video-play{
    transform:scale(1.06);
    background:#fff;
    box-shadow:0 30px 70px rgba(0,0,0,.44), 0 0 0 13px rgba(41,188,201,.17), inset 0 -2px 0 rgba(38,46,72,.08);
    animation-play-state:paused;
  }
  .hero-video-facade:focus-visible{
    outline:3px solid rgba(41,188,201,.9);
    outline-offset:-6px;
  }
  @keyframes heroPlayPulse{
    0%,100%{
      transform:scale(1);
      box-shadow:0 24px 58px rgba(0,0,0,.38), 0 0 0 11px rgba(255,255,255,.13), inset 0 -2px 0 rgba(38,46,72,.1);
    }
    50%{
      transform:scale(1.045);
      box-shadow:0 28px 66px rgba(0,0,0,.42), 0 0 0 18px rgba(41,188,201,.14), inset 0 -2px 0 rgba(38,46,72,.08);
    }
  }

  .motion-rise{
    opacity:1;
    transform:none;
    animation:motionRise .72s cubic-bezier(.16,1,.3,1) backwards;
    animation-delay:var(--delay, 0ms);
  }
  .motion-pop{
    opacity:1;
    transform:none;
    animation:motionPop .82s cubic-bezier(.16,1,.3,1) backwards;
    animation-delay:var(--delay, 0ms);
  }
  .ty-shell{
    animation:pageBloom .9s ease forwards;
  }
  .ty-button{
    position:relative;
    overflow:hidden;
    transition:transform .32s cubic-bezier(.16,1,.3,1), box-shadow .32s ease, background .32s ease, color .32s ease;
    will-change:transform;
  }
  .ty-button::after{
    content:"";
    position:absolute;
    inset:-40% -70%;
    background:linear-gradient(115deg, transparent 42%, rgba(255,255,255,.48) 50%, transparent 58%);
    transform:translateX(70%);
    opacity:0;
    transition:transform .7s cubic-bezier(.16,1,.3,1), opacity .3s ease;
    pointer-events:none;
  }
  .ty-button span,
  .ty-button svg{
    position:relative;
    z-index:1;
  }
  .ty-button:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 42px rgba(0,0,0,.2);
  }
  .ty-button:hover::after{
    transform:translateX(-70%);
    opacity:1;
  }
  .ty-button:hover svg{
    animation:navArrowBop .72s cubic-bezier(.16,1,.3,1) infinite;
  }
  .ty-button:active{
    transform:translateY(-1px) scale(.985);
  }
  .ty-brand{
    transition:transform .32s cubic-bezier(.16,1,.3,1), opacity .28s ease;
  }
  .ty-brand:hover{
    transform:translateY(-2px);
    opacity:.92;
  }
  .ty-card{
    transition:transform .42s cubic-bezier(.16,1,.3,1), border-color .32s ease, box-shadow .42s ease;
  }
  .ty-card:hover{
    transform:translateY(-4px);
    border-color:rgba(255,255,255,.22);
    box-shadow:0 36px 84px rgba(0,0,0,.3);
  }
  .ty-step{
    border-radius:12px;
    transition:transform .28s cubic-bezier(.16,1,.3,1), background .28s ease, box-shadow .28s ease;
  }
  .ty-step:hover{
    transform:translateX(-4px);
    background:rgba(255,255,255,.045);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
  }
  .ty-step-number{
    animation:numberGlow 2.8s ease-in-out infinite;
    animation-delay:var(--delay, 0ms);
  }
  .ty-prompt{
    transition:transform .36s cubic-bezier(.16,1,.3,1), box-shadow .36s ease;
  }
  .ty-prompt:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 46px rgba(0,0,0,.18);
  }
  .rent-shift-arrow > span{
    transform:translateX(0);
    animation:rentArrowPush 1.8s cubic-bezier(.16,1,.3,1) infinite;
    filter:drop-shadow(0 0 10px rgba(41,188,201,.28));
  }
  .rent-step{
    transition:transform .32s cubic-bezier(.16,1,.3,1), border-color .32s ease, background .32s ease;
  }
  .rent-step:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,0.065);
    border-color:rgba(41,188,201,.36);
  }
  .rent-step-rail{
    position:relative;
    height:3px;
    margin:24px 24px 0;
    border-radius:99px;
    background:rgba(255,255,255,.16);
    overflow:hidden;
  }
  .rent-step-rail span{
    position:absolute;
    inset-block:0;
    inset-inline-end:0;
    width:100%;
    border-radius:inherit;
    background:#29BCC9;
    box-shadow:0 0 16px rgba(41,188,201,.48);
    transform:scaleX(0);
    transform-origin:right center;
    animation:rentRailDraw 4.4s cubic-bezier(.45,0,.25,1) infinite;
  }
  .portfolio-range{
    width:100%;
    height:38px;
    margin:0;
    appearance:none;
    -webkit-appearance:none;
    background:transparent;
    cursor:pointer;
    direction:ltr;
  }
  .portfolio-range:focus{
    outline:none;
  }
  .portfolio-range::-webkit-slider-runnable-track{
    height:4px;
    border-radius:99px;
    background:linear-gradient(90deg, #29BCC9 0 var(--pct), rgba(255,255,255,.18) var(--pct) 100%);
    box-shadow:0 0 0 1px rgba(255,255,255,.05), 0 0 28px rgba(41,188,201,.12);
  }
  .portfolio-range::-moz-range-track{
    height:4px;
    border-radius:99px;
    background:rgba(255,255,255,.18);
  }
  .portfolio-range::-moz-range-progress{
    height:4px;
    border-radius:99px;
    background:#29BCC9;
    box-shadow:0 0 28px rgba(41,188,201,.22);
  }
  .portfolio-range::-webkit-slider-thumb{
    appearance:none;
    -webkit-appearance:none;
    width:24px;
    height:24px;
    margin-top:-10px;
    border-radius:50%;
    border:5px solid #262E48;
    background:#fff;
    box-shadow:0 0 0 2px #29BCC9, 0 12px 28px rgba(0,0,0,.28), 0 0 24px rgba(41,188,201,.35);
    transition:transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s ease;
  }
  .portfolio-range::-moz-range-thumb{
    width:16px;
    height:16px;
    border-radius:50%;
    border:5px solid #262E48;
    background:#fff;
    box-shadow:0 0 0 2px #29BCC9, 0 12px 28px rgba(0,0,0,.28), 0 0 24px rgba(41,188,201,.35);
    transition:transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s ease;
  }
  .portfolio-range:hover::-webkit-slider-thumb,
  .portfolio-range:focus-visible::-webkit-slider-thumb{
    transform:scale(1.12);
    box-shadow:0 0 0 3px #29BCC9, 0 16px 34px rgba(0,0,0,.32), 0 0 34px rgba(41,188,201,.45);
  }
  .portfolio-range:hover::-moz-range-thumb,
  .portfolio-range:focus-visible::-moz-range-thumb{
    transform:scale(1.12);
    box-shadow:0 0 0 3px #29BCC9, 0 16px 34px rgba(0,0,0,.32), 0 0 34px rgba(41,188,201,.45);
  }
  .portfolio-value-input{
    transition:border-color .24s ease, background .24s ease, box-shadow .24s ease;
  }
  .portfolio-value-input:focus{
    border-color:rgba(41,188,201,.75) !important;
    background:rgba(255,255,255,.1) !important;
    box-shadow:0 0 0 4px rgba(41,188,201,.12);
  }
  .calc-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    border-radius:999px;
    font-size:16px;
    font-weight:900 !important;
    white-space:nowrap;
  }
  .whatsapp-carousel-viewport{
    position:relative;
    overflow:visible;
    direction:ltr;
    touch-action:pan-y;
    user-select:none;
  }
  .whatsapp-carousel-stage{
    position:relative;
    height:632px;
    max-width:980px;
    margin-inline:auto;
    overflow:visible;
    isolation:isolate;
    touch-action:pan-y;
  }
  .whatsapp-slide{
    position:absolute;
    top:0;
    left:50%;
    margin:0;
    display:flex;
    justify-content:center;
    transform:
      translateX(calc(-50% + clamp(-244px, calc(var(--offset, 0) * 244px), 244px)))
      translateY(calc(min(28px, var(--abs-offset, 0) * 28px)))
      scale(calc(1 - min(0.12, var(--abs-offset, 0) * 0.12)));
    opacity:calc(1 - (var(--abs-offset, 0) * .5));
    filter:saturate(calc(1 - min(0.12, var(--abs-offset, 0) * 0.12)));
    transition:transform .58s cubic-bezier(.16,1,.3,1), opacity .18s ease-out, filter .44s ease;
    will-change:transform, opacity;
    touch-action:pan-y;
  }
  .whatsapp-carousel-viewport.is-dragging .whatsapp-slide{
    transition:none;
    transform:
      translateX(calc(-50% + var(--offset, 0) * 244px))
      translateY(calc(min(28px, var(--abs-offset, 0) * 28px)))
      scale(calc(1 - min(0.12, var(--abs-offset, 0) * 0.12)));
  }
  .whatsapp-slide[aria-hidden="true"]{
    opacity:0;
    pointer-events:none;
    transition:opacity .44s ease;
  }
  .whatsapp-phone{
    width:278px;
    position:relative;
  }
  .whatsapp-phone-frame{
    position:relative;
    padding:5px;
    border-radius:42px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0) 22%, rgba(255,255,255,0) 78%, rgba(255,255,255,.10)),
      #0B0C10;
    box-shadow:
      0 28px 58px rgba(38,46,72,.22),
      0 8px 20px rgba(38,46,72,.10),
      inset 0 0 0 1px rgba(255,255,255,.10);
  }
  .whatsapp-phone-frame::before{
    content:"";
    position:absolute;
    inset:4px;
    border-radius:39px;
    border:1px solid rgba(255,255,255,.06);
    pointer-events:none;
    z-index:2;
  }
  .whatsapp-phone-frame::after{
    display:none;
  }
  .whatsapp-phone-speaker{
    position:absolute;
    top:13px;
    left:50%;
    z-index:5;
    width:84px;
    height:24px;
    transform:translateX(-50%);
    border-radius:999px;
    background:#050506;
    box-shadow:
      inset 0 -1px 0 rgba(255,255,255,.08),
      0 1px 2px rgba(0,0,0,.4);
  }
  .whatsapp-phone-speaker::after{
    display:none;
  }
  .whatsapp-phone-screen{
    width:100%;
    aspect-ratio:9 / 19.5;
    overflow:hidden;
    border-radius:36px;
    background:#EFECE6;
    position:relative;
  }
  .whatsapp-phone-screen::after{
    display:none;
  }
  .whatsapp-phone-screen img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
    user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;
  }
  .whatsapp-carousel-stage::before,
  .whatsapp-carousel-stage::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:150px;
    z-index:8;
    pointer-events:none;
  }
  .whatsapp-carousel-stage::before{
    left:0;
    background:linear-gradient(90deg, #fff 10%, rgba(255,255,255,0));
  }
  .whatsapp-carousel-stage::after{
    right:0;
    background:linear-gradient(270deg, #fff 10%, rgba(255,255,255,0));
  }
  .whatsapp-carousel-button{
    position:absolute;
    top:50%;
    z-index:20;
    width:54px;
    height:54px;
    display:grid;
    place-items:center;
    border-radius:999px;
    color:#262E48;
    background:#fff;
    border:1px solid #DFE1E7;
    box-shadow:0 18px 42px rgba(38,46,72,.16);
    transform:translateY(-50%);
    transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease, background .28s ease;
  }
  .whatsapp-carousel-button:hover{
    transform:translateY(calc(-50% - 3px));
    background:#FAFAFA;
    box-shadow:0 24px 52px rgba(38,46,72,.2);
  }
  .whatsapp-carousel-button-next{
    left:46px;
  }
  .whatsapp-carousel-button-prev{
    right:46px;
  }
  .whatsapp-carousel-button-prev svg{
    transform:rotate(180deg);
  }
  .whatsapp-cta{
    position:relative;
    overflow:hidden;
    min-height:56px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 30px 14px 26px;
    border-radius:999px;
    background:#262E48;
    color:#fff;
    border:1px solid #262E48;
    font-size:16px;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 18px 42px rgba(38,46,72,.22);
    transition:transform .32s cubic-bezier(.16,1,.3,1), box-shadow .32s ease, background .32s ease;
  }
  .whatsapp-cta:hover{
    transform:translateY(-3px);
    background:#202740;
    box-shadow:0 24px 54px rgba(38,46,72,.27);
  }
  .whatsapp-cta svg{
    transition:transform .28s cubic-bezier(.16,1,.3,1);
  }
  .whatsapp-cta:hover svg{
    transform:translateX(-5px);
  }
  .case-link{
    position:relative;
    transition:color .24s ease, transform .28s cubic-bezier(.16,1,.3,1);
  }
  .case-link::after{
    content:"";
    position:absolute;
    inset-inline:0;
    bottom:-5px;
    height:2px;
    border-radius:99px;
    background:#29BCC9;
    transform:scaleX(.35);
    transform-origin:right center;
    transition:transform .3s cubic-bezier(.16,1,.3,1);
  }
  .case-link svg{
    transition:transform .28s cubic-bezier(.16,1,.3,1);
  }
  .case-link:hover{
    color:#29BCC9 !important;
    transform:translateY(-2px);
  }
  .case-link:hover::after{
    transform:scaleX(1);
  }
  .case-link:hover svg{
    transform:translateX(-5px);
  }
  .phone-mockup{
    transition:transform .42s cubic-bezier(.16,1,.3,1), box-shadow .42s ease;
  }
  .phone-mockup:hover{
    transform:translateY(-8px) rotate(-1deg);
    box-shadow:0 42px 100px rgba(0,0,0,.34) !important;
  }
  .case-video-facade{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    cursor:pointer;
    display:grid;
    place-items:center;
    background-color:#0E1428;
    background-size:cover;
    background-position:center;
    overflow:hidden;
  }
  .case-video-facade::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 50% 48%, rgba(41,188,201,.22), transparent 42%),
      linear-gradient(180deg, rgba(14,20,40,.08), rgba(14,20,40,.52));
  }
  .case-video-shade{
    position:absolute;
    inset:0;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  }
  .case-video-play{
    position:relative;
    z-index:1;
    width:64px;
    height:64px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 44px rgba(0,0,0,.34), 0 0 0 8px rgba(255,255,255,.13), inset 0 -1px 0 rgba(38,46,72,.12);
    transition:transform .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease;
    animation:caseVideoPulse 3.4s ease-in-out infinite;
  }
  .case-video-play span{
    display:block;
    width:0;
    height:0;
    margin-inline-start:5px;
    border-top:13px solid transparent;
    border-bottom:13px solid transparent;
    border-inline-start:20px solid var(--navy);
  }
  .case-video-facade:hover .case-video-play{
    transform:scale(1.06);
    box-shadow:0 24px 56px rgba(0,0,0,.42), 0 0 0 10px rgba(41,188,201,.17), inset 0 -1px 0 rgba(38,46,72,.1);
    animation-play-state:paused;
  }
  .case-video-facade:focus-visible{
    outline:3px solid rgba(41,188,201,.9);
    outline-offset:-5px;
  }
  @keyframes caseVideoPulse{
    0%,100%{
      transform:scale(1);
      box-shadow:0 18px 44px rgba(0,0,0,.34), 0 0 0 8px rgba(255,255,255,.13), inset 0 -1px 0 rgba(38,46,72,.12);
    }
    50%{
      transform:scale(1.045);
      box-shadow:0 22px 52px rgba(0,0,0,.4), 0 0 0 13px rgba(41,188,201,.15), inset 0 -1px 0 rgba(38,46,72,.1);
    }
  }
  .curriculum-rail{
    position:absolute;
    top:36px;
    bottom:36px;
    left:50%;
    width:2px;
    border-radius:99px;
    background:rgba(38,46,72,.14);
    transform:translateX(-50%);
    overflow:hidden;
    pointer-events:none;
    z-index:0;
  }
  .curriculum-rail span{
    position:absolute;
    inset-inline:0;
    top:0;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(180deg, #262E48 0%, #29BCC9 100%);
    transform:scaleY(var(--timeline-progress, 0));
    transform-origin:top center;
    transition:transform .16s linear;
  }
  .curriculum-lesson{
    position:relative;
    z-index:1;
  }
  .curriculum-card{
    opacity:0;
    transform:translateY(28px) scale(.985);
    transition:opacity .62s ease, transform .72s cubic-bezier(.16,1,.3,1), box-shadow .45s ease;
    will-change:opacity, transform;
  }
  .curriculum-lesson.is-visible .curriculum-card{
    opacity:1;
    transform:translateY(0) scale(1);
  }
  .faq-item{
    transition:border-color .28s ease, box-shadow .32s ease, transform .32s cubic-bezier(.16,1,.3,1);
  }
  .faq-item:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 36px rgba(38,46,72,.07);
  }
  .faq-item.is-open{
    box-shadow:0 18px 46px rgba(38,46,72,.1);
  }
  .faq-toggle{
    transition:background .28s ease, color .28s ease, transform .36s cubic-bezier(.16,1,.3,1);
  }
  .faq-item.is-open .faq-toggle{
    transform:rotate(180deg);
  }
  .faq-item > button{
    min-height:76px;
  }
  .faq-item:not(.is-open) > button{
    padding-top:16px !important;
    padding-bottom:16px !important;
  }
  .faq-item:not(.is-open) h3{
    margin:0;
  }
  .faq-answer-wrap{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    transition:grid-template-rows .44s cubic-bezier(.16,1,.3,1), opacity .24s ease;
  }
  .faq-item.is-open .faq-answer-wrap{
    grid-template-rows:1fr;
    opacity:1;
  }
  .faq-answer{
    overflow:hidden;
    transform:translateY(-8px);
    transition:transform .42s cubic-bezier(.16,1,.3,1);
  }
  .faq-item.is-open .faq-answer{
    transform:translateY(0);
  }
  .apply-form-panel input::placeholder{
    color:rgba(207,210,220,.58);
  }
  .apply-form-panel input{
    caret-color:#29BCC9;
  }
  @keyframes rentArrowPush{
    0%,100%{transform:translateX(0)}
    50%{transform:translateX(-9px)}
  }
  @keyframes rentRailDraw{
    0%{transform:scaleX(0); opacity:0}
    12%{opacity:1}
    74%{transform:scaleX(1); opacity:1}
    100%{transform:scaleX(1); opacity:0}
  }
  @keyframes pageBloom{
    from{background:#1B2238}
    to{background:#262E48}
  }
  @keyframes motionRise{
    from{opacity:0; transform:translateY(18px)}
    to{opacity:1; transform:translateY(0)}
  }
  @keyframes motionPop{
    from{opacity:0; transform:translateY(18px) scale(.97)}
    to{opacity:1; transform:translateY(0) scale(1)}
  }
  @keyframes numberGlow{
    0%,100%{text-shadow:0 0 0 rgba(41,188,201,0)}
    50%{text-shadow:0 0 20px rgba(41,188,201,.38)}
  }
  @media (prefers-reduced-motion:reduce){
    *, *::before, *::after{
      animation-duration:.001ms !important;
      animation-iteration-count:1 !important;
      scroll-behavior:auto !important;
      transition-duration:.001ms !important;
    }
  }
  @media (max-width: 760px){
    html,
    body,
    #root{
      max-width:100vw;
      overflow-x:hidden;
    }
    html{
      direction:ltr;
    }
    body,
    #root{
      direction:rtl;
    }
    section,
    header,
    footer{
      width:100%;
      max-width:100vw;
      overflow-x:hidden;
    }
    #method > [aria-hidden="true"]{
      opacity:.35;
    }
    .nav-header{
      padding:18px 0 12px !important;
      overflow:visible !important;
    }
    .nav-container{
      padding:0 20px !important;
      width:100% !important;
      max-width:100vw !important;
      min-height:48px;
      display:grid !important;
      grid-template-columns:42px minmax(0, 1fr) 42px;
      align-items:center !important;
      justify-content:normal !important;
      gap:12px;
      direction:ltr;
      position:relative;
    }
    .nav-brand{
      order:2;
      grid-column:2;
      position:static;
      transform:none;
      min-width:0;
      flex:0 1 auto;
      justify-content:center;
      align-items:center;
      direction:ltr;
      max-width:220px;
      gap:7px !important;
    }
    .nav-brand > div{
      direction:rtl;
      text-align:center;
      width:120px;
      flex:0 0 120px;
    }
    .nav-brand .brand-mark{
      width:56px;
      height:38px;
    }
    .nav-brand > div{
      line-height:1.08 !important;
    }
    .nav-brand > div > div:first-child{
      font-size:14px !important;
    }
    .nav-brand > div > div:last-child{
      font-size:10px !important;
      letter-spacing:.14em !important;
    }
    .nav-links{
      display:none !important;
    }
    .nav-cta{
      display:none !important;
    }
    .nav-menu-toggle{
      order:1;
      grid-column:3;
      position:fixed;
      left:calc(100vw - 62px);
      top:20px;
      transform:none;
      margin:0;
      display:grid;
      z-index:50;
      place-items:center;
      width:42px;
      height:42px;
      flex:0 0 auto;
      color:#fff;
      border:1px solid rgba(255,255,255,.28);
      border-radius:999px;
      background:rgba(255,255,255,.06);
      backdrop-filter:blur(10px);
      transition:background .24s ease, border-color .24s ease, transform .24s cubic-bezier(.16,1,.3,1);
    }
    .nav-menu-toggle:hover{
      background:rgba(255,255,255,.12);
      border-color:rgba(255,255,255,.44);
      transform:translateY(-1px);
    }
    .nav-menu-toggle:active{
      transform:scale(.96);
    }
    .mobile-nav-panel{
      display:block;
      position:fixed;
      top:74px;
      left:20px;
      right:20px;
      z-index:49;
      pointer-events:none;
      opacity:0;
      transform:translateY(-8px) scale(.98);
      transform-origin:top center;
      transition:opacity .24s ease, transform .32s cubic-bezier(.16,1,.3,1);
    }
    .nav-header.is-open .mobile-nav-panel{
      pointer-events:auto;
      opacity:1;
      transform:translateY(0) scale(1);
    }
    .mobile-nav-inner{
      display:grid;
      gap:4px;
      padding:10px;
      border:1px solid rgba(255,255,255,.16);
      border-radius:18px;
      background:rgba(27,34,56,.92);
      box-shadow:0 24px 60px rgba(0,0,0,.34);
      backdrop-filter:blur(18px);
    }
    .mobile-nav-inner a{
      display:flex;
      align-items:center;
      justify-content:space-between;
      min-height:42px;
      padding:10px 14px;
      color:#fff;
      border-radius:12px;
      font-size:15px;
      font-weight:700;
      opacity:0;
      transform:translateY(-4px);
      transition:background .22s ease, color .22s ease, transform .28s cubic-bezier(.16,1,.3,1), opacity .26s ease;
      transition-delay:calc(var(--i, 0) * 28ms);
    }
    .nav-header.is-open .mobile-nav-inner a{
      opacity:1;
      transform:translateY(0);
    }
    .mobile-nav-inner a:hover{
      background:rgba(255,255,255,.08);
    }
    .mobile-nav-apply{
      margin-top:4px;
      background:#fff !important;
      color:var(--navy) !important;
      justify-content:center !important;
      gap:8px;
    }
    .mobile-nav-apply svg{
      transition:transform .24s cubic-bezier(.16,1,.3,1);
    }
    .mobile-nav-apply:hover svg{
      transform:translateX(-4px);
    }
    .hero-section{
      padding-top:124px !important;
      padding-bottom:64px !important;
    }
    .hero-container{
      padding:0 20px !important;
      width:100vw !important;
      max-width:100vw !important;
      margin-left:calc(50% - 50vw) !important;
      margin-right:calc(50% - 50vw) !important;
    }
    .hero-kicker{
      max-width:300px !important;
      font-size:15px !important;
      line-height:1.65 !important;
      margin-bottom:14px !important;
    }
    .hero-title{
      font-size:clamp(31px, 8.4vw, 38px) !important;
      line-height:1.12 !important;
      max-width:300px !important;
      overflow-wrap:break-word;
      margin-inline:auto !important;
    }
    .hero-copy{
      max-width:320px !important;
      font-size:15px !important;
      line-height:1.72 !important;
      margin-top:18px !important;
    }
    .hero-video{
      width:100% !important;
      max-width:100% !important;
      margin-top:26px !important;
      border-radius:12px !important;
      box-shadow:0 24px 54px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.06) !important;
    }
    .hero-video-play{
      width:68px;
      height:68px;
      box-shadow:0 18px 44px rgba(0,0,0,.36), 0 0 0 8px rgba(255,255,255,.13), inset 0 -2px 0 rgba(38,46,72,.1);
    }
    .hero-video-play span{
      border-top-width:13px;
      border-bottom-width:13px;
      border-inline-start-width:20px;
      margin-inline-start:5px;
    }
    .hero-actions{
      margin-top:26px !important;
      width:calc(100vw - 40px) !important;
      max-width:350px !important;
      margin-left:auto !important;
      margin-right:auto !important;
      direction:ltr;
      flex-direction:column;
      align-items:center;
      gap:14px !important;
    }
    .hero-primary-cta{
      width:min(calc(100vw - 56px), 310px);
      max-width:100% !important;
      margin-left:auto !important;
      margin-right:auto !important;
      direction:rtl;
      min-height:52px;
      padding:13px 22px 13px 20px !important;
      font-size:16px !important;
    }
    .hero-scroll-link{
      font-size:13px !important;
    }
    .hero-mobile-proof span{
      position:relative;
      padding-inline:8px;
    }
    .hero-mobile-proof span + span::before{
      content:"";
      position:absolute;
      inset-inline-start:-5px;
      top:50%;
      width:3px;
      height:3px;
      border-radius:99px;
      background:rgba(207,210,220,.55);
      transform:translateY(-50%);
    }
    .proof-container{
      width:calc(100vw - 40px) !important;
      max-width:350px !important;
      margin-inline:auto !important;
      padding:34px 20px !important;
      justify-content:center !important;
      flex-direction:column;
      text-align:center;
      gap:22px !important;
    }
    .proof-heading{
      max-width:300px !important;
      font-size:20px !important;
      line-height:1.35 !important;
    }
    .proof-meta{
      justify-content:center;
      flex-wrap:wrap;
      gap:18px !important;
    }
    .pain-row{
      grid-template-columns:38px 1fr !important;
      gap:16px !important;
      align-items:center !important;
      padding:20px 0 !important;
    }
    .problem-list{
      margin-top:38px !important;
      grid-template-columns:1fr !important;
      column-gap:0 !important;
      max-width:340px !important;
    }
    .pain-row > div{
      width:38px !important;
      height:38px !important;
    }
    .pain-row svg{
      width:28px !important;
      height:28px !important;
    }
    .pain-row h3{
      font-size:18px !important;
      line-height:1.45 !important;
    }
    .problem-summary{
      margin-top:34px !important;
      padding-top:26px !important;
      text-align:center !important;
    }
    .problem-summary h3{
      font-size:25px !important;
      line-height:1.28 !important;
    }
    .problem-summary p{
      font-size:16px !important;
    }
    .rent-header{
      text-align:center !important;
      max-width:330px !important;
    }
    .rent-header h2{
      font-size:35px !important;
      line-height:1.08 !important;
    }
    .rent-header p{
      font-size:17px !important;
      line-height:1.75 !important;
      margin-top:22px !important;
    }
    .rent-story{
      margin-top:34px !important;
      max-width:340px !important;
    }
    .rent-contrast{
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:12px !important;
      align-items:center !important;
      justify-items:center !important;
      padding-bottom:26px !important;
    }
    .rent-old,
    .rent-new{
      text-align:center !important;
      width:100% !important;
    }
    .rent-old{
      order:1;
      grid-column:auto;
    }
    .rent-new{
      order:3;
      grid-column:auto;
    }
    .rent-shift-arrow{
      order:2;
      grid-column:auto;
      width:46px !important;
      height:30px !important;
      justify-self:center;
      margin:0 !important;
      transform:rotate(-90deg);
    }
    .rent-shift-arrow > span{
      width:36px !important;
    }
    .rent-old > div:first-child,
    .rent-new > div:first-child{
      font-size:11px !important;
      letter-spacing:.14em !important;
    }
    .rent-old > div:nth-child(2){
      font-size:27px !important;
      margin-top:7px !important;
      line-height:1.05 !important;
    }
    .rent-new > div:nth-child(2){
      font-size:34px !important;
      margin-top:7px !important;
      line-height:1.05 !important;
    }
    .rent-old > div:nth-child(3),
    .rent-new > div:nth-child(3){
      font-size:14px !important;
      margin-top:7px !important;
    }
    .rent-flow-strip{
      margin-top:30px !important;
      min-height:auto !important;
    }
    .rent-steps{
      grid-template-columns:1fr !important;
      gap:12px !important;
      padding-right:22px;
      padding-left:0;
    }
    .rent-step{
      min-height:auto !important;
      padding:18px 18px 20px !important;
      border-radius:15px !important;
    }
    .rent-step h3{
      font-size:21px !important;
      margin-top:9px !important;
    }
    .rent-step p{
      font-size:15px !important;
      line-height:1.7 !important;
      margin-top:9px !important;
    }
    .rent-step-rail{
      margin:0 !important;
      position:absolute;
      right:3px;
      left:auto;
      top:20px;
      bottom:20px;
      width:3px;
      height:auto;
    }
    .rent-step-rail span{
      width:100%;
      height:100%;
      transform:scaleY(0);
      transform-origin:top center;
      animation:rentRailDrawMobile 4.4s cubic-bezier(.45,0,.25,1) infinite;
    }
    .rent-metrics{
      gap:26px !important;
      margin-top:30px !important;
    }
    .rent-metrics > div:not(:nth-child(2)) > div:first-child{
      font-size:42px !important;
    }
    .calc-header h2{
      font-size:34px !important;
      line-height:1.12 !important;
    }
    .calc-header p{
      font-size:16px !important;
      line-height:1.75 !important;
      max-width:330px !important;
      margin-inline:auto !important;
    }
    .calc-console{
      margin-top:38px !important;
      padding:34px 0 34px !important;
      border-top-color:rgba(255,255,255,.14) !important;
      border-bottom-color:rgba(255,255,255,.14) !important;
    }
    .calc-result p:first-child{
      font-size:16px !important;
      max-width:300px;
      margin-inline:auto;
    }
    .calc-result > div{
      font-size:clamp(40px, 11vw, 52px) !important;
      line-height:1.05 !important;
    }
    .portfolio-control{
      margin-top:34px !important;
    }
    .portfolio-input-row{
      gap:10px !important;
    }
    .portfolio-value-input{
      width:142px !important;
      font-size:16px !important;
      padding:9px 16px !important;
    }
    .portfolio-rail-wrap{
      margin-top:28px !important;
    }
    .portfolio-ticks{
      grid-template-columns:repeat(4, 1fr) !important;
      font-size:12px !important;
    }
    .portfolio-ticks span:nth-child(3){
      display:none;
    }
    .calc-disclaimer{
      margin-top:26px !important;
      gap:8px !important;
      font-size:12px !important;
      line-height:1.5 !important;
    }
    .calc-cta{
      width:min(100%, 310px);
      min-height:52px;
      padding:13px 22px;
      font-size:15px;
    }
    .whatsapp-testimonials-section{
      overflow:hidden !important;
    }
    .whatsapp-carousel-shell{
      width:100vw !important;
      margin-left:calc(50% - 50vw) !important;
      margin-right:calc(50% - 50vw) !important;
      max-width:100vw !important;
      touch-action:pan-y;
    }
    .whatsapp-carousel-stage{
      height:558px;
      max-width:100%;
    }
    .whatsapp-slide{
      transform:
        translateX(calc(-50% + clamp(-200px, calc(var(--offset, 0) * 200px), 200px)))
        translateY(calc(min(22px, var(--abs-offset, 0) * 22px)))
        scale(calc(1 - min(0.12, var(--abs-offset, 0) * 0.12)));
    }
    .whatsapp-carousel-viewport.is-dragging .whatsapp-slide{
      transform:
        translateX(calc(-50% + var(--offset, 0) * 200px))
        translateY(calc(min(22px, var(--abs-offset, 0) * 22px)))
        scale(calc(1 - min(0.12, var(--abs-offset, 0) * 0.12)));
    }
    .whatsapp-carousel-stage::before,
    .whatsapp-carousel-stage::after{
      width:60px;
    }
    .whatsapp-phone{
      width:240px;
    }
    .whatsapp-phone-frame{
      border-radius:40px;
      padding:5px;
      background:
        linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,0) 22%, rgba(255,255,255,0) 78%, rgba(255,255,255,.10)),
        #0B0C10;
      box-shadow:
        0 22px 48px rgba(38,46,72,.20),
        0 6px 16px rgba(38,46,72,.10),
        inset 0 0 0 1px rgba(255,255,255,.10);
    }
    .whatsapp-phone-frame::before{
      content:"";
      position:absolute;
      inset:4px;
      border-radius:37px;
      border:1px solid rgba(255,255,255,.06);
      pointer-events:none;
      z-index:2;
      display:block;
    }
    .whatsapp-phone-frame::after{
      display:none;
    }
    .whatsapp-phone-screen{
      border-radius:34px;
    }
    .whatsapp-phone-speaker{
      display:block;
      position:absolute;
      top:12px;
      left:50%;
      z-index:5;
      width:78px;
      height:22px;
      transform:translateX(-50%);
      border-radius:999px;
      background:#050506;
      box-shadow:
        inset 0 -1px 0 rgba(255,255,255,.08),
        0 1px 2px rgba(0,0,0,.4);
    }
    .whatsapp-phone-speaker::after{
      display:none;
    }
    .whatsapp-cta{
      width:min(calc(100vw - 56px), 310px);
      min-height:52px;
      padding:13px 22px;
      font-size:15px;
    }
    .testimonial-case{
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      gap:24px !important;
      padding:34px 0 42px !important;
      text-align:center !important;
    }
    .testimonial-case > div:first-child{
      order:2 !important;
      width:100% !important;
      max-width:330px !important;
      text-align:center !important;
    }
    .testimonial-case > div:last-child{
      order:1 !important;
      width:100% !important;
      justify-content:center !important;
    }
    .testimonial-case h3,
    .testimonial-case p{
      margin-left:auto !important;
      margin-right:auto !important;
      text-align:center !important;
    }
    .testimonial-case h3{
      font-size:34px !important;
    }
    .testimonial-case .case-link{
      justify-content:center !important;
    }
    .curriculum-rail{
      left:auto;
      right:31px;
      transform:none;
    }
    .about-copy p{
      max-width:330px;
      margin-left:auto !important;
      margin-right:auto !important;
      font-size:16px !important;
      line-height:1.78 !important;
    }
    .about-media{
      width:100%;
    }
    .about-proof-path{
      margin-top:22px !important;
    }
    .about-proof-path > div{
      padding:10px 4px !important;
    }
    .about-proof-path > div > div:first-child{
      font-size:10px !important;
    }
    .about-proof-path > div > div:nth-child(2){
      font-size:18px !important;
      margin-top:5px !important;
    }
    .about-proof-path > div > div:nth-child(3){
      font-size:11px !important;
      margin-top:4px !important;
      line-height:1.35 !important;
    }
  }
  @keyframes rentRailDrawMobile{
    0%{transform:scaleY(0); opacity:0}
    12%{opacity:1}
    74%{transform:scaleY(1); opacity:1}
    100%{transform:scaleY(1); opacity:0}
  }

.screen-reader-response, .wpcf7-not-valid-tip { color:#ffdddd; font-size:13px; margin-top:6px; display:block; }
.wpcf7, .wpcf7-form, .wpcf7 form .wpcf7-response-output, .wpcf7-not-valid-tip { direction:rtl; unicode-bidi:plaintext; }
.wpcf7 form .wpcf7-response-output { margin:18px 0 0; padding:12px 14px; border-radius:12px; color:#fff; border-color:rgba(255,255,255,.26); text-align:center; }
.apply-form-panel .wpcf7-form { margin:0; }
.apply-form-panel .form-grid { display:grid; gap:16px; grid-template-columns:1fr; }
.apply-form-panel label { display:block; font-size:13px; font-weight:700; color:#AEB1BB; margin-bottom:8px; }
.apply-form-panel input[type="text"], .apply-form-panel input[type="tel"] { width:100%; padding:17px 18px; font-size:17px; border:1px solid rgba(255,255,255,0.16); border-radius:12px; background:rgba(255,255,255,0.065); color:#fff; outline:none; font-family:inherit; text-align:right; direction:rtl; transition:border-color .24s ease, background .24s ease, box-shadow .24s ease; }
.apply-form-panel input[type="tel"] { direction:ltr; }
.apply-form-panel input::placeholder { color:rgba(255,255,255,.46); }
.apply-form-panel input:focus { border-color:rgba(41,188,201,.78); box-shadow:0 0 0 4px rgba(41,188,201,.12); }
.apply-form-panel input[type="submit"] { width:100%; min-height:56px; margin-top:22px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 30px; border-radius:999px; background:rgba(255,255,255,.96); color:#262E48; border:1px solid rgba(255,255,255,.9); font-size:18px; font-weight:900; cursor:pointer; box-shadow:0 14px 28px rgba(0,0,0,.16), inset 0 -1px 0 rgba(38,46,72,.08); }
.apply-form-panel input[type="submit"] { direction:rtl; unicode-bidi:plaintext; text-align:center; }
.apply-form-panel input[type="submit"]:hover { background:#fff; box-shadow:0 22px 42px rgba(0,0,0,.24), inset 0 -1px 0 rgba(38,46,72,.06); transform:translateY(-2px); }
.apply-form-panel input[type="submit"].is-loading { cursor:wait; opacity:.9; transform:none; }
.apply-form-panel .wpcf7-spinner { display:none !important; }
.faq-item:not(.is-open) .faq-answer-wrap { pointer-events:none; }
.hero-video-facade.is-playing iframe, .case-video-facade.is-playing video { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; background:#0E1428; object-fit:cover; }
.wp-site-blocks { padding:0; }
body.admin-bar .nav-header { top:32px !important; }
@media (max-width:782px){ body.admin-bar .nav-header { top:46px !important; } }

/* Webivize production fix: thank-you page mobile layout */
@media (max-width: 760px){
  .ty-shell{
    min-height:100svh !important;
    overflow-x:hidden !important;
    direction:rtl !important;
  }
  .ty-shell > div:not([aria-hidden]){
    width:100% !important;
    max-width:100% !important;
    min-height:100svh !important;
    padding:22px 18px 26px !important;
    box-sizing:border-box !important;
  }
  .ty-shell header{
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  .ty-shell .ty-brand{
    min-width:0 !important;
  }
  .ty-shell .brand-mark{
    width:54px !important;
    height:38px !important;
  }
  .ty-shell header .ty-button{
    display:none !important;
  }
  .ty-shell section[style*="grid-template-columns"]{
    display:flex !important;
    flex-direction:column !important;
    gap:28px !important;
    align-items:stretch !important;
    padding:40px 0 26px !important;
  }
  .ty-shell section[style*="grid-template-columns"] > div:first-child{
    order:1 !important;
    text-align:right !important;
    width:100% !important;
  }
  .ty-shell section[style*="grid-template-columns"] > aside{
    order:2 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
  .ty-shell h1{
    margin-top:14px !important;
    font-size:clamp(34px, 12vw, 48px) !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
  }
  .ty-shell h1 br{
    display:block !important;
  }
  .ty-shell p{
    max-width:100% !important;
  }
  .ty-shell section[style*="grid-template-columns"] > div:first-child > p{
    margin-top:18px !important;
    font-size:17px !important;
    line-height:1.7 !important;
  }
  .ty-shell section[style*="grid-template-columns"] > div:first-child .motion-pop{
    margin-top:26px !important;
    justify-content:stretch !important;
  }
  .ty-shell section[style*="grid-template-columns"] > div:first-child .ty-button{
    width:100% !important;
    min-height:52px !important;
    padding:14px 18px !important;
  }
  .ty-card{
    padding:20px 16px !important;
    border-radius:16px !important;
    box-shadow:0 20px 48px rgba(0,0,0,.22) !important;
  }
  .ty-card > div:first-child{
    font-size:12px !important;
    letter-spacing:.12em !important;
  }
  .ty-card > div:nth-child(2){
    gap:6px !important;
    margin-top:14px !important;
  }
  .ty-step{
    grid-template-columns:44px 1fr !important;
    gap:12px !important;
    padding:16px 0 !important;
    margin-inline:0 !important;
  }
  .ty-step-number{
    font-size:24px !important;
  }
  .ty-step h2{
    font-size:17px !important;
    line-height:1.35 !important;
  }
  .ty-step p{
    margin-top:6px !important;
    font-size:14px !important;
    line-height:1.65 !important;
  }
  .ty-prompt{
    margin-top:16px !important;
    padding:18px 16px !important;
    border-radius:14px !important;
  }
  .ty-prompt h2{
    font-size:20px !important;
  }
  .ty-prompt p{
    font-size:15px !important;
  }
  .ty-shell footer{
    padding-top:18px !important;
    font-size:11px !important;
    line-height:1.6 !important;
  }
}