:root{
  --orange:#FF6633; --btn:#C24014; --btn-h:#9E330F;
  --yellow:#FFCC00; --green:#99CC33; --blue:#0099FF;
  --ink:#13202E; --ink-2:#4A5563; --cream:#F6F4EE; --peach:#FFF4EC; --line:#DCD8CC;
  --ok:#1F7A3A;
  --wrap:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Assistant',sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}
h1,h2,h3{font-family:'Rubik',sans-serif;margin:0;line-height:1.1}
p{margin:0}
a{color:var(--btn)} a:hover{color:var(--btn-h)}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:#fff;padding:8px 14px;z-index:100}
.skip:focus{inset-inline-start:8px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--btn);color:#fff;text-decoration:none;padding:15px 28px;border-radius:999px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;border:0;font:inherit;font-weight:700;cursor:pointer}
.btn:hover{background:var(--btn-h);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(194,64,20,.25)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff;box-shadow:none}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(246,244,238,.9);backdrop-filter:blur(10px);transition:box-shadow .3s,padding .3s}
.hdr.scrolled{box-shadow:0 1px 0 var(--line),0 8px 24px rgba(19,32,46,.06)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px;transition:padding .3s}
.hdr.scrolled .wrap{padding-block:8px}
.hdr img{height:40px;display:block;transition:height .3s}
.hdr.scrolled img{height:32px}
.nav{display:flex;align-items:center;gap:28px;font-weight:600}
.nav a:not(.btn){color:var(--ink);text-decoration:none;position:relative}
.nav a:not(.btn)::after{content:"";position:absolute;inset-inline:0;bottom:-4px;height:3px;border-radius:3px;background:var(--orange);transform:scaleX(0);transition:transform .25s;transform-origin:right}
.nav a:not(.btn):hover::after{transform:scaleX(1)}
.nav .btn{padding:10px 22px}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;color:var(--ink)}
@media (max-width:760px){
  .burger{display:block}
  .nav{position:absolute;inset-inline:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--cream);padding:8px 24px 20px;box-shadow:0 12px 24px rgba(19,32,46,.08);display:none}
  .nav.open{display:flex}
  .nav a:not(.btn){padding:12px 0;border-bottom:1px solid var(--line)}
  .nav .btn{margin-top:14px;justify-content:center}
}

/* ============ section transitions: logo-band dividers ============ */
.sec{position:relative}
.band{position:absolute;inset-inline:0;top:-139px;height:140px;width:100%;display:block;pointer-events:none;z-index:1;overflow:visible}
.band path.s{fill:none;stroke-width:12;vector-effect:non-scaling-stroke;stroke-linecap:round}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0) * 90ms)}
[data-reveal].in{opacity:1;transform:none}

/* ============ HERO ============ */
.hero{padding:56px 0 190px;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:22px}
.kicker{font-weight:700;color:var(--btn);font-size:17px;display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:28px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--blue),var(--green),var(--yellow),var(--orange))}
.hero h1{font-weight:800;font-size:clamp(42px,6.2vw,80px);letter-spacing:-.5px}
.hero h1 .hl{position:relative;white-space:nowrap}
.hero h1 .hl svg{position:absolute;inset-inline:0;bottom:-10px;width:100%;height:18px;overflow:visible}
.hero h1 .hl path{fill:none;stroke:var(--orange);stroke-width:6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1s .6s forwards cubic-bezier(.6,0,.2,1)}
@keyframes draw{to{stroke-dashoffset:0}}
.lead{font-size:21px;color:var(--ink-2);max-width:560px}
.lead.strong{color:var(--ink);font-weight:600}
.ctas{display:flex;flex-wrap:wrap;gap:14px;padding-top:4px}

.art{position:relative;aspect-ratio:1;max-width:520px;width:100%;justify-self:center}
.art svg.globe{width:100%;height:100%;display:block;overflow:visible}
.art .b{transition:transform .1s linear}
.art .bd{animation:bandin .7s both cubic-bezier(.2,.7,.2,1);animation-delay:calc(var(--i) * 120ms)}
@keyframes bandin{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
.pin{transform-box:fill-box;transform-origin:center;animation:drop .7s .6s both cubic-bezier(.3,1.6,.5,1)}
@keyframes drop{from{transform:scale(0)}to{transform:none}}
.chip{position:absolute;background:#fff;border-radius:16px;padding:10px 14px;font-weight:700;font-size:15px;box-shadow:0 12px 30px rgba(19,32,46,.12);display:flex;align-items:center;gap:8px;white-space:nowrap;animation:float 6s ease-in-out infinite}
.chip i{width:10px;height:10px;border-radius:50%;display:block}
.chip small{display:block;font-weight:600;color:var(--ink-2);font-size:12px}
.chip.c1{top:6%;inset-inline-start:-4%}
.chip.c2{top:44%;inset-inline-end:-8%;animation-delay:-2s}
.chip.c3{bottom:4%;inset-inline-start:6%;animation-delay:-4s}
@keyframes float{50%{transform:translateY(-10px)}}
@media (max-width:900px){
  .hero .wrap{grid-template-columns:1fr}
  .art{max-width:290px;margin-top:16px}
  .hero{padding-top:32px}
  .chip.c2{inset-inline-end:-2%}
}

/* ============ DASHBOARD ============ */
.dash{background:#fff;padding:40px 0 200px}
.sec-head{text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:40px}
.sec-head h2{font-weight:800;font-size:clamp(30px,4vw,48px)}
.sec-head p{font-size:19px;color:var(--ink-2);max-width:640px}
.stage3d{perspective:1800px}
.monitor{--tilt:1;transform:rotateX(calc(var(--tilt) * 22deg)) scale(calc(1 - var(--tilt) * .08)) translateY(calc(var(--tilt) * 40px));transform-origin:50% 100%;will-change:transform}
.screen{background:#1C1F24;border-radius:22px 22px 14px 14px;padding:14px;box-shadow:0 40px 80px rgba(19,32,46,.22)}
.app{background:#F4F6F9;border-radius:10px;overflow:hidden;font-size:14px}
.chrome{background:#E9ECF1;padding:9px 14px;display:flex;align-items:center;gap:12px}
.dots3{display:flex;gap:6px}.dots3 i{width:11px;height:11px;border-radius:50%;display:block}
.url{flex:1;display:flex;justify-content:center}.url span{background:#fff;color:var(--ink-2);font-size:12px;padding:3px 18px;border-radius:8px}
.appbody{display:flex;min-height:520px}
.side{flex:0 0 180px;background:#fff;border-inline-start:1px solid #E6E9EE;padding:16px 12px;display:flex;flex-direction:column;gap:4px}
.side .brand{display:flex;align-items:center;gap:8px;padding:4px 8px 14px;font-family:'Rubik';font-weight:800;font-size:20px}
.side .brand img{width:30px;height:30px}
.side div.it{padding:9px 12px;border-radius:10px;font-weight:700;color:var(--ink-2)}
.side div.it.on{background:#FFF1EB;color:var(--btn)}
.main{flex:1;padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.top b{font-family:'Rubik';font-size:20px;display:block}
.top small{color:var(--ink-2);font-size:13px}
.live{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E6E9EE;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}
.live i{width:8px;height:8px;border-radius:50%;background:#28C840;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.3}}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.kpi{background:#fff;border:1px solid #E6E9EE;border-radius:14px;padding:12px 14px}
.kpi .l{display:flex;align-items:center;gap:6px;color:var(--ink-2);font-weight:600;font-size:13px}
.kpi .l i{width:8px;height:8px;border-radius:50%}
.kpi .v{font-family:'Rubik';font-weight:800;font-size:25px}
.kpi .d{font-size:12px;color:var(--ok);font-weight:700}
.grid2{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}
.grid2>*,.kpi,.card{min-width:0}
.card{background:#fff;border:1px solid #E6E9EE;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.card .h{display:flex;justify-content:space-between;font-weight:700;font-size:15px}
.card .h small{font-weight:400;color:var(--ink-2);font-size:12px}
.cats{display:flex;gap:8px;height:230px;align-items:flex-end;background:#FFF9EE;border-radius:12px;padding:12px 10px 8px}
.cat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0}
.cat .ic{width:28px;height:28px;border-radius:9px}
.cat .bar{width:100%;height:0;border-radius:8px 8px 3px 3px;border-top:4px solid;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;transition:height 1.1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 80ms)}
.cat .bar span{background:#fff;font-size:11px;font-weight:800;padding:1px 6px;border-radius:999px}
.cat b{font-size:13px}
.ask .box{border:1.5px solid #E6E9EE;border-radius:12px;padding:10px 12px;min-height:46px}
.ask .box .caret{display:inline-block;width:2px;height:1em;background:var(--ink);vertical-align:-2px;animation:blink 1s steps(1) infinite}
.ask .row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ask .ok{color:var(--ok);font-weight:700;font-size:13px;opacity:0;transform:translateY(6px);transition:.4s}
.ask .ok.show{opacity:1;transform:none}
.ask .send{background:var(--btn);color:#fff;font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px}
.mini div i{flex-shrink:0}
.mini{display:flex;gap:8px;height:92px;align-items:flex-end}
.mini div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;font-size:11px;color:var(--ink-2)}
.mini div i{width:100%;height:0;background:#FFC2AD;border-radius:5px 5px 2px 2px;transition:height .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 70ms)}
.mini div:last-child i{background:var(--orange)}
.prog .r{display:flex;justify-content:space-between;font-size:13px;font-weight:600}
.prog .t{height:7px;background:#EEF1F5;border-radius:999px;margin:4px 0 10px}
.prog .t i{display:block;height:7px;width:0;border-radius:999px;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.foot{width:18%;min-width:90px;height:46px;background:#2A2E35;margin:0 auto;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.base{width:34%;min-width:160px;height:10px;background:#2A2E35;border-radius:6px;margin:0 auto}
.sample{text-align:center;color:var(--ink-2);font-size:14px;margin-top:18px}
@media (max-width:900px){
  .side{display:none}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .kpis .kpi:last-child{grid-column:span 2}
  .grid2{grid-template-columns:minmax(0,1fr)}
  .appbody{min-height:0}
  .main{padding:12px}
  .screen{padding:8px;border-radius:16px 16px 10px 10px}
  .cats{gap:4px;padding-inline:6px}
  .cat b{font-size:11px}
  .cat .bar span{font-size:10px;padding:1px 3px}
}

/* ============ ONE SYSTEM (pinned sequence) ============ */
.one{background-color:var(--peach);background-image:radial-gradient(#F2C4AE 1.3px,transparent 1.3px);background-size:22px 22px;padding:40px 0 200px}
.arena{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px}
.nomore{background:#fff;border:1px solid #F0E2D8;border-radius:24px;padding:22px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:980px;width:100%}
.nomore > b{font-family:'Rubik';font-size:19px}
.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;margin:0;padding:0}
.tag{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;background:#FFF1F0;border:1px solid #F6C9C4;padding:7px 14px 7px 12px;border-radius:999px;white-space:nowrap}
.tag .x{width:20px;height:20px;border-radius:50%;background:#D92D20;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.into{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:'Rubik';font-weight:700;font-size:19px}
.hubwrap{display:grid;grid-template-columns:1fr 240px 1fr;gap:28px;align-items:center;width:100%;position:relative}
.col{display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}
.svc{background:#fff;border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;border:1px solid #F0E2D8;box-shadow:0 10px 30px rgba(194,64,20,.08);transition:transform .25s,box-shadow .25s}
.svc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(194,64,20,.14)}
.svc .t{display:flex;align-items:center;gap:12px}
.svc .ico{width:44px;height:44px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.svc h3{font-size:19px}
.svc p{color:var(--ink-2);font-size:16px;line-height:1.5}
.svc .pills{display:flex;gap:6px;flex-wrap:wrap}
.svc .pills span{font-size:13px;font-weight:700;background:var(--cream);padding:3px 10px;border-radius:999px}
.hub{width:220px;height:220px;border-radius:50%;background:#fff;border:3px dashed var(--orange);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;justify-self:center;position:relative;z-index:2;box-shadow:0 0 0 14px rgba(255,102,51,.10),0 0 0 30px rgba(255,102,51,.05)}
.hub img{width:80px;height:80px}
.hub b{font-family:'Rubik';font-size:26px;line-height:1}
.hub small{font-weight:700;color:var(--ink-2);font-size:13px}
.links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.links path{fill:none;stroke:var(--orange);stroke-width:2.5;stroke-dasharray:6 8}
.one .more{display:flex;justify-content:center;margin-top:36px}

/* pinned mode (desktop, motion allowed) */
.one.pinned{height:calc(340vh + 170px);padding:0 0 170px}
.one.pinned > .wrap{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:64px}
.one.pinned .sec-head{margin-bottom:18px}
.one.pinned .arena{flex:1;max-height:640px;justify-content:center}
.one.pinned .nomore{position:absolute;inset:0;background:none;border:0;padding:0;max-width:none;z-index:3;pointer-events:none;justify-content:center}
.one.pinned .nomore > b{position:absolute;top:0;background:#fff;padding:6px 18px;border-radius:999px;border:1px solid #F0E2D8}
.one.pinned .tags{position:absolute;inset:0}
.one.pinned .tag{position:absolute;left:50%;top:50%;margin:-18px 0 0 -80px;box-shadow:0 8px 20px rgba(217,45,32,.12)}
.one.pinned .into{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);z-index:3;opacity:0;background:var(--peach);padding:4px 16px;border-radius:999px}
.one.pinned .into svg{display:none}
.one.pinned .more{position:absolute;bottom:28px;left:0;right:0;margin:0;opacity:0;transition:opacity .4s}
.one.pinned .more.show{opacity:1}
.one.pinned .svc{opacity:0}
.one.pinned .hub{opacity:.25;transform:scale(.6)}
@media (max-width:900px){
  .hubwrap{grid-template-columns:1fr}
  .hub{order:-1}
  .links{display:none}
}

/* ============ STORIES ============ */
.stories{background:var(--cream);padding:40px 0 120px}
.stories .head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:36px}
.badge{display:inline-block;font-weight:700;color:var(--ok);background:#EAF6DA;padding:5px 14px;border-radius:999px;font-size:15px;margin-bottom:10px}
.stories h2{font-weight:800;font-size:clamp(30px,4vw,46px)}
.loc{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ink-2)}
.loc i{width:12px;height:12px;border-radius:50%;background:var(--ac);display:block}
.go{font-weight:700;color:var(--btn);text-decoration:none}
.go:hover{text-decoration:underline}
.acts{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-top:6px}

/* the route: one road from the Galilee to the Negev, a logo pin dropped at every stop */
.route{position:relative;display:flex;flex-direction:column;gap:56px;padding:70px 0 90px}
.road{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.road path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.rd-glow{stroke:rgba(255,102,51,.10);stroke-width:46}
.rd-base{stroke:#fff;stroke-width:26}
.rd-prog{stroke:var(--orange);stroke-width:5}
.rd-dot circle{fill:var(--yellow);stroke:#fff;stroke-width:5}
.compass{position:relative;z-index:1;align-self:center;font-family:'Rubik',sans-serif;font-weight:700;font-size:14px;color:var(--ink-2);background:#fff;padding:4px 16px;border-radius:999px;box-shadow:0 4px 14px rgba(19,32,46,.08)}
.stop{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:44px}
.stop:nth-of-type(even){flex-direction:row-reverse}
.stop-txt{flex:0 1 460px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:#fff;border-radius:26px;padding:24px 28px;box-shadow:0 14px 40px rgba(19,32,46,.08)}
.stop h3{font-size:28px;font-weight:800}
.stop h3.with-logo{display:flex;align-items:center;gap:12px}
.stop h3.with-logo img{width:64px;height:auto;display:block}
.stop p{color:var(--ink-2)}
.stop blockquote{margin:4px 0;font-family:'Rubik',sans-serif;font-weight:700;font-size:20px;line-height:1.3;padding-inline-start:14px;border-inline-start:5px solid var(--ac)}
.stats{display:flex;flex-wrap:wrap;gap:10px 26px}
.stats b{display:block;font-family:'Rubik',sans-serif;font-weight:800;font-size:34px;line-height:1.1;color:var(--btn)}
.stats span{font-size:15px;color:var(--ink-2)}
.pinbox{--s:220px;position:relative;flex:0 0 auto;width:var(--s);height:calc(var(--s) * 1.21);display:block;filter:drop-shadow(0 16px 22px rgba(19,32,46,.2));transform-origin:50% 100%;transform:translateY(-70px) scale(.5);opacity:0;transition:transform .8s cubic-bezier(.3,1.5,.5,1) .15s,opacity .4s ease .15s}
.stop.in .pinbox{transform:none;opacity:1}
.stop.in a.pinbox:hover{transform:translateY(-8px)}
.stop.big .pinbox{--s:290px}
.lens{position:absolute;top:0;left:0;width:var(--s);height:var(--s);border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#fff}
.lens img,.lens .num{position:absolute;inset:11%;width:78%;height:78%;border-radius:50%;box-shadow:0 0 0 7px var(--ac);transform:rotate(45deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lens img{object-fit:cover;object-position:var(--pos,50% 50%);display:block}
a.pinbox:hover .lens img{transform:rotate(45deg) scale(1.1)}
.lens .num{background:#0073CC;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:14px;line-height:1.2}
.lens .num b{font-family:'Rubik',sans-serif;font-weight:800;font-size:34px}
@media (max-width:900px){
  .route{gap:36px;padding:50px 0 70px}
  .stop,.stop:nth-of-type(even){flex-direction:column;gap:14px}
  .stop-txt{flex:0 0 auto;width:100%;padding:20px}
  .pinbox,.stop.big .pinbox{--s:170px}
  .lens .num b{font-size:26px}
}

/* ============ REGIONAL BENEFITS CARD ============ */
.cardsec{background:#fff;padding:40px 0 80px}
.cardsec .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.cardsec .txt{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.cardsec h2{font-weight:800;font-size:clamp(32px,4.5vw,52px)}
.cardsec .sub{font-size:21px;color:var(--ink-2)}
.perks{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:14px}
.perks li{display:flex;gap:14px;align-items:flex-start}
.perks .ic{flex:0 0 46px;height:46px;border-radius:15px;background:var(--ac);display:flex;align-items:center;justify-content:center}
.perks b{display:block;font-family:'Rubik',sans-serif;font-size:19px;line-height:1.3}
.perks span{color:var(--ink-2);font-size:17px}
.cstage{--k:1;position:relative;height:560px;perspective:1400px}
.phone{position:absolute;inset-inline-start:8%;top:0;width:270px;height:540px;background:#1C1F24;border-radius:40px;padding:10px;box-shadow:0 30px 60px rgba(19,32,46,.25);transform:translateY(calc(var(--k) * 70px))}
.phone .scr{height:100%;background:var(--cream);border-radius:31px;overflow:hidden;display:flex;flex-direction:column;font-size:13px}
.phone .hd{background:var(--btn);color:#fff;padding:26px 16px 40px;display:flex;flex-direction:column;gap:2px}
.phone .hd b{font-family:'Rubik',sans-serif;font-size:18px}
.phone .mini-card{margin:-28px 14px 0;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 8px 20px rgba(19,32,46,.1);display:flex;justify-content:space-between;align-items:center;font-weight:700}
.phone .mini-card img{width:30px;height:30px}
.phone .ttl{padding:14px 16px 6px;font-weight:700;color:var(--ink-2)}
.phone ul{list-style:none;margin:0;padding:0 14px;display:flex;flex-direction:column;gap:8px}
.phone li{background:#fff;border-radius:14px;padding:9px 12px;display:flex;align-items:center;gap:10px;font-weight:600}
.phone li i{flex:0 0 30px;height:30px;border-radius:10px;background:var(--ac);display:block}
.phone li em{margin-inline-start:auto;font-style:normal;font-weight:800;font-size:12px;color:var(--ok);background:#EAF6DA;padding:2px 8px;border-radius:999px;white-space:nowrap}
.phone .pay{margin:auto 14px 16px;background:var(--btn);color:#fff;text-align:center;font-weight:700;font-size:15px;padding:12px;border-radius:999px}
.rcard{position:absolute;inset-inline-end:2%;top:150px;width:340px;aspect-ratio:1.586;border-radius:22px;background:linear-gradient(135deg,#FFFFFF,#FFF4EC);box-shadow:0 30px 60px rgba(19,32,46,.22);overflow:hidden;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between;transform:rotateY(calc(var(--k) * 38deg)) rotateZ(calc(-7deg + var(--k) * -10deg)) translateX(calc(var(--k) * 90px));will-change:transform}
.rcard{justify-content:flex-start!important;gap:8px}
.rcard svg{position:absolute;inset:auto 0 0 0;width:100%;height:42%}
.rcard .top{position:relative;display:flex;justify-content:space-between;align-items:center}
.rcard .top img{width:auto;height:62px}
.rcard .by{position:absolute;inset-inline-end:16px;bottom:12px;width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 3px #fff}
.rcard .top span{font-weight:700;font-size:13px;background:var(--ink);color:#fff;padding:3px 12px;border-radius:999px}
.rcard .nm{position:relative;font-family:'Rubik',sans-serif;font-weight:800;font-size:24px;line-height:1.15}
.rcard .nm small{display:block;font-family:'Assistant',sans-serif;font-weight:600;font-size:14px;color:var(--ink-2)}
.pop{position:absolute;background:#fff;border-radius:14px;padding:8px 14px;font-weight:800;font-family:'Rubik',sans-serif;box-shadow:0 12px 30px rgba(19,32,46,.14);opacity:calc(1 - var(--k) * 1.6);transform:scale(calc(1 - var(--k) * .5));animation:float 6s ease-in-out infinite}
.pop small{display:block;font-family:'Assistant',sans-serif;font-weight:600;font-size:12px;color:var(--ink-2)}
.pop.p1{inset-inline-end:6%;top:70px;color:var(--btn)}
.pop.p2{inset-inline-end:30%;bottom:36px;color:var(--ok);animation-delay:-3s}
.cardsec .sample{text-align:center}
.guest{margin-top:22px;background:var(--cream);border-radius:20px;padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.guest b{font-family:'Rubik',sans-serif}
.guest ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;counter-reset:g;font-weight:600}
.guest li{display:flex;align-items:center;gap:8px;counter-increment:g}
.guest li::before{content:counter(g);width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-family:'Rubik',sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.themes{margin-top:72px;text-align:center}
.themes h3{font-size:clamp(24px,3vw,32px);font-weight:800}
.themes p{color:var(--ink-2);margin-top:6px}
.themes ul{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.themes li{position:relative;overflow:hidden;background:var(--cream);border-radius:22px;padding:22px 20px 26px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .3s,box-shadow .3s,opacity .7s ease}
.themes li::after{content:"";position:absolute;inset:auto 0 0 0;height:8px;background:var(--ac)}
.themes li.in:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 18px 40px rgba(19,32,46,.12)}
.themes .ic{width:54px;height:54px;border-radius:18px;background:var(--ac);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.themes b{font-family:'Rubik',sans-serif;font-size:21px}
.themes li span:last-child{color:var(--ink-2)}
@media (max-width:900px){.themes ul{grid-template-columns:minmax(0,1fr)}}
.flow{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative;counter-reset:f}
.flow::before{content:"";position:absolute;top:27px;inset-inline:12%;border-top:3px dashed var(--line)}
.flow li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;font-weight:700;counter-increment:f}
.flow li::before{content:counter(f);width:56px;height:56px;border-radius:50%;background:var(--ac);color:var(--ink);font-family:'Rubik',sans-serif;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #fff}
@media (max-width:900px){
  .cardsec .grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .cstage{height:470px;max-width:360px;margin-inline:auto;width:100%}
  .phone{width:220px;height:440px;inset-inline-start:0}
  .phone .pay{display:none}
  .rcard{width:250px;top:170px;inset-inline-end:0;padding:16px 18px}
  .rcard .nm{font-size:19px}
  .pop.p1{top:40px}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
  .flow::before{display:none}
}

/* ============ CTA (expands to full bleed) ============ */
.ctasec{padding:0 0 110px;background:var(--cream)}
.cta{--ci:40px;--cr:32px;position:relative;overflow:hidden;background:var(--btn);color:#fff;clip-path:inset(0 var(--ci) round var(--cr));padding:80px 0}
.cta .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;position:relative}
.cta .logo-bg{position:absolute;inset-inline-end:-80px;bottom:-110px;width:380px;opacity:.12}
.cta h2{font-weight:800;font-size:clamp(32px,4.4vw,52px)}
.cta p{font-size:19px;margin-top:14px}
.cta p.fast{font-family:'Rubik',sans-serif;font-weight:700;font-size:clamp(20px,2.2vw,26px);line-height:1.3;color:#FFE9A8}
.cta .ctas{margin-top:22px}
.cta .btn-w{background:#fff;color:var(--btn)}
.cta .btn-w:hover{background:var(--cream);color:var(--btn-h)}
.cta .btn-o{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
.cta .btn-o:hover{background:rgba(255,255,255,.14);color:#fff}
.cta ul{list-style:none;margin:0;padding:26px 28px;background:rgba(255,255,255,.14);border-radius:22px;display:flex;flex-direction:column;gap:14px;font-weight:700;font-size:18px}
.cta li{display:flex;align-items:center;gap:12px}
.cta li i{width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
@media (max-width:900px){.cta .wrap{grid-template-columns:1fr}.cta{padding:56px 0}}

/* footer */
footer{background:#fff;border-top:1px solid var(--line)}
footer .wrap{padding-block:34px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:15px;color:var(--ink-2)}
footer .l{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
footer .l img{height:28px}
footer .r{display:flex;flex-wrap:wrap;gap:8px 20px}

/* whatsapp */
.wa{position:fixed;inset-inline-end:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:#1F8F4E;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(19,32,46,.25);transition:transform .2s}
.wa:hover{transform:scale(1.08)}

.note{position:fixed;top:84px;inset-inline-start:16px;z-index:70;background:var(--ink);color:#fff;font-size:13px;padding:8px 12px;border-radius:10px;max-width:260px;line-height:1.4;opacity:.9}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none}
  .monitor{--tilt:0!important}
  .hero h1 .hl path{stroke-dashoffset:0}
}