:root{
  color-scheme:light;
  --ink:#241b13;
  --ink-2:#4b3929;
  --muted:#7a634c;
  --metal:#9b6a31;
  --metal-deep:#6d4822;
  --metal-soft:#c79a63;
  --graphite:#2c2925;
  --line:rgba(255,255,255,.54);
  --line-strong:rgba(255,255,255,.74);
  --glass-a:rgba(255,255,255,.34);
  --glass-b:rgba(255,247,237,.18);
  --glass-c:rgba(187,126,65,.055);
  --telegram:#229ED9;
  --top:68px;
  --max:1320px;
  --ease:cubic-bezier(.2,.78,.2,1);
  --spring:cubic-bezier(.16,1,.3,1);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;min-height:100%;color:var(--ink);background:#e7bf8c}
body{min-height:100vh;overflow-x:hidden}
button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}
.site{
  position:relative;isolation:isolate;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;
  background:#edc596 url("assets/scene-clean.png") center/cover no-repeat fixed;
}
.site::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 74% 29%,rgba(255,251,237,.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(96,52,18,.018))}
.site::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 120px rgba(104,59,21,.028)}

/* Floating top line: no full-width header bar. */
.top-layer{
  position:fixed;z-index:120;left:0;right:0;top:0;height:var(--top);display:flex;align-items:center;
  padding:11px clamp(22px,3.6vw,58px);gap:26px;pointer-events:none;
}
.brand,.site-nav,.mobile-toggle,.fx-chip{pointer-events:auto}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:clamp(16px,1.25vw,21px);font-weight:670;letter-spacing:-.035em;color:#2a2119;text-shadow:0 1px 0 rgba(255,255,255,.38)}
.brand svg{width:29px;height:34px;color:var(--metal-deep);filter:drop-shadow(0 5px 10px rgba(74,43,18,.07))}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(17px,2vw,34px)}
.site-nav a{position:relative;padding:8px 0;text-decoration:none;font-size:clamp(11px,.82vw,13px);font-weight:550;color:rgba(51,37,25,.76);transition:color .22s var(--ease),transform .22s var(--ease)}
.site-nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,rgba(112,74,34,.74),transparent);transition:left .28s var(--ease),right .28s var(--ease)}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:#2b2017;transform:translateY(-1px)}
.site-nav a:hover::after,.site-nav a[aria-current="page"]::after{left:7%;right:7%}
.mobile-toggle{display:none;width:40px;height:40px;border:1px solid rgba(255,255,255,.58);border-radius:14px;background:linear-gradient(150deg,rgba(255,255,255,.34),rgba(230,191,146,.16));backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 12px 28px -22px rgba(63,35,12,.3);flex-direction:column;align-items:center;justify-content:center;gap:4px}
.mobile-toggle i{width:16px;height:1px;background:#4c3725;border-radius:2px}

.fx-chip{
  min-width:164px;min-height:44px;display:grid;grid-template-columns:auto auto;grid-template-areas:"label value" "source time";column-gap:10px;row-gap:1px;align-items:center;
  padding:7px 12px 7px 13px;border:1px solid rgba(255,255,255,.61);border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(240,207,166,.16));
  backdrop-filter:blur(22px) saturate(1.04);-webkit-backdrop-filter:blur(22px) saturate(1.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 18px 36px -29px rgba(67,37,11,.30);
}
.fx-chip .fx-label{grid-area:label;font-size:10px;font-weight:650;letter-spacing:.025em;color:#5c4733}
.fx-chip strong{grid-area:value;justify-self:end;font-size:13px;font-weight:690;color:#2c2118}
.fx-chip small{grid-area:source;font-size:7.5px;color:rgba(85,64,44,.65);white-space:nowrap}
.fx-chip time{grid-area:time;justify-self:end;font-size:7.5px;color:rgba(85,64,44,.62);white-space:nowrap}
.fx-chip.is-stale strong{color:#6d5137}.fx-chip.is-stale time{color:#8d5c35}

.screen{position:relative;z-index:10;flex:1;padding:calc(var(--top) + 18px) clamp(20px,3.6vw,58px) 22px}
.screen-inner{width:min(var(--max),100%);min-height:calc(100dvh - var(--top) - 90px);margin:0 auto;position:relative;animation:surface .38s var(--ease) both}
@keyframes surface{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.content-underlay{transition:opacity .2s ease,visibility .2s ease}

/* Material system */
.premium-glass{
  position:relative;isolation:isolate;border:1px solid var(--line);
  background:
    radial-gradient(120% 78% at 10% -10%,rgba(255,255,255,.42),transparent 48%),
    linear-gradient(148deg,var(--glass-a),var(--glass-b) 56%,var(--glass-c));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    inset 0 -1px 0 rgba(123,77,34,.035),
    0 28px 64px -40px rgba(64,35,11,.35),
    0 8px 22px -18px rgba(62,34,11,.24);
  backdrop-filter:blur(22px) saturate(1.06);-webkit-backdrop-filter:blur(22px) saturate(1.06);
}
.premium-glass::before{content:"";position:absolute;z-index:-1;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 30%,transparent 70%,rgba(219,162,96,.04));opacity:.75}
.interactive-card,.provider-card,.price-card,.legal-card{overflow:hidden}
.interactive-card::after,.provider-card::after,.price-card::after,.legal-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(108deg,transparent 15%,rgba(255,255,255,.17) 48%,transparent 65%);transform:translateX(-112%);transition:transform .65s var(--ease)}
.interactive-card:hover::after,.provider-card:hover::after,.price-card:hover::after,.legal-card:hover::after{transform:translateX(112%)}

.ui-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;color:var(--metal-deep);background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(221,168,105,.12));border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.73),0 10px 22px -18px rgba(61,34,11,.29)}
.ui-icon svg{width:20px;height:20px}.ui-icon.green{color:var(--metal-deep)!important;background:linear-gradient(145deg,rgba(255,255,255,.50),rgba(218,163,97,.14))!important;border-color:rgba(255,255,255,.62)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 10px 22px -18px rgba(61,34,11,.29)!important}
.chevron,.button-arrow,.micro-chevron,.back-icon,.pdf-arrow{background:transparent;border:0;box-shadow:none}
.chevron{width:28px;height:28px;flex-basis:28px}.chevron svg{width:16px;height:16px}.hero-icon{width:52px;height:52px;border-radius:16px}.hero-icon svg{width:26px;height:26px}
.telegram-blue{color:#fff!important;background:linear-gradient(145deg,#39afe2,#197fbd)!important;border-color:rgba(255,255,255,.38)!important}

/* Home */
.home-layout{min-height:calc(100dvh - var(--top) - 105px);display:flex;align-items:center;justify-content:flex-end;padding:22px clamp(0px,3.5vw,52px) 48px}
.provider-stack{width:min(42vw,520px);display:grid;gap:18px}
.provider-card{border-radius:28px;padding:22px 24px 20px;min-height:158px;display:grid;gap:16px;transition:transform .3s var(--spring),box-shadow .3s var(--ease),border-color .3s var(--ease)}
.provider-card:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 34px 74px -43px rgba(57,31,9,.42),0 12px 30px -23px rgba(65,35,10,.28)}
.provider-main{display:grid;grid-template-columns:66px 1fr;gap:18px;align-items:center}
.provider-emblem{width:62px;height:62px;display:grid;place-items:center;border-radius:19px;border:1px solid rgba(255,255,255,.64);background:radial-gradient(circle at 25% 16%,rgba(255,255,255,.66),transparent 45%),linear-gradient(150deg,rgba(255,255,255,.42),rgba(216,161,95,.13));box-shadow:inset 0 1px 0 rgba(255,255,255,.80),0 15px 30px -22px rgba(62,34,11,.34)}
.provider-emblem svg{width:42px;height:42px;filter:drop-shadow(0 5px 10px rgba(74,43,18,.08))}
.provider-copy h2{margin:0;font-size:clamp(20px,1.6vw,27px);font-weight:670;letter-spacing:-.045em}
.provider-copy p{margin:5px 0 0;font-size:10.5px;line-height:1.45;color:rgba(77,57,39,.70)}
.connect-zone{display:grid;justify-items:end;gap:10px}
.primary-pill{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-width:172px;height:44px;padding:0 10px 0 16px;border:1px solid rgba(255,255,255,.66);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(225,178,119,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 14px 28px -24px rgba(61,33,10,.36);font-size:12px;font-weight:620;transition:transform .24s var(--spring),border-color .24s,box-shadow .24s,background .24s}
.primary-pill:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.92);background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(225,178,119,.16));box-shadow:inset 0 1px 0 #fff,0 18px 34px -24px rgba(61,33,10,.41)}
.button-arrow{width:28px;height:28px;flex-basis:28px;border-radius:9px!important;color:#fff!important;background:linear-gradient(145deg,#9f6f35,#73502a)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px -12px rgba(72,41,15,.5)!important;transition:transform .22s var(--spring)}
.primary-pill:hover .button-arrow{transform:translateX(2px)}
.button-arrow svg{width:14px;height:14px}
.primary-pill.inline{width:max-content;text-decoration:none;margin-top:12px}
.provider-card.is-open{min-height:265px}.provider-card.is-open .connect-zone{justify-items:stretch}.provider-card.is-open .primary-pill{justify-self:end}
.connect-dropdown{position:relative;right:auto;top:auto;width:100%;padding:7px;border-radius:17px;background:linear-gradient(150deg,rgba(255,253,248,.62),rgba(234,194,146,.30));animation:dropIn .26s var(--spring) both}
.connect-dropdown button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:0;border-radius:11px;background:transparent;text-align:left;transition:background .2s}
.connect-dropdown button+button{margin-top:3px}.connect-dropdown button:hover{background:rgba(255,255,255,.28)}
.connect-dropdown strong,.connect-dropdown small{display:block}.connect-dropdown strong{font-size:11.5px}.connect-dropdown small{margin-top:2px;font-size:9.5px;color:#71583f}.micro-chevron{width:23px;height:23px;flex-basis:23px}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Pages */
.page-shell,.pricing-shell{min-height:calc(100dvh - var(--top) - 90px);display:grid;align-content:center;padding:34px 0 54px clamp(190px,20vw,300px);position:relative}
.page-heading{width:min(820px,100%);margin:0 auto 16px}.page-heading h1,.pricing-head h1{margin:0 0 7px;font-size:clamp(31px,2.7vw,47px);line-height:1;letter-spacing:-.055em;font-weight:690}.page-heading p,.pricing-head p{margin:0 0 5px;font-size:clamp(13px,1.05vw,16px);font-weight:550}.page-heading small,.pricing-head small{display:block;max-width:780px;font-size:10px;line-height:1.45;color:rgba(74,54,37,.68)}
.back-btn{position:absolute;left:0;top:34px;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px 0 8px;border:1px solid rgba(255,255,255,.55);border-radius:13px;background:linear-gradient(150deg,rgba(255,255,255,.32),rgba(222,173,113,.12));backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 12px 24px -20px rgba(62,34,11,.28);font-size:11px;font-weight:600;transition:transform .22s var(--spring),background .22s}
.back-btn:hover{transform:translateX(-2px);background:rgba(255,250,243,.46)}.back-icon{width:25px;height:25px;flex-basis:25px;color:var(--metal-deep)}.back-icon svg{width:16px;height:16px}
.card-grid,.legal-grid{width:min(900px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.info-card,.legal-card{min-height:114px;border-radius:21px;padding:15px 16px;display:grid;grid-template-columns:42px 1fr 28px;gap:13px;align-items:center;text-align:left;color:inherit;transition:transform .25s var(--spring),border-color .25s,box-shadow .25s}
.info-card:hover,.legal-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 25px 54px -36px rgba(57,31,9,.39)}
.info-card.wide{grid-column:1/-1;min-height:88px}.info-copy strong,.legal-card strong{display:block;font-size:12px;line-height:1.25}.info-copy small,.legal-card small{display:block;margin-top:4px;font-size:9.5px;line-height:1.42;color:rgba(77,57,39,.70)}.legal-card em{display:block;margin-top:7px;font-size:7.5px;font-style:normal;color:rgba(111,79,47,.66)}
.pdf-cta,.legal-pdf-cta{grid-column:1/-1;min-height:64px;border-radius:20px;padding:11px 13px;display:grid;grid-template-columns:42px 1fr auto 28px;gap:13px;align-items:center;text-decoration:none;transition:transform .24s var(--spring),border-color .24s}.pdf-cta:hover,.legal-pdf-cta:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.85)}.pdf-cta strong,.legal-pdf-cta strong{display:block;font-size:11.5px}.pdf-cta small,.legal-pdf-cta small{display:block;margin-top:2px;font-size:9px;color:rgba(75,55,38,.67)}.pdf-cta b,.legal-pdf-cta b{font-size:9px;font-weight:650;color:var(--metal-deep);padding:7px 10px;border:1px solid rgba(255,255,255,.55);border-radius:10px;background:rgba(255,255,255,.22)}.pdf-icon{color:var(--metal-deep)}

/* Pricing */
.pricing-wrap{width:min(930px,100%);margin:0 auto}.pricing-head{margin-bottom:16px}.pricing-grid{display:grid;grid-template-columns:1.25fr .82fr .82fr;gap:11px}.price-card{border-radius:22px;padding:17px;min-height:262px}.price-kicker{font-size:10px;font-weight:680;letter-spacing:.02em;color:#62472d}.price-includes ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:7px}.price-includes li{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start}.price-includes li .ui-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}.price-includes li .ui-icon svg{width:16px;height:16px}.price-includes li strong{display:block;font-size:9.8px}.price-includes li small{display:block;margin-top:1px;font-size:8.3px;line-height:1.36;color:rgba(78,57,39,.71)}
.price-more{margin-top:10px;min-height:49px;display:grid;grid-template-columns:1fr 27px;gap:10px;align-items:center;padding:9px 10px 9px 12px;border:1px solid rgba(255,255,255,.58);border-radius:14px;color:#4b331f;text-decoration:none;background:linear-gradient(145deg,rgba(255,255,255,.32),rgba(218,163,98,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.69);transition:transform .22s var(--spring),border-color .22s}.price-more:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.85)}.price-more strong{display:block;font-size:9.7px}.price-more small{display:block;margin-top:2px;font-size:8px;line-height:1.35;color:rgba(76,56,39,.68)}.price-more .ui-icon{width:26px;height:26px;flex-basis:26px;background:transparent;border:0;box-shadow:none}
.price-main,.pricing-grid>.price-card:not(.price-includes){display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.plan-price{display:flex;align-items:baseline;gap:6px;margin:13px 0 8px}.plan-price span,.check-price{font-size:clamp(31px,2.5vw,42px);font-weight:700;letter-spacing:-.055em}.plan-price small{font-size:9px;color:#70573d}.price-card p{font-size:9px;line-height:1.5;color:rgba(73,54,38,.72)}.uah-estimate{display:block;margin-top:5px;font-size:8px;color:rgba(101,74,47,.68)}
.renewal{margin-top:11px;border-radius:19px;padding:12px 14px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center}.renewal .ui-icon{width:36px;height:36px;flex-basis:36px;border-radius:12px}.renewal p{margin:0;font-size:8.8px;line-height:1.45;color:rgba(72,53,37,.72)}

/* Contacts & success */
.contacts-wrap,.success-wrap{min-height:calc(100dvh - var(--top) - 100px);display:grid;place-items:center;position:relative;padding:45px 0 70px}.contact-card{width:min(620px,100%);border-radius:28px;padding:18px}.contact-head{padding:4px 4px 14px}.contact-head span{display:block;font-size:26px;font-weight:690;letter-spacing:-.045em}.contact-head small{font-size:10px;color:rgba(77,57,39,.68)}.contact-row{display:grid;grid-template-columns:42px 1fr 28px;gap:12px;align-items:center;padding:11px 9px;border-top:1px solid rgba(255,255,255,.36);text-decoration:none;border-radius:14px;transition:background .2s}.contact-row:hover{background:rgba(255,255,255,.16)}.contact-row strong{display:block;font-size:11px}.contact-row small{display:block;margin-top:2px;font-size:9px;color:rgba(74,54,37,.68)}.success-card{width:min(520px,100%);padding:30px;border-radius:28px;text-align:center}.success-card>.ui-icon{margin:0 auto 16px}.success-card h1{margin:0 0 8px;font-size:31px}.success-card p{font-size:10px;line-height:1.55;color:rgba(73,54,38,.72)}

/* Details & legal modals */
.sheet-layer,.doc-layer,.helper-layer{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:18px}.sheet-scrim,.helper-scrim{position:absolute;inset:0;border:0;background:rgba(74,45,19,.06);backdrop-filter:blur(5px) saturate(.92);-webkit-backdrop-filter:blur(5px) saturate(.92)}
.detail-sheet{position:relative;z-index:2;width:min(510px,calc(100vw - 36px));max-height:min(720px,82dvh);overflow:auto;border-radius:27px;padding:22px;background:radial-gradient(100% 72% at 10% -10%,rgba(255,255,255,.74),transparent 50%),linear-gradient(150deg,rgba(255,252,247,.92),rgba(234,195,148,.82));border-color:rgba(255,255,255,.84);box-shadow:inset 0 1px 0 #fff,0 42px 94px -44px rgba(55,30,8,.51);animation:modalIn .3s var(--spring) both}
@keyframes modalIn{from{opacity:0;transform:translateY(8px) scale(.982)}to{opacity:1;transform:none}}
.round-close{position:absolute;right:14px;top:14px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.44),rgba(220,163,96,.13));box-shadow:inset 0 1px 0 rgba(255,255,255,.76);color:#6f4a25;transition:transform .2s,background .2s}.round-close:hover{transform:rotate(4deg);background:rgba(255,255,255,.54)}.round-close .ui-icon{width:24px;height:24px;flex-basis:24px;border:0;background:transparent;box-shadow:none}.round-close .ui-icon svg{width:16px;height:16px}
.detail-head{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;padding-right:42px;margin-bottom:14px}.detail-head h2{margin:0;font-size:24px;letter-spacing:-.04em}.detail-head p{margin:3px 0 0;font-size:9px;color:rgba(75,55,38,.66)}.detail-list{display:grid;gap:7px}.detail-row{min-height:67px;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid rgba(255,255,255,.50);border-radius:15px;background:rgba(255,255,255,.18)}.detail-row .ui-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}.detail-row strong{display:block;font-size:10px}.detail-row small{display:block;margin-top:2px;font-size:8.5px;line-height:1.42;color:rgba(74,54,37,.69)}
.doc-panel{position:relative;z-index:2;width:min(720px,calc(100vw - 36px));max-height:82dvh;overflow:auto;border-radius:28px;padding:24px;background:radial-gradient(110% 80% at 12% -15%,rgba(255,255,255,.76),transparent 52%),linear-gradient(150deg,rgba(255,252,247,.94),rgba(235,198,151,.84));border-color:rgba(255,255,255,.86);box-shadow:inset 0 1px 0 #fff,0 48px 108px -48px rgba(55,29,8,.54);animation:modalIn .3s var(--spring) both}.doc-top{display:grid;grid-template-columns:52px 1fr;gap:15px;padding-right:42px}.doc-top .doc-hero{width:50px;height:50px}.doc-top small{font-size:8px;color:#8a6846}.doc-top h1{margin:3px 0 5px;font-size:27px;letter-spacing:-.045em}.doc-top p{margin:0;font-size:9.5px;line-height:1.5;color:rgba(73,54,38,.71)}.doc-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.doc-point{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.46);border-radius:14px;background:rgba(255,255,255,.16)}.doc-point span{font-size:8px;color:#a47745}.doc-point p{margin:0;font-size:8.8px;line-height:1.45;color:rgba(65,48,34,.76)}.doc-full-link{margin-top:13px;min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 13px;border:1px solid rgba(255,255,255,.50);border-radius:13px;background:rgba(255,255,255,.18);text-decoration:none;font-size:9px;font-weight:630}

/* Assistant: scene + dialogue only */
.site.helper-open .content-underlay,.site.helper-open .contacts-wrap,.site.helper-open .success-wrap{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.site.helper-open .top-layer,.site.helper-open .footer{opacity:0!important;pointer-events:none!important}.helper-layer{z-index:270}.helper-scrim{background:rgba(91,57,28,.035);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.helper-panel{position:relative;z-index:2;width:min(460px,calc(100vw - 36px));max-height:min(650px,86dvh);display:flex;flex-direction:column;padding:22px;border-radius:28px;background:radial-gradient(120% 92% at 12% -12%,rgba(255,255,255,.78),transparent 50%),linear-gradient(150deg,rgba(255,253,249,.965),rgba(235,196,149,.88));border-color:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 #fff,0 50px 110px -50px rgba(55,29,8,.54);animation:modalIn .3s var(--spring) both}.helper-head{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding-right:40px}.helper-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(220,164,97,.13));border:1px solid rgba(255,255,255,.60)}.helper-mark .ui-icon{border:0;background:transparent;box-shadow:none}.helper-head h2{margin:0;font-size:23px;letter-spacing:-.04em}.helper-head p{margin:2px 0 0;font-size:9px;color:#785f48}.helper-conversation{min-height:210px;max-height:330px;overflow:auto;margin:13px 0 10px;padding:12px 1px;border-top:1px solid rgba(121,80,40,.08);border-bottom:1px solid rgba(121,80,40,.08);display:flex;flex-direction:column;gap:8px}.helper-message{max-width:86%;padding:9px 11px;border:1px solid rgba(255,255,255,.48);border-radius:13px;background:rgba(255,255,255,.23);font-size:9.5px;line-height:1.48}.helper-message.user{align-self:flex-end;background:rgba(255,255,255,.52)}.helper-form{display:grid;grid-template-columns:1fr 42px;gap:8px}.helper-form input{height:42px;border:1px solid rgba(255,255,255,.55);border-radius:13px;background:rgba(255,255,255,.30);outline:none;padding:0 12px;font-size:10px}.helper-form input:focus{border-color:rgba(159,110,54,.55);box-shadow:0 0 0 3px rgba(159,110,54,.07)}.helper-form button{width:42px;height:42px;border:1px solid rgba(255,255,255,.62);border-radius:13px;background:linear-gradient(145deg,#9d6d34,#73502a);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 22px -17px rgba(68,38,12,.46)}.helper-form button .ui-icon{width:100%;height:100%;border:0;background:transparent;box-shadow:none;color:#fff}.helper-form button svg{width:17px;height:17px}.helper-footnote{margin:8px 2px 0;font-size:7.5px;line-height:1.4;color:#856c54}
.helper-trigger{position:fixed;z-index:110;right:clamp(16px,2.5vw,34px);bottom:58px;display:flex;align-items:center;gap:8px}.helper-label{padding:6px 9px;border:1px solid rgba(255,255,255,.54);border-radius:11px;background:rgba(255,249,241,.24);backdrop-filter:blur(14px);font-size:8.5px;color:#6d5034;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 12px 24px -21px rgba(64,35,11,.28)}.helper-fab{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.66);border-radius:16px;background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.66),transparent 45%),linear-gradient(150deg,rgba(255,255,255,.38),rgba(217,160,94,.15));backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 18px 34px -25px rgba(62,34,11,.39);transition:transform .24s var(--spring),box-shadow .24s}.helper-fab:hover{transform:translateY(-3px) rotate(-2deg);box-shadow:inset 0 1px 0 #fff,0 22px 40px -26px rgba(62,34,11,.43)}.helper-fab .ui-icon{width:32px;height:32px;flex-basis:32px;border:0;background:transparent;box-shadow:none;color:var(--metal-deep)}

/* Footer is truly at the bottom of the layout. */
.footer{position:relative;z-index:90;margin-top:auto;min-height:43px;width:min(1100px,92vw);align-self:center;display:flex;align-items:flex-end;justify-content:center;gap:20px;padding:5px 12px 9px;text-align:center;font-size:8.8px;color:rgba(82,58,35,.69)}.footer p{margin:0;white-space:nowrap}.footer nav{display:flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap}.footer a{text-decoration:none;border-bottom:1px solid rgba(102,71,39,.18);transition:color .2s,border-color .2s}.footer a:hover{color:#3a2818;border-color:rgba(102,71,39,.48)}.footer span{opacity:.40}
.toast{position:fixed;z-index:500;left:50%;bottom:64px;transform:translateX(-50%);padding:8px 12px;border-radius:12px;font-size:9px;white-space:nowrap;background:rgba(255,250,244,.88)}

@media(max-width:1180px){
  :root{--top:64px}
  .site{background-image:url("assets/scene-clean.png");background-size:cover;background-position:center;background-attachment:fixed}
  .top-layer{padding-inline:20px;gap:16px}.brand{font-size:17px}.site-nav{gap:16px}.site-nav a{font-size:10px}.fx-chip{min-width:150px}
  .screen{padding:calc(var(--top) + 18px) 20px 20px}.page-shell,.pricing-shell{padding-left:110px;align-content:start;padding-top:90px}.back-btn{top:46px}.provider-stack{width:min(58vw,510px)}
  .pricing-grid{grid-template-columns:1fr 1fr}.price-includes{grid-column:1/-1;min-height:auto}.price-card{min-height:210px}.legal-grid{width:min(860px,100%)}
}

@media(max-width:820px){
  .top-layer{height:62px;padding:10px 13px}.brand{font-size:16px}.brand svg{width:25px;height:29px}.mobile-toggle{display:flex;margin-left:auto}.site-nav{position:absolute;top:58px;right:12px;width:min(260px,calc(100vw - 24px));display:none;grid-template-columns:1fr;padding:9px;border:1px solid rgba(255,255,255,.69);border-radius:18px;background:linear-gradient(150deg,rgba(255,253,248,.94),rgba(235,195,147,.87));backdrop-filter:blur(24px);box-shadow:0 28px 62px -35px rgba(59,30,7,.44)}.site-nav.is-open{display:grid;gap:2px}.site-nav a{padding:10px 11px;border-radius:11px;font-size:10px}.site-nav a:hover{background:rgba(255,255,255,.24);transform:none}.site-nav a::after{display:none}.fx-chip{position:absolute;top:60px;left:13px;min-width:146px;min-height:40px;padding:6px 10px;border-radius:13px}.fx-chip .fx-label{font-size:8.8px}.fx-chip strong{font-size:11px}.fx-chip small,.fx-chip time{font-size:6.8px}
  .screen{padding:76px 12px 18px}.screen-inner{min-height:auto}.home-layout{min-height:auto;display:block;padding:58px 0 130px}.provider-stack{width:100%;max-width:560px;margin-left:auto;gap:12px}.provider-card{min-height:140px;padding:17px;border-radius:23px}.provider-main{grid-template-columns:56px 1fr;gap:13px}.provider-emblem{width:54px;height:54px;border-radius:17px}.provider-emblem svg{width:38px;height:38px}.provider-copy h2{font-size:21px}.connect-zone{justify-items:stretch}.primary-pill{width:100%;height:41px}.provider-card.is-open{min-height:245px}.page-shell,.pricing-shell{display:block;padding:58px 0 40px}.back-btn{left:0;top:8px}.page-heading,.pricing-wrap{width:100%;padding-top:40px}.page-heading h1,.pricing-head h1{font-size:34px}.card-grid,.legal-grid{grid-template-columns:1fr}.info-card.wide{grid-column:auto}.pdf-cta,.legal-pdf-cta{grid-column:auto;grid-template-columns:40px 1fr 26px}.pdf-cta b,.legal-pdf-cta b{display:none}.pricing-grid{grid-template-columns:1fr}.price-includes{grid-column:auto}.price-card{min-height:auto}.renewal{margin-bottom:10px}.contacts-wrap,.success-wrap{min-height:auto;place-items:start;padding:60px 0 130px}.contact-card,.success-card{width:100%}.sheet-layer,.doc-layer,.helper-layer{padding:9px;align-items:end}.detail-sheet,.doc-panel,.helper-panel{width:100%;max-height:82dvh;border-radius:24px;padding:18px}.doc-points{grid-template-columns:1fr}.helper-conversation{min-height:160px;max-height:38dvh}.helper-trigger{right:12px;bottom:54px}.helper-label{display:none}.footer{width:100%;min-height:56px;display:grid;gap:3px;padding:5px 10px 8px;font-size:7px;background:linear-gradient(180deg,transparent,rgba(235,191,138,.19))}.footer p{white-space:normal}.footer nav{gap:7px;white-space:normal;flex-wrap:wrap}
}

@media(max-width:520px){
  .site{background-image:url("assets/scene-clean.png");background-size:cover;background-position:center bottom;background-attachment:scroll}
  .top-layer{height:58px}.brand span{font-size:15px}.fx-chip{top:57px}
  .screen{padding-top:70px}.home-layout{padding-top:56px;padding-bottom:100px}.provider-card{padding:15px;border-radius:21px}.provider-main{grid-template-columns:50px 1fr}.provider-emblem{width:48px;height:48px;border-radius:15px}.provider-emblem svg{width:34px;height:34px}.provider-copy h2{font-size:19px}.provider-copy p{font-size:9px}.primary-pill{font-size:11px}.connect-dropdown strong{font-size:10.5px}.connect-dropdown small{font-size:8.5px}.page-heading{padding-top:42px}.page-heading h1,.pricing-head h1{font-size:31px}.page-heading p,.pricing-head p{font-size:12px}.page-heading small,.pricing-head small{font-size:9px}.info-card,.legal-card{min-height:104px;padding:13px;border-radius:18px;grid-template-columns:38px 1fr 25px;gap:10px}.ui-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}.info-copy strong,.legal-card strong{font-size:11px}.info-copy small,.legal-card small{font-size:8.7px}.helper-panel{max-height:88dvh}.helper-head h2{font-size:21px}.footer{font-size:6.8px}.toast{max-width:calc(100vw - 20px);white-space:normal;text-align:center;bottom:62px}
}

/* V8 route-aware mobile spacing for the FX chip. */
@media(max-width:820px){
  .site.route-pricing .page-shell.pricing-shell{padding-top:112px}
  .site.route-pricing .back-btn{top:60px}
  .site.route-pricing .pricing-wrap{padding-top:24px}
}
@media(max-width:520px){
  .site.route-pricing .page-shell.pricing-shell{padding-top:116px}
  .site.route-pricing .back-btn{top:62px}
  .site.route-pricing .pricing-wrap{padding-top:22px}
  .price-includes li strong{font-size:10.2px}
  .price-includes li small{font-size:8.7px;line-height:1.4}
}

/* =========================
   V9 — APPROVED HOME SYSTEM
   ========================= */
.site{
  background-image:url("assets/scene-clean.png");
  background-position:center bottom;
  background-size:cover;
  background-attachment:fixed;
}

/* Home has no visible header. The approved scene is left untouched. */
.route-home .screen{padding:0;min-height:100dvh}
.route-home .screen-inner{width:100%;max-width:none;min-height:100dvh;margin:0;animation:none}
.route-home .home-layout{position:relative;min-height:100dvh;width:100%;padding:0;display:block}
.route-home .provider-stack{
  position:absolute;
  top:16.2%;
  right:14.8%;
  width:min(35.8vw,590px);
  display:grid;
  gap:2.3vh;
  margin:0;
}
.route-home .provider-card{
  min-height:clamp(180px,22.2vh,228px);
  border-radius:28px;
  padding:26px 32px;
  display:grid;
  grid-template-columns:1fr;
  align-content:center;
  gap:12px;
  border-color:rgba(255,255,255,.76);
  background:
    radial-gradient(120% 92% at 8% -12%,rgba(255,255,255,.63),transparent 44%),
    linear-gradient(145deg,rgba(255,255,255,.33),rgba(255,249,240,.18) 58%,rgba(225,177,120,.08));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(142,91,43,.035),
    0 34px 72px -45px rgba(74,42,15,.33),
    0 9px 25px -18px rgba(74,42,15,.19);
  backdrop-filter:blur(22px) saturate(1.02);
  -webkit-backdrop-filter:blur(22px) saturate(1.02);
}
.route-home .provider-card:hover{
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 38px 78px -46px rgba(74,42,15,.38),0 12px 28px -19px rgba(74,42,15,.21);
}
.route-home .provider-main{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:28px;
  align-items:center;
}
.route-home .provider-emblem{
  width:88px;
  height:88px;
  border-radius:20px;
  color:inherit;
  border:1px solid rgba(255,255,255,.78);
  background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(245,224,200,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 18px 36px -27px rgba(62,34,11,.26);
}
.route-home .provider-emblem svg{width:60px;height:60px;filter:drop-shadow(0 6px 10px rgba(50,52,31,.10))}
.route-home .provider-copy h2{font-size:clamp(24px,1.65vw,31px);font-weight:650;letter-spacing:-.045em;line-height:1.05}
.route-home .connect-zone{margin-left:120px;display:grid;justify-items:stretch;gap:10px}
.route-home .primary-pill{
  width:100%;
  min-width:0;
  height:52px;
  padding:0 24px 0 28px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.82);
  background:linear-gradient(180deg,rgba(255,255,255,.40),rgba(242,218,188,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 16px 32px -27px rgba(72,40,14,.30);
  font-size:16px;
  font-weight:540;
}
.route-home .primary-pill:hover{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(242,218,188,.23));transform:translateY(-1px)}
.route-home .button-arrow,
.button-arrow{
  width:34px!important;height:34px!important;flex-basis:34px!important;
  border:0!important;border-radius:50%!important;background:transparent!important;
  color:#a56d27!important;box-shadow:none!important;
}
.route-home .button-arrow svg{width:22px;height:22px}
.route-home .provider-card.is-open{min-height:360px}
.route-home .connect-dropdown{margin-top:4px;border-radius:20px;background:linear-gradient(150deg,rgba(255,253,248,.92),rgba(242,213,176,.72));box-shadow:0 24px 54px -32px rgba(64,35,11,.34)}

/* Approved bottom placement */
.route-home .footer{
  position:fixed;
  z-index:95;
  left:50%;
  bottom:11px;
  transform:translateX(-50%);
  width:min(690px,70vw);
  min-height:auto;
  display:grid;
  gap:6px;
  padding:0;
  margin:0;
  font-size:11px;
  color:rgba(64,45,29,.76);
}
.route-home .footer p{font-size:11px}
.route-home .footer nav{gap:14px;font-size:11px}
.route-home .helper-trigger{right:4.2vw;bottom:26px;gap:12px}
.route-home .helper-label{padding:11px 18px;border-radius:999px;font-size:13px;background:rgba(255,249,241,.32);border-color:rgba(255,255,255,.72)}
.route-home .helper-fab{width:62px;height:62px;border-radius:50%;background:linear-gradient(150deg,rgba(255,255,255,.52),rgba(230,190,140,.17));border-color:rgba(255,255,255,.82)}
.route-home .helper-fab .ui-icon{color:#916633;width:42px;height:42px;flex-basis:42px}

/* FX is pricing-only in V9. */
.route-home .fx-chip{display:none!important}
.route-pricing .fx-chip{display:grid}

/* Contacts: three premium identities, equal visual weight. */
.contact-row:nth-of-type(1) .ui-icon{
  color:#fff;background:linear-gradient(145deg,#5E9A87,#356C5D)!important;border-color:rgba(255,255,255,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 22px -17px rgba(40,80,67,.28)!important;
}
.contact-row:nth-of-type(2) .ui-icon{
  color:#fff;background:linear-gradient(145deg,#C8A16A,#8C6435)!important;border-color:rgba(255,255,255,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 22px -17px rgba(87,58,28,.28)!important;
}
.contact-row:nth-of-type(3) .ui-icon{
  color:#fff!important;background:linear-gradient(145deg,#4DB7E6,#1D86C3)!important;border-color:rgba(255,255,255,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 10px 22px -17px rgba(27,96,137,.30)!important;
}

/* Assistant send button: neutral premium material, never brown. */
.helper-form button{
  background:linear-gradient(145deg,#9FD690,#5C9A6B)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px -17px rgba(55,92,62,.34)!important;
}
.helper-footnote{font-size:10px!important;line-height:1.45!important;color:#715842!important;margin-top:10px!important}

/* Back is closer to the brand on inner pages. */
.back-btn{top:10px}

@media(max-width:1180px){
  .site{background-image:url("assets/scene-clean.png");background-position:center bottom}
  .route-home .provider-stack{top:15%;right:8%;width:min(48vw,500px)}
  .route-home .provider-card{min-height:184px;padding:23px 24px}
  .route-home .provider-main{grid-template-columns:82px 1fr;gap:22px}
  .route-home .provider-emblem{width:74px;height:74px}.route-home .provider-emblem svg{width:50px;height:50px}
  .route-home .provider-copy h2{font-size:25px}
  .route-home .connect-zone{margin-left:100px}
  .route-home .primary-pill{height:48px;font-size:14px}
  .back-btn{top:16px}
}

@media(max-width:820px){
  .site{background-image:url("assets/scene-clean.png");background-position:center bottom;background-attachment:scroll}
  .route-home .screen{padding:0}
  .route-home .home-layout{min-height:100dvh;padding:28px 14px 140px;display:flex;align-items:flex-start;justify-content:center}
  .route-home .provider-stack{position:relative;top:auto;right:auto;width:100%;max-width:560px;margin-top:13vh;gap:16px}
  .route-home .provider-card{min-height:auto;padding:20px;border-radius:24px}
  .route-home .provider-main{grid-template-columns:68px 1fr;gap:16px}
  .route-home .provider-emblem{width:64px;height:64px;border-radius:17px}.route-home .provider-emblem svg{width:44px;height:44px}
  .route-home .provider-copy h2{font-size:22px}
  .route-home .connect-zone{margin-left:84px}
  .route-home .primary-pill{height:48px;font-size:13px;padding-left:20px}
  .route-home .provider-card.is-open{min-height:auto}
  .route-home .footer{width:calc(100vw - 24px);bottom:8px;font-size:8px}.route-home .footer p,.route-home .footer nav{font-size:8px}
  .route-home .helper-trigger{right:13px;bottom:70px}.route-home .helper-label{display:none}.route-home .helper-fab{width:52px;height:52px}
  .back-btn{top:4px}
}

@media(max-width:520px){
  .route-home .home-layout{padding-inline:10px;padding-bottom:132px}
  .route-home .provider-stack{margin-top:10vh}
  .route-home .provider-card{padding:16px;border-radius:21px}
  .route-home .provider-main{grid-template-columns:56px 1fr;gap:12px}
  .route-home .provider-emblem{width:54px;height:54px;border-radius:15px}.route-home .provider-emblem svg{width:38px;height:38px}
  .route-home .provider-copy h2{font-size:19px}
  .route-home .connect-zone{margin-left:68px}
  .route-home .primary-pill{height:44px;font-size:12px;padding-left:16px}
  .route-home .button-arrow{width:28px!important;height:28px!important;flex-basis:28px!important}.route-home .button-arrow svg{width:18px;height:18px}
}


/* V10 contrast tuning when scenic elements move behind content */
@media(max-width:1280px){
  .page-heading h1,.pricing-head h1{color:#231810;text-shadow:0 1px 0 rgba(255,255,255,.32)}
  .page-heading p,.pricing-head p,.page-heading small,.pricing-head small{color:rgba(49,34,22,.90)}
  .info-copy strong,.legal-card strong,.contact-copy strong,.price-card h3,.price-includes li strong{color:#251910;text-shadow:0 1px 0 rgba(255,255,255,.24)}
  .info-copy small,.legal-card small,.contact-copy small,.price-copy,.price-includes li small{color:rgba(48,33,21,.86)}
  .card-grid .premium-glass,.legal-grid .premium-glass,.pricing-grid .premium-glass,.contact-card.premium-glass{
    background:
      radial-gradient(120% 84% at 10% -10%,rgba(255,255,255,.52),transparent 46%),
      linear-gradient(148deg,rgba(255,255,255,.42),rgba(255,247,237,.24) 56%,rgba(187,126,65,.07));
  }
}

/* =========================
   V10 APPROVED MATERIAL PASS
   Accent chosen by owner: #43A566
   ========================= */
:root{
  --accent:#43A566;
  --accent-deep:#2F7E4C;
  --accent-soft:#78CE91;
  --accent-glow:rgba(67,165,102,.20);
}

/* Keep the brand and helper launcher neutral. */
.brand svg{color:#73522f!important}
.route-home .helper-fab,.helper-fab{
  background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.72),transparent 44%),linear-gradient(150deg,rgba(255,255,255,.46),rgba(227,185,133,.13))!important;
  border-color:rgba(255,255,255,.78)!important;
}
.route-home .helper-fab .ui-icon,.helper-fab .ui-icon{color:#76522e!important}

/* Home header is always visible; no bar behind it. */
.route-home .top-layer{opacity:1!important;visibility:visible!important;pointer-events:none}
.route-home .top-layer .brand,.route-home .top-layer .site-nav,.route-home .top-layer .mobile-toggle{pointer-events:auto}
.route-home .top-layer{background:transparent!important;border:0!important;box-shadow:none!important}

/* Main approved home proportions: calmer scale, less oversized than V9. */
.route-home .provider-stack{
  top:19.5%;
  right:15.0%;
  width:min(36.5vw,540px);
  gap:22px;
}
.route-home .provider-card{
  min-height:168px;
  padding:22px 27px 20px;
  border-radius:27px;
  gap:14px;
  background:
    radial-gradient(120% 88% at 8% -10%,rgba(255,255,255,.62),transparent 46%),
    linear-gradient(148deg,rgba(255,255,255,.33),rgba(255,247,237,.19) 57%,rgba(187,126,65,.055));
  border-color:rgba(255,255,255,.74);
  backdrop-filter:blur(25px) saturate(1.05);
  -webkit-backdrop-filter:blur(25px) saturate(1.05);
}
.route-home .provider-main{grid-template-columns:72px 1fr;gap:22px}
.route-home .provider-emblem{width:70px;height:70px;border-radius:19px}
.route-home .provider-emblem svg{width:48px;height:48px}
.route-home .provider-copy h2{font-size:clamp(22px,1.55vw,29px);font-weight:675}
.route-home .provider-copy p{margin-top:7px;font-size:11px;color:rgba(62,44,29,.67)}
.route-home .connect-zone{margin-left:94px}
.route-home .primary-pill{
  height:46px;
  padding:0 16px 0 22px;
  font-size:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(240,211,174,.14));
  border-color:rgba(255,255,255,.82);
}
.route-home .button-arrow,.button-arrow{
  color:var(--accent)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.route-home .primary-pill:hover .button-arrow{color:var(--accent-deep)!important}
.route-home .primary-pill:hover{
  box-shadow:inset 0 1px 0 #fff,0 18px 34px -25px rgba(52,33,16,.29),0 0 0 1px rgba(67,165,102,.05);
}

/* Assistant send action: chosen green, but launcher stays neutral. */
.helper-form button{
  background:linear-gradient(150deg,#58BC77 0%,var(--accent) 52%,#347F50 100%)!important;
  border-color:rgba(255,255,255,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.31),0 12px 24px -17px rgba(45,109,68,.40)!important;
}
.helper-form button:hover{filter:saturate(1.04) brightness(1.025)}
.helper-form button .ui-icon{color:#fff!important}

/* Three distinct premium contact identities. Arrows stay unpainted. */
.contact-row:nth-of-type(1) > .ui-icon:first-child{
  color:#fff!important;background:linear-gradient(150deg,#62BE80,#3F9A60 58%,#2D7547)!important;
  border-color:rgba(255,255,255,.46)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px -17px rgba(45,112,69,.30)!important;
}
.contact-row:nth-of-type(2) > .ui-icon:first-child{
  color:#fff!important;background:linear-gradient(150deg,#D4AA6A,#B47B39 60%,#81552A)!important;
  border-color:rgba(255,255,255,.44)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 10px 22px -17px rgba(94,58,25,.30)!important;
}
.contact-row:nth-of-type(3) > .ui-icon:first-child{
  color:#fff!important;background:linear-gradient(150deg,#52BAE7,#229ED9 58%,#1779B5)!important;
  border-color:rgba(255,255,255,.46)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 10px 22px -17px rgba(24,99,148,.31)!important;
}
.contact-row > .chevron{
  color:#75512d!important;background:transparent!important;border:0!important;box-shadow:none!important;
}

/* Back sits visually with the brand instead of floating in the page. */
.back-btn{top:-18px!important;left:0!important}

/* Glass gets a little more optical depth globally, without turning milky. */
.premium-glass{
  border-color:rgba(255,255,255,.62);
  background:
    radial-gradient(115% 82% at 8% -10%,rgba(255,255,255,.48),transparent 47%),
    radial-gradient(75% 60% at 96% 104%,rgba(255,230,194,.11),transparent 58%),
    linear-gradient(148deg,rgba(255,255,255,.34),rgba(255,248,239,.19) 56%,rgba(185,126,68,.055));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(113,72,34,.035),0 30px 66px -43px rgba(61,35,13,.34),0 8px 22px -18px rgba(61,35,13,.21);
  backdrop-filter:blur(24px) saturate(1.07);
  -webkit-backdrop-filter:blur(24px) saturate(1.07);
}

/* The tree may move behind cards on narrower windows; strengthen typography instead of moving the scene. */
@media(max-width:1280px){
  .info-copy strong,.legal-card strong,.contact-row strong,.price-card h3,.price-includes li strong{
    color:#21160f!important;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.70),0 0 14px rgba(255,248,238,.28);
  }
  .info-copy small,.legal-card small,.contact-row small,.price-copy,.price-includes li small{
    color:rgba(38,26,17,.90)!important;font-weight:520;text-shadow:0 1px 0 rgba(255,255,255,.58);
  }
  .card-grid .premium-glass,.legal-grid .premium-glass,.pricing-grid .premium-glass,.contact-card.premium-glass{
    background:
      radial-gradient(120% 88% at 10% -10%,rgba(255,255,255,.62),transparent 46%),
      linear-gradient(148deg,rgba(255,255,255,.48),rgba(255,247,237,.31) 56%,rgba(187,126,65,.065));
  }
}

@media(max-width:1180px){
  .route-home .provider-stack{top:15%;right:6.5%;width:min(50vw,500px)}
  .route-home .provider-card{min-height:158px;padding:20px 22px}
  .route-home .provider-main{grid-template-columns:64px 1fr;gap:17px}
  .route-home .provider-emblem{width:62px;height:62px}.route-home .provider-emblem svg{width:43px;height:43px}
  .route-home .provider-copy h2{font-size:23px}.route-home .provider-copy p{font-size:10px}
  .route-home .connect-zone{margin-left:81px}
  .back-btn{top:-15px!important}
}

@media(max-width:820px){
  .route-home .home-layout{padding-top:66px}
  .route-home .provider-stack{margin-top:6vh;max-width:520px}
  .route-home .provider-card{padding:18px;border-radius:23px}
  .route-home .provider-main{grid-template-columns:58px 1fr;gap:14px}
  .route-home .provider-emblem{width:56px;height:56px}.route-home .provider-emblem svg{width:39px;height:39px}
  .route-home .provider-copy h2{font-size:20px}.route-home .provider-copy p{font-size:9.5px}
  .route-home .connect-zone{margin-left:72px}
  .back-btn{top:-12px!important}
}

@media(max-width:520px){
  .route-home .provider-stack{margin-top:4vh}
  .route-home .provider-card{padding:15px 15px 14px}
  .route-home .provider-main{grid-template-columns:50px 1fr;gap:11px}
  .route-home .provider-emblem{width:48px;height:48px}.route-home .provider-emblem svg{width:34px;height:34px}
  .route-home .provider-copy h2{font-size:18px}.route-home .provider-copy p{font-size:8.8px}
  .route-home .connect-zone{margin-left:61px}
  .route-home .primary-pill{height:42px;font-size:11.5px}
}

/* =========================================================
   V11 FINAL ASSEMBLY — approved exhibition variant
   Accent: Green Fresh #43A566
   ========================================================= */
:root{
  --accent:#43A566;
  --accent-deep:#2F7E4C;
  --accent-pale:rgba(67,165,102,.11);
  --v11-shadow:rgba(67,36,13,.28);
}

/* Scene geometry: scale from width, never from viewport height.
   This prevents the ficus from becoming gigantic in tall/narrow windows. */
.site{
  background-image:url("assets/scene-clean.png")!important;
  background-size:100% auto!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  background-color:#edc596!important;
}
@media(max-width:1180px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
}
@media(max-width:620px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
}

/* Slim header, present on every main screen. No heavy bar. */
.top-layer{
  height:64px!important;
  padding:9px clamp(24px,4.1vw,66px)!important;
  background:linear-gradient(180deg,rgba(255,248,239,.12),rgba(255,248,239,.02))!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
}
.brand{font-size:clamp(16px,1.12vw,20px)!important;gap:8px!important}
.brand svg{width:27px!important;height:32px!important;color:#6f5233!important;filter:none!important}
.site-nav{gap:clamp(18px,2.1vw,34px)!important}
.site-nav a{font-size:clamp(10px,.76vw,12px)!important;transition:color .38s var(--ease),transform .38s var(--ease)!important}
.site-nav a::after{background:linear-gradient(90deg,transparent,var(--accent),transparent)!important;transition:left .42s var(--ease),right .42s var(--ease),opacity .42s var(--ease)!important;opacity:.72}
.site-nav a:hover,.site-nav a[aria-current="page"]{transform:translateY(-1px)!important}

/* Home — real DOM over the approved scene. */
.route-home .screen{padding:0!important;min-height:100dvh}
.route-home .screen-inner{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;animation:none!important}
.route-home .home-layout{position:relative!important;width:100%!important;min-height:100dvh!important;padding:0!important;display:block!important}
.route-home .provider-stack{
  position:absolute!important;
  top:18.3%!important;
  right:15.2%!important;
  width:min(36.8vw,555px)!important;
  display:grid!important;
  gap:22px!important;
  margin:0!important;
}
.route-home .provider-card{
  min-height:174px!important;
  padding:23px 28px 21px!important;
  border-radius:27px!important;
  gap:14px!important;
  border-color:rgba(255,255,255,.76)!important;
  background:
    radial-gradient(120% 88% at 8% -12%,rgba(255,255,255,.66),transparent 46%),
    linear-gradient(148deg,rgba(255,255,255,.38),rgba(255,248,239,.22) 58%,rgba(185,126,68,.055))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(111,71,34,.035),
    0 28px 58px -43px rgba(66,35,10,.28)!important;
  backdrop-filter:blur(26px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.06)!important;
  transition:
    transform .72s cubic-bezier(.16,1,.3,1),
    box-shadow .72s cubic-bezier(.16,1,.3,1),
    border-color .72s ease,
    background .72s ease!important;
}
.route-home .provider-card::after{
  background:linear-gradient(108deg,transparent 18%,rgba(255,255,255,.28) 48%,transparent 68%)!important;
  transform:translateX(-135%)!important;
  transition:transform 1.18s cubic-bezier(.16,1,.3,1)!important;
}
.route-home .provider-card:hover{
  transform:translateY(-7px) scale(1.006)!important;
  border-color:rgba(255,255,255,.94)!important;
  background:
    radial-gradient(120% 88% at 8% -12%,rgba(255,255,255,.75),transparent 46%),
    linear-gradient(148deg,rgba(255,255,255,.43),rgba(255,248,239,.25) 58%,rgba(67,165,102,.035))!important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 42px 90px -52px rgba(62,33,11,.42),
    0 0 0 1px rgba(67,165,102,.04)!important;
}
.route-home .provider-card:hover::after{transform:translateX(135%)!important}
.route-home .provider-main{grid-template-columns:74px 1fr!important;gap:22px!important}
.route-home .provider-emblem{width:72px!important;height:72px!important;border-radius:19px!important}
.route-home .provider-emblem svg{width:50px!important;height:50px!important}
.route-home .provider-copy h2{font-size:clamp(23px,1.58vw,30px)!important;font-weight:675!important;letter-spacing:-.045em!important}
.route-home .provider-copy p{font-size:10.5px!important;margin-top:6px!important}
.route-home .connect-zone{margin-left:96px!important;gap:9px!important}
.route-home .primary-pill{
  width:100%!important;height:47px!important;padding:0 17px 0 22px!important;border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(242,215,180,.14))!important;
  border-color:rgba(255,255,255,.84)!important;
  font-size:13.5px!important;
  transition:transform .58s cubic-bezier(.16,1,.3,1),box-shadow .58s ease,background .58s ease!important;
}
.route-home .primary-pill:hover{transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 #fff,0 18px 34px -25px rgba(62,33,11,.29)!important}
.button-arrow,.route-home .button-arrow{color:var(--accent)!important;background:transparent!important;border:0!important;box-shadow:none!important}
.primary-pill:hover .button-arrow{transform:translateX(4px)!important;color:var(--accent-deep)!important}

/* Functional AION icons: one coherent Green Fresh system.
   Provider logos remain their own recognizable brand marks. */
.route-capabilities .info-card > .ui-icon:first-child,
.route-security .info-card > .ui-icon:first-child,
.route-pricing .price-includes .ui-icon,
.route-pricing .renewal .ui-icon,
.route-pricing .price-more .ui-icon{
  color:var(--accent)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(67,165,102,.085))!important;
  border-color:rgba(255,255,255,.66)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80),0 10px 22px -18px rgba(47,126,76,.18)!important;
}
.route-capabilities .info-card[data-key="google"] > .ui-icon:first-child,
.route-capabilities .info-card[data-key="excel"] > .ui-icon:first-child{color:var(--accent-deep)!important}

/* Glass depth, a little richer across all blocks. */
.premium-glass{
  border-color:rgba(255,255,255,.65)!important;
  background:
    radial-gradient(115% 82% at 8% -10%,rgba(255,255,255,.53),transparent 47%),
    radial-gradient(75% 60% at 96% 104%,rgba(255,230,194,.10),transparent 58%),
    linear-gradient(148deg,rgba(255,255,255,.36),rgba(255,248,239,.20) 56%,rgba(185,126,68,.05))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.91),
    inset 0 -1px 0 rgba(113,72,34,.03),
    0 28px 62px -43px rgba(61,35,13,.30),
    0 8px 22px -18px rgba(61,35,13,.18)!important;
  backdrop-filter:blur(25px) saturate(1.07)!important;
  -webkit-backdrop-filter:blur(25px) saturate(1.07)!important;
}

/* Inner pages: consistent geometry and a Back control that visually belongs to the header. */
.page-shell,.pricing-shell{min-height:calc(100dvh - 64px - 48px)!important;padding-top:28px!important;padding-bottom:54px!important}
.back-btn{
  top:-26px!important;
  left:0!important;
  height:36px!important;
  border-radius:999px!important;
  padding:0 13px 0 9px!important;
  background:rgba(255,250,243,.25)!important;
  border-color:rgba(255,255,255,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}

/* When the ficus moves behind blocks in narrower layouts, strengthen text only. */
@media(max-width:1280px){
  .info-copy strong,.legal-card strong,.contact-row strong,.price-card h3,.price-includes li strong{
    color:#21160f!important;font-weight:710!important;
    text-shadow:0 1px 0 rgba(255,255,255,.82),0 0 14px rgba(255,248,238,.42)!important;
  }
  .info-copy small,.legal-card small,.contact-row small,.price-copy,.price-includes li small,
  .legal-card em,.pricing-head small,.page-heading small{
    color:rgba(38,26,17,.92)!important;font-weight:540!important;
    text-shadow:0 1px 0 rgba(255,255,255,.70)!important;
  }
  .card-grid .premium-glass,.legal-grid .premium-glass,.pricing-grid .premium-glass,.contact-card.premium-glass{
    background:
      radial-gradient(120% 88% at 10% -10%,rgba(255,255,255,.68),transparent 46%),
      linear-gradient(148deg,rgba(255,255,255,.53),rgba(255,247,237,.34) 56%,rgba(187,126,65,.05))!important;
  }
}

/* Pricing: one-screen exhibition composition, not a long sheet. */
.route-pricing .screen{padding-bottom:10px!important}
.route-pricing .pricing-shell{align-content:start!important;padding-top:18px!important;padding-bottom:40px!important}
.route-pricing .pricing-wrap{width:min(930px,100%)!important;transform:translateY(-4px)}
.route-pricing .pricing-head{margin-bottom:9px!important}
.route-pricing .pricing-head h1{font-size:clamp(32px,2.3vw,42px)!important;margin-bottom:4px!important}
.route-pricing .pricing-head p{margin-bottom:3px!important}
.route-pricing .pricing-head small{font-size:8.8px!important;line-height:1.34!important;max-width:850px!important}
.route-pricing .pricing-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
.route-pricing .price-includes{grid-column:1/-1!important;min-height:0!important;padding:12px 16px!important}
.route-pricing .price-includes ul{margin-top:7px!important;gap:3px!important}
.route-pricing .price-includes li{grid-template-columns:29px 1fr!important;gap:7px!important}
.route-pricing .price-includes li .ui-icon{width:27px!important;height:27px!important;flex-basis:27px!important;border-radius:9px!important}
.route-pricing .price-includes li .ui-icon svg{width:14px!important;height:14px!important}
.route-pricing .price-includes li strong{font-size:9.3px!important;line-height:1.16!important}
.route-pricing .price-includes li small{font-size:7.65px!important;line-height:1.22!important;margin-top:0!important}
.route-pricing .price-more{margin-top:6px!important;min-height:40px!important;padding:6px 9px 6px 10px!important}
.route-pricing .price-more strong{font-size:9px!important}.route-pricing .price-more small{font-size:7.4px!important}
.route-pricing .price-card:not(.price-includes){min-height:126px!important;padding:13px 15px!important}
.route-pricing .plan-price span,.route-pricing .check-price{font-size:30px!important}
.route-pricing .price-card p{font-size:8.2px!important;line-height:1.3!important;margin-top:5px!important}
.route-pricing .uah-estimate{font-size:7px!important;margin-top:3px!important}
.route-pricing .renewal{margin-top:8px!important;padding:8px 12px!important;border-radius:16px!important;grid-template-columns:32px 1fr!important}
.route-pricing .renewal .ui-icon{width:30px!important;height:30px!important;flex-basis:30px!important}.route-pricing .renewal p{font-size:7.8px!important;line-height:1.32!important}

/* Contacts: semantic colors; arrows are always plain transparent controls. */
.contact-row:nth-of-type(1) > .ui-icon:first-child{
  color:#244f36!important;background:rgba(67,165,102,.14)!important;border-color:rgba(255,255,255,.58)!important;box-shadow:none!important;
}
.contact-row:nth-of-type(2) > .ui-icon:first-child{
  color:#a46a1d!important;background:rgba(217,159,72,.15)!important;border-color:rgba(255,255,255,.58)!important;box-shadow:none!important;
}
.contact-row:nth-of-type(3) > .ui-icon:first-child{
  color:#1788c7!important;background:rgba(34,158,217,.13)!important;border-color:rgba(255,255,255,.58)!important;box-shadow:none!important;
}
.contact-row > .chevron,.contact-row > .chevron.ui-icon{
  color:#6f4a27!important;background:transparent!important;border:0!important;box-shadow:none!important;
}

/* Assistant launcher retains the earlier neutral shape and never overlays the footer. */
.helper-trigger{right:clamp(18px,3vw,46px)!important;bottom:62px!important;gap:9px!important}
.helper-label{padding:7px 11px!important;border-radius:999px!important;background:rgba(255,249,241,.29)!important;font-size:9px!important}
.helper-fab{
  width:46px!important;height:46px!important;border-radius:16px!important;
  background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.70),transparent 44%),linear-gradient(150deg,rgba(255,255,255,.43),rgba(217,160,94,.13))!important;
  border-color:rgba(255,255,255,.72)!important;
}
.helper-fab .ui-icon{color:#75522f!important}
.helper-form button{
  background:linear-gradient(150deg,#58B875,var(--accent) 55%,#357F50)!important;
  border-color:rgba(255,255,255,.61)!important;
}
.helper-footnote{font-size:9.2px!important;line-height:1.4!important;color:#684f39!important;font-weight:520!important}

/* Footer: one line, same baseline on Home / Capabilities / Security / Pricing / Legal / Contacts. */
.footer{
  position:fixed!important;z-index:100!important;left:50%!important;bottom:9px!important;transform:translateX(-50%)!important;
  width:min(1080px,88vw)!important;min-height:24px!important;margin:0!important;padding:2px 8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:8.5px!important;color:rgba(73,51,31,.72)!important;
  background:transparent!important;
}
.footer-line{display:flex;align-items:center;justify-content:center;gap:11px;white-space:nowrap}
.footer-line a{text-decoration:none;border-bottom:1px solid rgba(91,61,31,.18);transition:color .24s,border-color .24s}
.footer-line a:hover{color:#2f2218;border-color:rgba(67,165,102,.44)}
.footer-line i{font-style:normal;opacity:.42}

/* Tablet */
@media(max-width:1180px){
  .route-home .provider-stack{top:14.8%!important;right:5.8%!important;width:min(51vw,500px)!important;gap:16px!important}
  .route-home .provider-card{min-height:154px!important;padding:19px 21px!important}
  .route-home .provider-main{grid-template-columns:62px 1fr!important;gap:16px!important}
  .route-home .provider-emblem{width:60px!important;height:60px!important}.route-home .provider-emblem svg{width:42px!important;height:42px!important}
  .route-home .provider-copy h2{font-size:22px!important}.route-home .provider-copy p{font-size:9.3px!important}
  .route-home .connect-zone{margin-left:78px!important}.route-home .primary-pill{height:43px!important;font-size:12px!important}
  .page-shell,.pricing-shell{padding-left:110px!important;padding-top:52px!important}
  .back-btn{top:-18px!important}
  .helper-trigger{bottom:56px!important}
  .footer{width:94vw!important;font-size:7.4px!important}.footer-line{gap:7px!important}
}

/* Mobile / narrow windows: composition is rebuilt, not a squeezed desktop. */
@media(max-width:820px){
  .top-layer{height:58px!important;padding:8px 12px!important}.brand{font-size:15px!important}.brand svg{width:24px!important;height:28px!important}
  .route-home .screen{padding:0!important}.route-home .home-layout{padding:74px 12px 92px!important;min-height:100dvh!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}
  .route-home .provider-stack{position:relative!important;top:auto!important;right:auto!important;width:100%!important;max-width:560px!important;margin:8vh auto 0!important;gap:13px!important}
  .route-home .provider-card{min-height:auto!important;padding:16px!important;border-radius:22px!important}
  .route-home .provider-main{grid-template-columns:52px 1fr!important;gap:12px!important}.route-home .provider-emblem{width:50px!important;height:50px!important;border-radius:15px!important}.route-home .provider-emblem svg{width:35px!important;height:35px!important}
  .route-home .provider-copy h2{font-size:19px!important}.route-home .provider-copy p{font-size:8.8px!important}
  .route-home .connect-zone{margin-left:64px!important}.route-home .primary-pill{height:41px!important;font-size:11px!important}
  .page-shell,.pricing-shell{display:block!important;padding:68px 12px 76px!important}.back-btn{top:6px!important;left:0!important}
  .page-heading,.pricing-wrap{padding-top:34px!important}
  .route-pricing .pricing-shell{padding-top:98px!important}.route-pricing .pricing-wrap{padding-top:5px!important;transform:none!important}.route-pricing .pricing-grid{grid-template-columns:1fr!important}.route-pricing .price-includes{grid-column:auto!important}
  .helper-trigger{right:12px!important;bottom:48px!important}.helper-label{display:none!important}
  .footer{bottom:5px!important;width:calc(100vw - 14px)!important;font-size:6.8px!important;overflow:hidden!important}.footer-line{gap:5px!important;white-space:nowrap!important;transform:scale(.94);transform-origin:center}
}
@media(max-width:520px){
  .route-home .provider-stack{margin-top:5vh!important}.route-home .provider-card{padding:14px!important}.route-home .provider-main{grid-template-columns:47px 1fr!important}.route-home .provider-emblem{width:45px!important;height:45px!important}.route-home .provider-emblem svg{width:32px!important;height:32px!important}.route-home .provider-copy h2{font-size:17px!important}.route-home .connect-zone{margin-left:58px!important}.route-home .primary-pill{height:39px!important}
  .footer-line>span:first-child{display:none}.footer{font-size:7.1px!important}.footer-line{gap:6px!important;transform:none}
}

/* =========================
   V12 — TARGET COMPOSITION PASS
   exact direction from approved collage
   ========================= */
:root{--top:64px;--max:1440px}
@media(min-width:821px){
  html,body,#app,.site{height:100%;min-height:100%;overflow:hidden}
  .site{
    background-color:#efc997;
    background-image:url("assets/scene-clean.png");
    background-size:cover;
    background-position:center bottom;
    background-attachment:scroll;
  }
  @media(max-aspect-ratio:3/2){
    .site{background-image:url("assets/scene-clean.png");background-position:center top}
  }
  .screen{height:100dvh;flex:0 0 100dvh;padding:0 clamp(24px,3vw,52px)}
  .screen-inner{height:100%;min-height:0;width:min(var(--max),100%)}
  .top-layer{height:64px;padding:11px clamp(28px,3.4vw,56px)}
  .footer{bottom:8px!important}
}

/* Approved home layout: copy left, providers right, plant stays scenic. */
.route-home .home-layout{
  height:100dvh!important;min-height:100dvh!important;
  padding:86px clamp(30px,4.1vw,64px) 72px!important;
  display:grid!important;
  grid-template-columns:minmax(300px, .82fr) minmax(430px, .98fr)!important;
  gap:clamp(44px,6vw,110px)!important;
  align-items:center!important;
  justify-content:center!important;
}
.route-home .home-hero{align-self:center;max-width:410px;margin-top:-12px;padding-left:clamp(56px,7vw,118px)}
.route-home .home-hero h1{margin:0;font-size:clamp(38px,3.45vw,58px);line-height:.98;font-weight:680;letter-spacing:-.058em;color:#241b13;text-shadow:0 1px 0 rgba(255,255,255,.44)}
.route-home .home-tagline{margin:18px 0 0;font-size:clamp(18px,1.5vw,25px);font-weight:450;letter-spacing:-.025em;color:#5b4631}
.route-home .home-copy{max-width:360px;margin:22px 0 0;font-size:clamp(12px,.93vw,14px);line-height:1.62;color:rgba(54,39,26,.78)}
.route-home .provider-stack{
  position:static!important;top:auto!important;right:auto!important;
  width:min(100%,560px)!important;max-width:none!important;margin:0!important;
  display:grid!important;gap:18px!important;align-self:center!important;
}
.route-home .provider-card{
  min-height:150px!important;padding:20px 24px!important;border-radius:25px!important;gap:13px!important;
  transition:transform .82s cubic-bezier(.16,1,.3,1),box-shadow .82s cubic-bezier(.16,1,.3,1),border-color .82s ease,background .82s ease!important;
  will-change:transform,box-shadow;
}
.route-home .provider-card::after{transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity .7s ease!important;opacity:.7}
.route-home .provider-card:hover{
  transform:translateY(-7px) scale(1.012)!important;
  background:
    radial-gradient(120% 92% at 8% -8%,rgba(255,255,255,.72),transparent 46%),
    radial-gradient(90% 80% at 95% 110%,rgba(67,165,102,.07),transparent 56%),
    linear-gradient(148deg,rgba(255,255,255,.43),rgba(255,248,239,.24) 58%,rgba(187,126,65,.045))!important;
  border-color:rgba(255,255,255,.96)!important;
  box-shadow:inset 0 1px 0 #fff,0 34px 72px -40px rgba(59,32,10,.36),0 0 0 1px rgba(67,165,102,.035)!important;
}
.route-home .provider-card:hover::after{transform:translateX(145%)!important;opacity:1}
.route-home .provider-card:hover .provider-emblem{transform:translateY(-2px) scale(1.028);filter:saturate(1.03)}
.route-home .provider-emblem{transition:transform .82s cubic-bezier(.16,1,.3,1),filter .82s ease!important}
.route-home .provider-main{grid-template-columns:64px 1fr!important;gap:18px!important}
.route-home .provider-emblem{width:62px!important;height:62px!important;border-radius:17px!important}
.route-home .provider-emblem svg{width:43px!important;height:43px!important}
.route-home .provider-copy h2{font-size:clamp(21px,1.55vw,27px)!important}
.route-home .provider-copy p{font-size:10px!important;line-height:1.4!important;margin-top:5px!important}
.route-home .connect-zone{margin-left:82px!important}
.route-home .primary-pill{height:43px!important;font-size:12px!important;padding-inline:18px 14px!important;transition:transform .68s cubic-bezier(.16,1,.3,1),box-shadow .68s ease,border-color .68s ease!important}
.route-home .primary-pill:hover{transform:translateY(-2px) scale(1.004)!important}
.route-home .primary-pill:hover .button-arrow{transform:translateX(5px) scale(1.05)!important}
.route-home .button-arrow{transition:transform .68s cubic-bezier(.16,1,.3,1),color .68s ease!important}

/* Header proportions from reference. */
.brand{font-size:clamp(16px,1.13vw,20px)!important}.brand svg{width:28px!important;height:33px!important}
.site-nav{gap:clamp(20px,2.25vw,36px)!important}.site-nav a{font-size:clamp(10px,.75vw,12px)!important}

/* Footer must be visible and identical on all main sections. */
.footer{
  position:fixed!important;left:50%!important;bottom:9px!important;transform:translateX(-50%)!important;
  width:min(1180px,96vw)!important;min-height:24px!important;padding:3px 10px 5px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:rgba(62,43,27,.80)!important;font-size:clamp(8px,.64vw,10px)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.58)!important;overflow:visible!important;
}
.footer-line{gap:clamp(7px,.9vw,14px)!important;white-space:nowrap!important;max-width:100%!important}
.footer-line>span:first-child{opacity:.68!important}.footer-line a{font-weight:520!important}

/* Helper stays above footer and preserves the approved neutral shape. */
.helper-trigger{bottom:43px!important;right:clamp(18px,2.6vw,40px)!important}
.helper-label{font-size:8.5px!important;padding:6px 10px!important}.helper-fab{width:44px!important;height:44px!important}

/* Inner pages: compact one-screen layout. */
.page-shell,.pricing-shell{
  height:100dvh!important;min-height:100dvh!important;align-content:center!important;
  padding:86px 4vw 64px clamp(180px,18vw,290px)!important;
}
.page-heading{margin-bottom:12px!important}.page-heading h1,.pricing-head h1{font-size:clamp(30px,2.5vw,43px)!important}
.card-grid,.legal-grid{gap:9px!important}.info-card,.legal-card{min-height:92px!important;padding:11px 13px!important;border-radius:18px!important}.info-card.wide{min-height:70px!important}
.info-copy strong,.legal-card strong{font-size:11px!important}.info-copy small,.legal-card small{font-size:8.7px!important;line-height:1.34!important}
.pdf-cta,.legal-pdf-cta{min-height:54px!important;border-radius:17px!important;padding:8px 11px!important}.pdf-cta strong,.legal-pdf-cta strong{font-size:10.5px!important}.pdf-cta small,.legal-pdf-cta small{font-size:8.3px!important}
.back-btn{top:8px!important;left:0!important}

/* Pricing no-scroll composition. */
.route-pricing .pricing-shell{padding-top:76px!important;padding-bottom:54px!important}
.route-pricing .pricing-wrap{transform:translateY(-10px)!important}
.route-pricing .pricing-head{margin-bottom:8px!important}.route-pricing .pricing-head h1{font-size:38px!important}.route-pricing .pricing-head p{font-size:13px!important}.route-pricing .pricing-head small{font-size:8px!important;line-height:1.28!important}
.route-pricing .price-includes{padding:10px 14px!important}.route-pricing .price-includes ul{gap:2px!important}.route-pricing .price-includes li strong{font-size:8.9px!important}.route-pricing .price-includes li small{font-size:7.1px!important;line-height:1.14!important}
.route-pricing .price-more{min-height:34px!important;margin-top:5px!important}.route-pricing .price-card:not(.price-includes){min-height:112px!important}.route-pricing .renewal{margin-top:6px!important;padding:6px 10px!important}

/* Contacts arrows always transparent. */
.contact-row > .chevron,.contact-row > .chevron.ui-icon{background:transparent!important;border:0!important;box-shadow:none!important;color:#715032!important}

/* Tall / narrow desktop window: preserve scene scale, do not enlarge ficus. */
@media(min-width:821px) and (max-width:1180px){
  .route-home .home-layout{grid-template-columns:minmax(260px,.78fr) minmax(430px,1.08fr)!important;gap:32px!important;padding-inline:24px!important}
  .route-home .home-hero{padding-left:42px!important;max-width:330px!important;margin-top:-36px!important}
  .route-home .home-hero h1{font-size:36px!important}.route-home .home-tagline{font-size:17px!important;margin-top:12px!important}.route-home .home-copy{font-size:10.5px!important;line-height:1.5!important;margin-top:16px!important}
  .route-home .provider-stack{width:min(100%,490px)!important;gap:15px!important}
  .route-home .provider-card{min-height:138px!important;padding:17px 19px!important;border-radius:22px!important}
  .route-home .provider-main{grid-template-columns:56px 1fr!important;gap:14px!important}.route-home .provider-emblem{width:54px!important;height:54px!important}.route-home .provider-emblem svg{width:38px!important;height:38px!important}
  .route-home .provider-copy h2{font-size:20px!important}.route-home .provider-copy p{font-size:8.8px!important}.route-home .connect-zone{margin-left:70px!important}.route-home .primary-pill{height:40px!important;font-size:11px!important}
  .page-shell,.pricing-shell{padding-left:110px!important;padding-right:18px!important}
  .footer{font-size:7.8px!important;width:98vw!important}.footer-line{gap:6px!important}
}

/* Mobile is a rebuilt composition. */
@media(max-width:820px){
  html,body,#app,.site{min-height:100%;height:auto;overflow-x:hidden}
  .site{background-image:url("assets/scene-clean.png")!important;background-size:cover!important;background-position:center bottom!important}
  .route-home .home-layout{height:auto!important;min-height:100dvh!important;padding:76px 14px 118px!important;display:flex!important;flex-direction:column!important;gap:18px!important;align-items:stretch!important}
  .route-home .home-hero{order:0;max-width:100%!important;margin:0!important;padding:0 8px!important;text-align:left}
  .route-home .home-hero h1{font-size:34px!important}.route-home .home-tagline{font-size:17px!important;margin-top:10px!important}.route-home .home-copy{font-size:10px!important;line-height:1.48!important;margin-top:12px!important;max-width:310px!important}
  .route-home .provider-stack{order:1!important;width:100%!important;margin:0!important;gap:12px!important}
  .route-home .provider-card{min-height:auto!important;padding:15px!important}.route-home .provider-main{grid-template-columns:48px 1fr!important}.route-home .provider-emblem{width:46px!important;height:46px!important}.route-home .provider-emblem svg{width:32px!important;height:32px!important}.route-home .connect-zone{margin-left:60px!important}
  .footer{position:fixed!important;bottom:4px!important;width:calc(100vw - 8px)!important;font-size:7px!important;padding:2px 4px!important;background:linear-gradient(180deg,rgba(246,214,175,.02),rgba(232,187,133,.18))!important;backdrop-filter:blur(8px)}
  .footer-line{gap:5px!important}.footer-line>span:first-child{display:none!important}
  .helper-trigger{bottom:38px!important}
}

/* =========================================================
   V13 TARGETED CORRECTIONS ONLY
   Do not redesign approved components here.
   ========================================================= */

/* 1/3. Scene adaptation: never scale ficus from viewport height on desktop/tablet. */
@media (min-width:821px){
  html,body,#app,.site{height:100%;min-height:100%;overflow:hidden!important}
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:100% auto!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
    background-color:#efc99c!important;
  }
}
@media (max-width:820px){
  html,body,#app,.site{min-height:100%;height:auto;overflow-x:hidden!important}
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:100% auto!important;
    background-position:center bottom!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
    background-color:#efc99c!important;
  }
}

/* 2/3. Home: only the approved two cards. No added hero text. */
.route-home .screen,
.route-home .screen-inner,
.route-home .home-layout{height:100dvh!important;min-height:100dvh!important}
.route-home .home-layout{position:relative!important;padding:0!important;display:block!important}
.route-home .home-hero{display:none!important}
.route-home .provider-stack{
  position:absolute!important;
  top:clamp(138px,17.2vh,174px)!important;
  right:clamp(34px,6.2vw,104px)!important;
  width:clamp(360px,40.2vw,520px)!important;
  max-width:calc(100vw - 80px)!important;
  gap:clamp(14px,1.8vh,19px)!important;
  margin:0!important;
}
.route-home .provider-card{
  min-height:0!important;
  height:auto!important;
  padding:clamp(17px,1.55vw,22px) clamp(18px,1.8vw,24px)!important;
  border-radius:clamp(21px,1.65vw,27px)!important;
  gap:clamp(11px,1.2vw,15px)!important;
  transform-style:preserve-3d;
  will-change:transform,box-shadow,background;
  transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(0) scale(1)!important;
  transition:transform .92s cubic-bezier(.16,1,.3,1),box-shadow .92s cubic-bezier(.16,1,.3,1),border-color .78s ease,background .78s ease!important;
}
.route-home .provider-card::after{
  background:linear-gradient(104deg,transparent 25%,rgba(255,255,255,.08) 39%,rgba(255,255,255,.38) 50%,rgba(255,255,255,.08) 61%,transparent 75%)!important;
  transform:translateX(-140%)!important;
  transition:transform 1.35s cubic-bezier(.16,1,.3,1),opacity .8s ease!important;
  opacity:.72!important;
}
.route-home .provider-card:hover{
  transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-6px) scale(1.008)!important;
  border-color:rgba(255,255,255,.96)!important;
  box-shadow:inset 0 1px 0 #fff,0 38px 82px -47px rgba(61,33,11,.43),0 8px 28px -20px rgba(67,165,102,.16)!important;
}
.route-home .provider-card:hover::after{transform:translateX(140%)!important}
.route-home .provider-main{grid-template-columns:clamp(52px,5vw,66px) 1fr!important;gap:clamp(14px,1.55vw,19px)!important}
.route-home .provider-emblem{width:clamp(50px,4.8vw,62px)!important;height:clamp(50px,4.8vw,62px)!important;border-radius:17px!important;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s ease!important}
.route-home .provider-emblem svg{width:clamp(36px,3.7vw,45px)!important;height:clamp(36px,3.7vw,45px)!important}
.route-home .provider-card:hover .provider-emblem{transform:translateZ(16px) scale(1.035)!important;filter:saturate(1.05) brightness(1.02)!important}
.route-home .provider-copy h2{font-size:clamp(19px,1.55vw,25px)!important}
.route-home .provider-copy p{font-size:clamp(8.5px,.72vw,10px)!important;margin-top:4px!important}
.route-home .connect-zone{margin-left:clamp(64px,6.4vw,84px)!important;gap:7px!important}
.route-home .primary-pill{height:clamp(39px,3.55vw,44px)!important;font-size:clamp(11px,.86vw,12.5px)!important;transition:transform .82s cubic-bezier(.16,1,.3,1),box-shadow .82s ease,background .82s ease!important}
.route-home .provider-card:hover .primary-pill{transform:translateZ(9px)!important;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(242,215,180,.17))!important}
.route-home .provider-card:hover .button-arrow{transform:translateX(7px)!important;transition:transform .82s cubic-bezier(.16,1,.3,1),color .5s ease!important}

/* Compact desktop window: same composition, no giant blocks and no giant ficus. */
@media (min-width:821px) and (max-width:1100px){
  .route-home .provider-stack{
    top:clamp(128px,15.5vh,152px)!important;
    right:clamp(20px,3.2vw,36px)!important;
    width:clamp(350px,43vw,430px)!important;
  }
  .route-home .provider-card{padding:16px 18px!important;border-radius:22px!important}
  .route-home .provider-main{grid-template-columns:52px 1fr!important;gap:14px!important}
  .route-home .provider-emblem{width:50px!important;height:50px!important}.route-home .provider-emblem svg{width:35px!important;height:35px!important}
  .route-home .provider-copy h2{font-size:19px!important}.route-home .provider-copy p{font-size:8.5px!important}
  .route-home .connect-zone{margin-left:66px!important}.route-home .primary-pill{height:40px!important;font-size:11px!important}
}

/* Mobile/tablet narrow: actual responsive stack, still no extra hero text. */
@media (max-width:820px){
  .route-home .screen{padding:0!important}
  .route-home .home-layout{height:auto!important;min-height:100dvh!important;padding:86px 14px 118px!important;display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;flex-direction:column!important}
  .route-home .provider-stack{position:relative!important;top:auto!important;right:auto!important;width:100%!important;max-width:520px!important;margin:0 auto 25vh!important;gap:12px!important}
  .route-home .provider-card{padding:14px 15px!important;border-radius:20px!important}
  .route-home .provider-main{grid-template-columns:46px 1fr!important;gap:12px!important}.route-home .provider-emblem{width:44px!important;height:44px!important}.route-home .provider-emblem svg{width:31px!important;height:31px!important}
  .route-home .provider-copy h2{font-size:17px!important}.route-home .provider-copy p{font-size:8.2px!important}.route-home .connect-zone{margin-left:58px!important}.route-home .primary-pill{height:38px!important;font-size:10.8px!important}
}
@media (max-width:520px){
  .route-home .home-layout{padding-inline:10px!important;padding-bottom:112px!important}
  .route-home .provider-stack{margin-bottom:30vh!important}
}

/* 4. Helper launcher: keep approved shape, place it predictably above footer. */
.helper-trigger{
  position:fixed!important;
  right:clamp(18px,2.5vw,36px)!important;
  bottom:48px!important;
  gap:9px!important;
  align-items:center!important;
}
.helper-label{font-size:8.5px!important;padding:6px 10px!important}
.helper-fab{width:44px!important;height:44px!important;border-radius:15px!important}
@media(max-width:820px){.helper-trigger{right:12px!important;bottom:43px!important}.helper-label{display:none!important}}

/* 5. Back: fixed relationship to logo/header, never free-floating. */
.back-btn{
  position:fixed!important;
  z-index:135!important;
  top:72px!important;
  left:clamp(24px,4.1vw,66px)!important;
  height:36px!important;
  padding:0 13px 0 9px!important;
  margin:0!important;
}
@media(max-width:820px){.back-btn{top:70px!important;left:14px!important}}

/* 6. Footer: one readable line on desktop/tablet; never cut off. */
.footer{
  position:fixed!important;
  z-index:105!important;
  left:50%!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(1180px,calc(100vw - 24px))!important;
  min-height:34px!important;
  padding:6px 10px 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  font-size:clamp(8.7px,.72vw,10px)!important;
  color:rgba(61,42,25,.78)!important;
  background:linear-gradient(180deg,rgba(245,211,170,0),rgba(239,197,146,.16))!important;
}
.footer-line{display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(6px,.8vw,12px)!important;white-space:nowrap!important;transform:none!important;max-width:100%!important}
.footer-line>span:first-child{display:inline!important;opacity:.72!important}
@media(max-width:820px){
  .footer{width:calc(100vw - 8px)!important;min-height:31px!important;padding:4px!important;font-size:7px!important}
  .footer-line{gap:5px!important}
  .footer-line>span:first-child{display:none!important}
}

/* Tall/narrow desktop: use the portrait scene so the wall stays continuous
   while preserving the same small ficus scale. UI geometry is unchanged. */
@media (min-width:821px) and (max-aspect-ratio:4/3){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:cover!important;
    background-position:center bottom!important;
  }
}

/* =========================================================
   V14 — USER-REQUESTED TARGETED CORRECTIONS ONLY
   1) ficus/background responsive mapping
   2) helper label above icon
   3) approved card proportions
   4) compact responsive home placement
   5) visible premium perimeter glow on hover
   No redesign of other routes/components.
   ========================================================= */

/* 1. Background/ficus: use the scene that matches the viewport family.
   Never scale a portrait ficus asset to a desktop width. Never repeat. */
.site{
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  background-color:#efc99c!important;
}
@media (min-width:1181px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:cover!important;
    background-position:center bottom!important;
  }
}
@media (min-width:521px) and (max-width:1180px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:cover!important;
    background-position:center bottom!important;
  }
}
@media (max-width:520px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:cover!important;
    background-position:center bottom!important;
  }
}

/* Explicitly neutralise the old tall-desktop mobile-scene override. */
@media (min-width:821px) and (max-aspect-ratio:4/3){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:cover!important;
    background-position:center bottom!important;
  }
}

/* 3/4. Home cards: restore a compact ~2.35:1 proportion and use free space
   instead of stretching the cards across the scene. */
.route-home .provider-stack{
  width:clamp(380px,36.5vw,500px)!important;
  max-width:calc(100vw - 64px)!important;
  right:clamp(48px,6.2vw,104px)!important;
  top:clamp(132px,16.5vh,165px)!important;
  gap:18px!important;
}
.route-home .provider-card:not(.is-open){
  aspect-ratio:2.35 / 1!important;
  min-height:0!important;
  height:auto!important;
  padding:20px 22px!important;
  align-content:center!important;
}
.route-home .provider-main{
  grid-template-columns:58px 1fr!important;
  gap:16px!important;
}
.route-home .provider-emblem{
  width:56px!important;
  height:56px!important;
}
.route-home .provider-emblem svg{
  width:39px!important;
  height:39px!important;
}
.route-home .provider-copy h2{font-size:clamp(19px,1.45vw,24px)!important}
.route-home .provider-copy p{font-size:9px!important}
.route-home .connect-zone{margin-left:74px!important}
.route-home .primary-pill{height:40px!important}

@media (min-width:821px) and (max-width:1180px){
  .route-home .provider-stack{
    width:clamp(330px,39vw,400px)!important;
    max-width:calc(100vw - 54px)!important;
    right:clamp(24px,4.2vw,46px)!important;
    top:clamp(120px,14.5vh,146px)!important;
    gap:14px!important;
  }
  .route-home .provider-card:not(.is-open){
    aspect-ratio:2.30 / 1!important;
    padding:16px 17px!important;
  }
  .route-home .provider-main{grid-template-columns:48px 1fr!important;gap:12px!important}
  .route-home .provider-emblem{width:46px!important;height:46px!important}
  .route-home .provider-emblem svg{width:32px!important;height:32px!important}
  .route-home .provider-copy h2{font-size:18px!important}
  .route-home .provider-copy p{font-size:8px!important}
  .route-home .connect-zone{margin-left:60px!important}
  .route-home .primary-pill{height:36px!important;font-size:10.5px!important}
}

@media (max-width:820px){
  .route-home .home-layout{
    min-height:100dvh!important;
    height:auto!important;
    padding:88px 14px 112px!important;
    display:block!important;
  }
  .route-home .provider-stack{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:min(420px,calc(100vw - 28px))!important;
    max-width:420px!important;
    margin:0 auto!important;
    gap:14px!important;
  }
  .route-home .provider-card:not(.is-open){
    aspect-ratio:2.24 / 1!important;
    padding:15px 16px!important;
  }
  .route-home .provider-main{grid-template-columns:46px 1fr!important;gap:12px!important}
  .route-home .provider-emblem{width:44px!important;height:44px!important}
  .route-home .provider-emblem svg{width:31px!important;height:31px!important}
  .route-home .provider-copy h2{font-size:17px!important}
  .route-home .provider-copy p{font-size:8px!important}
  .route-home .connect-zone{margin-left:58px!important}
  .route-home .primary-pill{height:36px!important;font-size:10.5px!important}
}
@media (max-width:520px){
  .route-home .home-layout{padding:82px 10px 108px!important}
  .route-home .provider-stack{width:calc(100vw - 20px)!important;gap:12px!important}
  .route-home .provider-card:not(.is-open){aspect-ratio:2.12 / 1!important}
}

/* 2. Helper: text above the neutral icon, not beside it. */
.helper-trigger,
.route-home .helper-trigger{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  right:clamp(16px,2.4vw,34px)!important;
  bottom:44px!important;
}
.helper-label,
.route-home .helper-label{
  display:block!important;
  order:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:520!important;
  color:rgba(70,49,31,.78)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.58)!important;
  white-space:nowrap!important;
}
.helper-fab,
.route-home .helper-fab{
  order:1!important;
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
}
@media(max-width:820px){
  .helper-trigger,.route-home .helper-trigger{right:12px!important;bottom:40px!important;gap:4px!important}
  .helper-label,.route-home .helper-label{display:block!important;font-size:8px!important}
  .helper-fab,.route-home .helper-fab{width:44px!important;height:44px!important}
}

/* 5. Premium perimeter glow: a moving highlight around the card contour.
   Accent is the approved Green Fresh #43A566, kept subtle and non-neon. */
@property --aion-glow-angle{
  syntax:'<angle>';
  inherits:false;
  initial-value:0deg;
}
@keyframes aionPerimeterGlow{to{--aion-glow-angle:360deg}}
.route-home .provider-card::before{
  content:""!important;
  position:absolute!important;
  inset:-1px!important;
  padding:2px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:6!important;
  background:conic-gradient(
    from var(--aion-glow-angle),
    transparent 0deg 218deg,
    rgba(67,165,102,.10) 238deg,
    rgba(255,255,255,.95) 262deg,
    rgba(67,165,102,.62) 280deg,
    rgba(255,255,255,.68) 296deg,
    transparent 320deg 360deg
  )!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  opacity:0!important;
  transition:opacity .55s ease!important;
}
.route-home .provider-card:hover::before{
  opacity:1!important;
  animation:aionPerimeterGlow 3.25s linear infinite!important;
}
.route-home .provider-card:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 0 0 1px rgba(67,165,102,.10),
    0 0 28px rgba(67,165,102,.13),
    0 34px 74px -43px rgba(57,31,9,.36)!important;
}
@media (hover:none){
  .route-home .provider-card::before{display:none!important}
}

/* =========================================================
   V15 — FINAL TARGETED OVERRIDES
   ONLY: ficus/scene scaling, helper launcher geometry,
   compact home cards, compact responsive placement,
   visible perimeter glow. Everything else is untouched.
   ========================================================= */

/* A. SCENE / FICUS — plant size is controlled by WIDTH only.
   The tall/mobile assets are extensions of the same approved room,
   not enlarged crops. This prevents the ficus from becoming huge. */
.site{
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  background-color:#efc99c!important;
}
@media (min-width:1181px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:cover!important;
    background-position:center bottom!important;
  }
}
@media (min-width:821px) and (max-width:1180px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:cover!important;
    background-position:center bottom!important;
  }
}
@media (max-width:820px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:cover!important;
    background-position:center bottom!important;
  }
}

/* B. HOME — keep the approved pair compact and on the right.
   Never consume empty space just because the viewport is tall. */
.route-home .home-layout{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  padding:0!important;
}
.route-home .provider-stack{
  position:absolute!important;
  top:clamp(148px,17vh,174px)!important;
  right:clamp(40px,6.2vw,100px)!important;
  width:min(470px,42vw)!important;
  max-width:470px!important;
  margin:0!important;
  gap:18px!important;
}
.route-home .provider-card:not(.is-open){
  width:100%!important;
  min-height:0!important;
  height:176px!important;
  aspect-ratio:auto!important;
  padding:20px 22px!important;
  border-radius:26px!important;
  align-content:center!important;
}
.route-home .provider-main{grid-template-columns:58px minmax(0,1fr)!important;gap:16px!important}
.route-home .provider-emblem{width:56px!important;height:56px!important;border-radius:17px!important}
.route-home .provider-emblem svg{width:39px!important;height:39px!important}
.route-home .provider-copy h2{font-size:23px!important}
.route-home .provider-copy p{font-size:9px!important}
.route-home .connect-zone{margin-left:74px!important}
.route-home .primary-pill{height:40px!important;min-width:0!important;width:100%!important}

/* C. MEDIUM / NARROW DESKTOP — still right aligned, no ficus overlap,
   no stretching into the free wall area. */
@media (min-width:821px) and (max-width:1180px){
  .route-home .provider-stack{
    top:clamp(128px,14.5vh,154px)!important;
    right:clamp(24px,3.4vw,42px)!important;
    width:390px!important;
    max-width:calc(100vw - 64px)!important;
    gap:14px!important;
  }
  .route-home .provider-card:not(.is-open){height:152px!important;padding:16px 17px!important;border-radius:23px!important}
  .route-home .provider-main{grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important}
  .route-home .provider-emblem{width:46px!important;height:46px!important}
  .route-home .provider-emblem svg{width:32px!important;height:32px!important}
  .route-home .provider-copy h2{font-size:19px!important}
  .route-home .provider-copy p{font-size:8px!important}
  .route-home .connect-zone{margin-left:60px!important}
  .route-home .primary-pill{height:36px!important;font-size:10.5px!important}
}

/* D. MOBILE — cards stay compact; scene handles the small ficus.
   Text does not sit on top of the plant. */
@media (max-width:820px){
  .route-home .home-layout{padding:86px 12px 112px!important;height:auto!important;min-height:100dvh!important}
  .route-home .provider-stack{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:min(390px,calc(100vw - 24px))!important;
    max-width:390px!important;
    margin:0 0 0 auto!important;
    gap:12px!important;
  }
  .route-home .provider-card:not(.is-open){height:146px!important;padding:15px 16px!important;border-radius:22px!important}
  .route-home .provider-main{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important}
  .route-home .provider-emblem{width:44px!important;height:44px!important}
  .route-home .provider-emblem svg{width:31px!important;height:31px!important}
  .route-home .provider-copy h2{font-size:18px!important}
  .route-home .provider-copy p{font-size:8px!important}
  .route-home .connect-zone{margin-left:58px!important}
  .route-home .primary-pill{height:36px!important;font-size:10.5px!important}
}
@media (max-width:520px){
  .route-home .provider-stack{width:calc(100vw - 20px)!important;max-width:none!important}
  .route-home .provider-card:not(.is-open){height:140px!important}
}

/* E. HELPER — a single centered vertical component.
   The label is literally above the button, never beside it. */
.helper-trigger,
.route-home .helper-trigger{
  position:fixed!important;
  z-index:115!important;
  right:clamp(18px,2.8vw,42px)!important;
  bottom:48px!important;
  width:112px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 48px!important;
  justify-items:center!important;
  align-items:center!important;
  gap:5px!important;
}
.helper-label,
.route-home .helper-label{
  display:block!important;
  width:112px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:520!important;
  color:rgba(70,49,31,.80)!important;
}
.helper-fab,
.route-home .helper-fab{
  margin:0!important;
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  justify-self:center!important;
}
@media(max-width:820px){
  .helper-trigger,.route-home .helper-trigger{right:10px!important;bottom:40px!important;width:96px!important;grid-template-rows:auto 44px!important}
  .helper-label,.route-home .helper-label{width:96px!important;font-size:8px!important}
  .helper-fab,.route-home .helper-fab{width:44px!important;height:44px!important}
}

/* F. HOME PERIMETER GLOW — visible, slow, premium, not neon.
   Important: home cards must allow the outer halo to render. */
.route-home .provider-card{overflow:visible!important}
.route-home .provider-card::after{clip-path:inset(0 round 26px)!important}
.route-home .provider-card::before{
  content:""!important;
  position:absolute!important;
  inset:-2px!important;
  padding:2px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  z-index:8!important;
  opacity:0!important;
  background:conic-gradient(
    from var(--aion-glow-angle,0deg),
    transparent 0 215deg,
    rgba(67,165,102,.10) 232deg,
    rgba(255,255,255,.98) 252deg,
    rgba(67,165,102,.80) 270deg,
    rgba(255,255,255,.82) 288deg,
    transparent 312deg 360deg
  )!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  filter:drop-shadow(0 0 7px rgba(67,165,102,.26)) drop-shadow(0 0 13px rgba(255,255,255,.34))!important;
  transition:opacity .55s ease!important;
}
.route-home .provider-card:hover::before{
  opacity:1!important;
  animation:aionPerimeterGlow 3.8s linear infinite!important;
}
.route-home .provider-card:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 0 0 1px rgba(67,165,102,.12),
    0 0 30px rgba(67,165,102,.16),
    0 0 54px rgba(255,255,255,.10),
    0 30px 70px -42px rgba(57,31,9,.34)!important;
}
@media (hover:none){.route-home .provider-card::before{display:none!important}}

/* =========================================================
   V16 — TARGETED FIXES ONLY
   1) stable ficus scale by viewport WIDTH, never height
   2) remove interior white sweep from home cards
   3) helper label clearly above a circular neutral launcher
   4) keep contacts geometry/readability stable; arrows neutral
   No other component redesign.
   ========================================================= */

/* 1. SCENE/FICUS — explicit width-driven rendering. */
.site{
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  background-color:#efc99c!important;
  background-size:100% auto!important;
  background-position:center bottom!important;
}
@media (min-width:1181px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:100% auto!important;
    background-position:center bottom!important;
  }
}
@media (min-width:821px) and (max-width:1180px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:100% auto!important;
    background-position:center bottom!important;
  }
}
@media (max-width:820px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:100% auto!important;
    background-position:center bottom!important;
  }
}
/* kill every older cover/mobile-scene override, including tall desktop */
@media (min-width:821px) and (max-aspect-ratio:4/3){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:100% auto!important;
    background-position:center bottom!important;
  }
}

/* 2. HOME CARDS — no white sweep through the card body. */
.route-home .provider-card::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  background:none!important;
}
/* perimeter glow remains contour-only; no broad white flash */
.route-home .provider-card::before{
  background:conic-gradient(
    from var(--aion-glow-angle,0deg),
    transparent 0deg 224deg,
    rgba(67,165,102,.10) 242deg,
    rgba(67,165,102,.54) 262deg,
    rgba(255,255,255,.78) 276deg,
    rgba(67,165,102,.42) 292deg,
    transparent 312deg 360deg
  )!important;
  filter:drop-shadow(0 0 6px rgba(67,165,102,.22))!important;
}
.route-home .provider-card:hover::before{
  animation:aionPerimeterGlow 4.6s linear infinite!important;
}

/* 3. HELPER — one centered vertical unit: readable label above round icon. */
.helper-trigger,
.route-home .helper-trigger{
  position:fixed!important;
  z-index:115!important;
  right:clamp(18px,2.4vw,34px)!important;
  bottom:54px!important;
  width:auto!important;
  min-width:118px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.helper-label,
.route-home .helper-label{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:560!important;
  letter-spacing:0!important;
  color:rgba(65,45,29,.86)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.58)!important;
}
.helper-fab,
.route-home .helper-fab{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(150deg,rgba(255,255,255,.44),rgba(226,184,132,.16))!important;
  color:#755026!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 13px 26px -20px rgba(64,35,11,.38)!important;
}
.helper-fab:hover,
.route-home .helper-fab:hover{
  transform:translateY(-2px)!important;
  background:linear-gradient(150deg,rgba(255,255,255,.58),rgba(226,184,132,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 16px 30px -20px rgba(64,35,11,.42)!important;
}
@media(max-width:820px){
  .helper-trigger,.route-home .helper-trigger{
    right:12px!important;
    bottom:48px!important;
    min-width:108px!important;
    gap:7px!important;
  }
  .helper-label,.route-home .helper-label{font-size:9.5px!important}
  .helper-fab,.route-home .helper-fab{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
}

/* 4. CONTACTS — preserve the approved block and keep arrows neutral. */
.route-contacts .contacts-wrap{
  min-height:calc(100dvh - var(--top))!important;
  padding:86px 34px 92px!important;
}
.route-contacts .contact-card{
  width:min(600px,calc(100vw - 72px))!important;
  max-width:600px!important;
}
.route-contacts .contact-row .chevron{
  color:#6e4b29!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:820px){
  .route-contacts .contacts-wrap{padding:82px 14px 100px!important}
  .route-contacts .contact-card{width:calc(100vw - 28px)!important;max-width:600px!important}
}


/* === V18 SHIPPING SCENE LOCK: clean room, no ficus === */
.site{
  background-image:url("assets/scene-clean.png")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
@media(max-width:820px){
  .site{
    background-image:url("assets/scene-clean.png")!important;
    background-size:cover!important;
    background-position:38% center!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
  }
}

/* =========================================================
   V19 — EXACT USER CORRECTIONS ONLY
   1) Back is anchored to the brand, not content geometry
   2) Desktop information typography is readable without zoom
   3) Contacts live in the lower-right visual sector
   4) Home provider pair starts slightly right of viewport center
   Everything else stays V18.
   ========================================================= */

/* 1. Remove the transformed containing block that made position:fixed
   behave as if it belonged to the centered content wrapper. */
.route-capabilities .screen-inner,
.route-security .screen-inner,
.route-pricing .screen-inner,
.route-legal .screen-inner,
.route-contacts .screen-inner{
  animation:none!important;
  transform:none!important;
}
.back-btn{
  position:fixed!important;
  z-index:136!important;
  top:74px!important;
  left:clamp(28px,3.4vw,56px)!important;
  width:auto!important;
  height:38px!important;
  margin:0!important;
  padding:0 14px 0 9px!important;
}
@media(max-width:820px){
  .back-btn{top:66px!important;left:12px!important;height:36px!important}
}

/* 2. Readability pass. Only text that was visibly undersized on desktop. */
@media(min-width:1181px){
  .page-heading p{font-size:15px!important;line-height:1.35!important}
  .page-heading small{font-size:11.5px!important;line-height:1.48!important}
  .info-copy strong,.legal-card strong{font-size:13px!important;line-height:1.28!important}
  .info-copy small,.legal-card small{font-size:10.5px!important;line-height:1.42!important}
  .legal-card em{font-size:8.5px!important}
  .pdf-cta strong,.legal-pdf-cta strong{font-size:12.5px!important}
  .pdf-cta small,.legal-pdf-cta small{font-size:10px!important;line-height:1.38!important}
  .pdf-cta b,.legal-pdf-cta b{font-size:10.5px!important}

  .route-pricing .pricing-head p{font-size:15px!important;line-height:1.3!important}
  .route-pricing .pricing-head small{font-size:10.5px!important;line-height:1.42!important}
  .route-pricing .price-kicker{font-size:11.5px!important}
  .route-pricing .price-includes li strong{font-size:10.8px!important;line-height:1.25!important}
  .route-pricing .price-includes li small{font-size:9px!important;line-height:1.32!important}
  .route-pricing .price-more strong{font-size:10.5px!important}
  .route-pricing .price-more small{font-size:9px!important;line-height:1.35!important}
  .route-pricing .price-card p{font-size:9.7px!important;line-height:1.42!important}
  .route-pricing .uah-estimate{font-size:8.6px!important}
  .route-pricing .renewal p{font-size:9px!important;line-height:1.38!important}

  .contact-head small{font-size:11px!important}
  .contact-row strong{font-size:12.5px!important}
  .contact-row small{font-size:10px!important}
}

/* 3. Contacts: lower-right, with deliberate clearance from helper/footer. */
@media(min-width:821px){
  .route-contacts .contacts-wrap{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:0!important;
  }
  .route-contacts .contact-card{
    position:absolute!important;
    right:clamp(120px,12vw,220px)!important;
    bottom:clamp(104px,13vh,150px)!important;
    width:min(560px,42vw)!important;
    max-width:560px!important;
    margin:0!important;
  }
}
@media(min-width:821px) and (max-width:1180px){
  .route-contacts .contact-card{
    right:clamp(74px,9vw,108px)!important;
    bottom:96px!important;
    width:min(520px,58vw)!important;
  }
}
@media(max-width:820px){
  .route-contacts .contacts-wrap{display:block!important;padding:118px 14px 118px!important;min-height:100dvh!important;height:auto!important}
  .route-contacts .contact-card{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:600px!important;margin:0 auto!important}
}

/* 4. Home pair: left edge just to the right of the viewport centre.
   No card resizing and no change to their approved material. */
@media(min-width:1181px){
  .route-home .provider-stack{
    left:55.5%!important;
    right:auto!important;
    top:clamp(148px,17vh,174px)!important;
    width:470px!important;
    max-width:min(470px,40vw)!important;
  }
}
@media(min-width:821px) and (max-width:1180px){
  .route-home .provider-stack{
    left:52%!important;
    right:auto!important;
    top:clamp(128px,14.5vh,154px)!important;
    width:390px!important;
    max-width:44vw!important;
  }
}


/* =========================================================
   V20 — FINAL TARGETED CORRECTIONS
   1) Back button fixed under brand, readable, stable
   2) Home cards centered, wider, taller, premium halo
   3) Contacts card fully lowered to lower-right edge
   4) Background tone more premium and less flat
   ========================================================= */

:root{
  --scene-premium:#e6c39c;
  --scene-premium-2:#d9b188;
}
html,body{background:var(--scene-premium)!important}
.site{
  background-color:var(--scene-premium)!important;
  background-image:url("assets/scene-clean.png")!important;
}
.site::before{
  background:
    radial-gradient(circle at 72% 22%,rgba(255,250,241,.20),transparent 30%),
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.12),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(103,60,23,.035))!important;
}
.site::after{
  box-shadow:inset 0 0 160px rgba(88,52,22,.045)!important;
}

/* Back button */
.site .back-btn{
  position:fixed!important;
  z-index:145!important;
  left:clamp(34px,3.6vw,62px)!important;
  top:82px!important;
  width:auto!important;
  height:42px!important;
  padding:0 16px 0 12px!important;
  border-radius:16px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:550!important;
  color:#4a3424!important;
  background:linear-gradient(150deg,rgba(255,255,255,.42),rgba(228,182,124,.16))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 16px 30px -24px rgba(62,34,11,.34)!important;
  transform:none!important;
}
.site .back-btn:hover{transform:none!important;background:linear-gradient(150deg,rgba(255,255,255,.48),rgba(228,182,124,.19))!important}
.site .back-btn .back-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
.site .back-btn .back-icon svg{width:15px!important;height:15px!important}
@media(max-width:820px){
  .site .back-btn{
    top:72px!important;
    left:12px!important;
    height:40px!important;
    padding:0 14px 0 10px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }
}

/* Home cards centered and slightly enlarged */
@media(min-width:821px){
  .route-home .home-layout{
    justify-content:center!important;
    align-items:center!important;
    padding:40px 0 72px!important;
    min-height:calc(100dvh - var(--top) - 72px)!important;
  }
  .route-home .provider-stack{
    position:relative!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    transform:translateX(-50%)!important;
    width:min(580px,42vw)!important;
    max-width:580px!important;
    margin:0!important;
    gap:18px!important;
  }
  .route-home .provider-card:not(.is-open){
    min-height:174px!important;
    height:auto!important;
    padding:24px 26px 22px!important;
    border-radius:29px!important;
  }
  .route-home .provider-copy h2{font-size:25px!important}
  .route-home .provider-copy p{font-size:11.5px!important;line-height:1.5!important}
  .route-home .primary-pill{height:46px!important;font-size:13px!important}
}
@media(min-width:821px) and (max-width:1180px){
  .route-home .provider-stack{width:min(560px,64vw)!important;max-width:560px!important}
}
@media(max-width:820px){
  .route-home .home-layout{padding-top:82px!important;padding-bottom:128px!important}
  .route-home .provider-stack{margin:0 auto!important;max-width:560px!important}
  .route-home .provider-card:not(.is-open){min-height:156px!important}
}

/* Premium home halo instead of interior white sweep */
.route-home .provider-card{overflow:visible!important}
.route-home .provider-card::after{display:none!important}
.route-home .provider-card::before{
  content:""!important;
  position:absolute!important;
  inset:-1px!important;
  border-radius:inherit!important;
  padding:1px!important;
  pointer-events:none!important;
  background:linear-gradient(120deg,rgba(255,255,255,.60),rgba(241,216,184,.14) 26%,rgba(211,162,103,.58) 48%,rgba(255,255,255,.22) 72%,rgba(255,255,255,.66))!important;
  background-size:220% 220%!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  opacity:.92!important;
  animation:providerHaloFlow 5.6s linear infinite!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.20),0 0 26px rgba(255,239,216,.14)!important;
}
@keyframes providerHaloFlow{
  0%{background-position:0% 50%;opacity:.72}
  50%{background-position:100% 50%;opacity:.98}
  100%{background-position:0% 50%;opacity:.72}
}
.route-home .provider-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 32px 70px -44px rgba(57,31,9,.38),0 10px 24px -18px rgba(65,35,10,.24)!important;
}

/* Contacts lower-right even near helper */
@media(min-width:821px){
  .route-contacts .contacts-wrap{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:0!important;
  }
  .route-contacts .contact-card{
    position:fixed!important;
    right:28px!important;
    bottom:26px!important;
    width:min(620px,38vw)!important;
    max-width:620px!important;
    margin:0!important;
  }
}
@media(max-width:820px){
  .route-contacts .contacts-wrap{display:block!important;padding:118px 14px 118px!important;min-height:100dvh!important;height:auto!important}
  .route-contacts .contact-card{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:620px!important;margin:0 auto!important}
}

/* Readability bump where the user still had to zoom. */
@media(min-width:1181px){
  .route-capabilities .page-heading small,
  .route-legal .page-heading small,
  .route-pricing .pricing-head small{font-size:12px!important;line-height:1.52!important}
  .route-capabilities .info-copy strong,
  .route-legal .legal-card strong{font-size:14px!important}
  .route-capabilities .info-copy small,
  .route-legal .legal-card small{font-size:11px!important;line-height:1.46!important}
}

/* =========================================================
   V20 — final targeted corrections from user
   - back button fixed and anchored top-left
   - contacts card pushed fully down/right
   - home provider cards centered/right, slightly wider/taller
   - more premium neutral beige background
   - subtle premium border animation, no interior sweep
   ========================================================= */

:root{
  --scene-base:#e8c79f;
  --scene-soft:#f4e4ce;
  --scene-deep:#d3a56f;
}
html,body{background:var(--scene-base)!important}
.site{
  background-color:var(--scene-base)!important;
  background-image:
    radial-gradient(1200px 620px at 68% 18%, rgba(255,250,243,.18), transparent 58%),
    radial-gradient(980px 520px at 78% 70%, rgba(210,150,85,.07), transparent 60%),
    url("assets/scene-clean.png")!important;
  background-size:auto,auto,cover!important;
  background-position:center center, center center, center center!important;
}
.site::before{
  background:
    radial-gradient(circle at 76% 24%, rgba(255,251,244,.18), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(101,62,24,.02))!important;
}
.site::after{box-shadow:inset 0 0 160px rgba(92,55,22,.04)!important}

/* 1. Back button — explicit viewport anchoring, no layout dependence. */
.site .back-btn,
.route-capabilities .back-btn,
.route-security .back-btn,
.route-pricing .back-btn,
.route-legal .back-btn,
.route-contacts .back-btn,
.route-googleSuccess .back-btn,
.route-microsoftSuccess .back-btn{
  position:fixed!important;
  top:76px!important;
  left:34px!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  margin:0!important;
  z-index:180!important;
  min-width:104px!important;
  height:40px!important;
  padding:0 14px 0 10px!important;
  border-radius:14px!important;
  font-size:16px!important;
  font-weight:560!important;
  letter-spacing:-.01em!important;
  color:#5e4530!important;
  background:linear-gradient(180deg, rgba(255,252,247,.58), rgba(226,187,136,.18))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 14px 28px -24px rgba(67,39,14,.26)!important;
}
.site .back-btn span{font-size:16px!important;line-height:1!important}
.site .back-btn .back-icon{width:24px!important;height:24px!important;flex-basis:24px!important;color:#7b5a3a!important}
.site .back-btn .back-icon svg{width:15px!important;height:15px!important}
.site .back-btn:hover{transform:none!important;background:linear-gradient(180deg, rgba(255,255,255,.68), rgba(226,187,136,.24))!important}

/* 2. Home provider pair — centered vertically, slightly right of center, wider/taller. */
.route-home .home-layout{
  min-height:calc(100dvh - var(--top) - 48px)!important;
  display:block!important;
  position:relative!important;
  padding:0!important;
}
.route-home .provider-stack{
  position:absolute!important;
  left:56.5%!important;
  top:50%!important;
  right:auto!important;
  width:540px!important;
  max-width:min(540px,42vw)!important;
  transform:translateY(-50%)!important;
  gap:20px!important;
}
.route-home .provider-card:not(.is-open){
  min-height:174px!important;
  height:174px!important;
  padding:24px 24px 22px!important;
  border-radius:30px!important;
}
.route-home .provider-main{grid-template-columns:70px 1fr!important;gap:18px!important}
.route-home .provider-copy h2{font-size:24px!important;line-height:1.08!important}
.route-home .provider-copy p{font-size:11.5px!important;line-height:1.44!important}
.route-home .primary-pill{min-width:188px!important;height:46px!important;font-size:13px!important}

/* 3. Premium motion — remove white sweep and use subtle border halo. */
.route-home .provider-card,
.route-capabilities .info-card,
.route-capabilities .pdf-cta,
.route-legal .legal-card,
.route-legal .legal-pdf-cta,
.route-pricing .price-card,
.route-pricing .price-more,
.route-contacts .contact-card{
  overflow:visible!important;
}
.route-home .provider-card::after,
.route-capabilities .info-card::after,
.route-legal .legal-card::after,
.route-pricing .price-card::after,
.route-pricing .price-more::after,
.route-contacts .contact-card::after{
  display:none!important;
}
.route-home .provider-card::before,
.route-capabilities .info-card::before,
.route-capabilities .pdf-cta::before,
.route-legal .legal-card::before,
.route-legal .legal-pdf-cta::before,
.route-pricing .price-card::before,
.route-pricing .price-more::before,
.route-contacts .contact-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:conic-gradient(from 0deg, rgba(255,255,255,0) 0deg, rgba(255,255,255,.22) 36deg, rgba(212,171,121,.30) 86deg, rgba(255,255,255,0) 128deg, rgba(255,255,255,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  padding:1.2px;
  opacity:.18;
  transition:opacity .28s ease, filter .28s ease, transform .28s ease;
  filter:blur(.4px);
}
.route-home .provider-card:hover::before,
.route-capabilities .info-card:hover::before,
.route-capabilities .pdf-cta:hover::before,
.route-legal .legal-card:hover::before,
.route-legal .legal-pdf-cta:hover::before,
.route-pricing .price-card:hover::before,
.route-pricing .price-more:hover::before,
.route-contacts .contact-card:hover::before{
  opacity:.82;
  animation:premiumOrbit 2.8s linear infinite;
}
@keyframes premiumOrbit{to{transform:rotate(1turn)}}
.route-home .provider-card,
.route-capabilities .info-card,
.route-capabilities .pdf-cta,
.route-legal .legal-card,
.route-legal .legal-pdf-cta,
.route-pricing .price-card,
.route-pricing .price-more,
.route-contacts .contact-card{
  transition:transform .28s var(--spring), box-shadow .28s var(--ease), border-color .28s var(--ease)!important;
}
.route-home .provider-card:hover,
.route-capabilities .info-card:hover,
.route-capabilities .pdf-cta:hover,
.route-legal .legal-card:hover,
.route-legal .legal-pdf-cta:hover,
.route-pricing .price-card:hover,
.route-pricing .price-more:hover,
.route-contacts .contact-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 28px 62px -38px rgba(61,34,12,.30),0 10px 26px -20px rgba(61,34,12,.18)!important;
}

/* 4. Contacts — fully down to lower-right edge. */
@media(min-width:821px){
  .route-contacts .contacts-wrap{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:calc(100dvh - var(--top) - 8px)!important;
    height:calc(100dvh - var(--top) - 8px)!important;
    padding:0!important;
  }
  .route-contacts .contact-card{
    position:fixed!important;
    right:28px!important;
    bottom:28px!important;
    width:min(560px,42vw)!important;
    max-width:560px!important;
    margin:0!important;
  }
}

/* 5. Capability / legal copy slightly stronger and more readable. */
@media(min-width:1181px){
  .page-heading h1,.pricing-head h1{font-size:58px!important}
  .page-heading p,.pricing-head p{font-size:18px!important;line-height:1.34!important}
  .page-heading small,.pricing-head small{font-size:12px!important;line-height:1.55!important;max-width:860px!important}
  .info-copy strong,.legal-card strong{font-size:15px!important}
  .info-copy small,.legal-card small{font-size:11.3px!important;line-height:1.46!important}
  .contact-head span{font-size:30px!important}
  .contact-head small{font-size:12px!important}
  .contact-row strong{font-size:13px!important}
  .contact-row small{font-size:10.5px!important}
}

/* 6. Responsiveness without breaking geometry. */
@media(min-width:821px) and (max-width:1180px){
  .site .back-btn{top:74px!important;left:22px!important;font-size:15px!important}
  .site .back-btn span{font-size:15px!important}
  .route-home .provider-stack{left:53.5%!important;width:460px!important;max-width:46vw!important}
  .route-home .provider-card:not(.is-open){min-height:164px!important;height:164px!important}
  .route-home .provider-copy h2{font-size:22px!important}
  .route-contacts .contact-card{width:min(520px,55vw)!important;right:22px!important;bottom:24px!important}
}
@media(max-width:820px){
  .site .back-btn{top:76px!important;left:14px!important;min-width:96px!important;height:38px!important;font-size:15px!important}
  .site .back-btn span{font-size:15px!important}
  .route-home .home-layout{padding:86px 0 132px!important}
  .route-home .provider-stack{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:calc(100% - 28px)!important;max-width:560px!important;margin:0 auto!important}
  .route-home .provider-card:not(.is-open){min-height:156px!important;height:auto!important}
  .route-contacts .contact-card{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:640px!important;margin:0 auto!important}
}

/* =========================================================
   V21 — премиальный слой дизайна и анимаций (аддитивный).
   Контент, разметка, JS-логика, существующие эффекты (halo,
   tilt, dropdown) не изменены. Только новые, ранее не занятые
   свойства: opacity/filter-вход, scrollbar, selection, focus,
   микро-моушн иконок, press-feedback, тост.
   ========================================================= */

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

html{scroll-behavior:smooth}
::selection{background:rgba(159,110,54,.26);color:#241b13}
*{scrollbar-width:thin;scrollbar-color:rgba(157,109,52,.45) rgba(255,255,255,.12)}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.10);border-radius:20px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(180,131,68,.55),rgba(139,95,45,.55));border-radius:20px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(180,131,68,.75),rgba(139,95,45,.75));background-clip:padding-box}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid rgba(159,110,54,.55);outline-offset:3px;border-radius:10px}

/* Тихое "дыхание" фонового света — только opacity, фон/картинка не тронуты */
.site::before{animation:ambientBreath 9s ease-in-out infinite}
@keyframes ambientBreath{0%,100%{opacity:.92}50%{opacity:1}}

/* Более кинематографичное появление экрана при переходах */
@keyframes surface{from{opacity:0;filter:blur(5px);transform:translateY(9px)}to{opacity:1;filter:blur(0);transform:none}}

/* Каскадное появление карточек: opacity/filter/лёгкий translateY —
   не пересекается со свойством transform, которое на этих
   элементах уже управляется через !important в hover-состояниях. */
.route-capabilities .card-grid>*,
.route-security .card-grid>*,
.route-legal .legal-grid>*,
.route-pricing .pricing-grid>*{animation:cardReveal .6s var(--spring) both}
.route-home .provider-stack>.provider-card{animation:providerReveal .7s var(--ease) both}
.route-contacts .contact-card .contact-row{animation:cardReveal .5s var(--spring) both}
@keyframes cardReveal{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes providerReveal{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}

.route-home .provider-stack>.provider-card:nth-child(1){animation-delay:.04s}
.route-home .provider-stack>.provider-card:nth-child(2){animation-delay:.14s}
.route-capabilities .card-grid>*:nth-child(1),.route-security .card-grid>*:nth-child(1){animation-delay:.03s}
.route-capabilities .card-grid>*:nth-child(2),.route-security .card-grid>*:nth-child(2){animation-delay:.08s}
.route-capabilities .card-grid>*:nth-child(3),.route-security .card-grid>*:nth-child(3){animation-delay:.13s}
.route-capabilities .card-grid>*:nth-child(4),.route-security .card-grid>*:nth-child(4){animation-delay:.18s}
.route-capabilities .card-grid>*:nth-child(5),.route-security .card-grid>*:nth-child(5){animation-delay:.23s}
.route-capabilities .card-grid>*:nth-child(6),.route-security .card-grid>*:nth-child(6){animation-delay:.28s}
.route-capabilities .card-grid>*:nth-child(n+7){animation-delay:.33s}
.route-legal .legal-grid>*:nth-child(1){animation-delay:.03s}
.route-legal .legal-grid>*:nth-child(2){animation-delay:.08s}
.route-legal .legal-grid>*:nth-child(3){animation-delay:.13s}
.route-legal .legal-grid>*:nth-child(4){animation-delay:.18s}
.route-legal .legal-grid>*:nth-child(5){animation-delay:.23s}
.route-legal .legal-grid>*:nth-child(n+6){animation-delay:.28s}
.route-pricing .pricing-grid>*:nth-child(1){animation-delay:.04s}
.route-pricing .pricing-grid>*:nth-child(2){animation-delay:.12s}
.route-pricing .pricing-grid>*:nth-child(3){animation-delay:.20s}
.route-contacts .contact-card .contact-row:nth-child(2){animation-delay:.10s}
.route-contacts .contact-card .contact-row:nth-child(3){animation-delay:.17s}
.route-contacts .contact-card .contact-row:nth-child(4){animation-delay:.24s}

/* Микро-моушн иконок и стрелок при наведении — свойства ранее не заданы */
.ui-icon{transition:transform .32s var(--spring),box-shadow .32s var(--ease)}
.chevron,.pdf-arrow{transition:transform .3s var(--spring)}
.info-card:hover .ui-icon,.legal-card:hover .ui-icon,.pdf-cta:hover .ui-icon,.legal-pdf-cta:hover .ui-icon,.contact-row:hover .ui-icon{transform:translateY(-1px) scale(1.06)}
.info-card:hover .chevron,.legal-card:hover .chevron,.contact-row:hover .chevron{transform:translateX(3px)}
.pdf-cta:hover .pdf-arrow,.legal-pdf-cta:hover .pdf-arrow,.price-more:hover .pdf-arrow{transform:translateX(3px)}

/* Press-feedback на кликабельных элементах без 3D-tilt */
.info-card:active,.legal-card:active,.pdf-cta:active,.legal-pdf-cta:active,
.price-more:active,.contact-row:active,.primary-pill:active,.back-btn:active,
.helper-fab:active,.round-close:active,.mobile-toggle:active{
  transform:scale(.972)!important;transition:transform .12s var(--ease)!important;
}

/* Дыхание индикатора помощника — привлекает внимание, но ненавязчиво */
.helper-fab{animation:helperPulse 3.6s ease-in-out infinite}
@keyframes helperPulse{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 18px 34px -25px rgba(62,34,11,.39)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 18px 34px -25px rgba(62,34,11,.39),0 0 0 7px rgba(159,110,54,.09)}
}
.helper-fab:hover{animation-play-state:paused}

/* Появление тоста */
.toast{animation:toastRise .34s var(--spring) both}
@keyframes toastRise{from{opacity:0;transform:translate(-50%,10px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}

/* Плавный вход nav-подчёркивания и fx-chip при первой отрисовке */
.top-layer{animation:topFade .5s var(--ease) both}
@keyframes topFade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* =========================================================
   Легальная страница: группировка документов по тематическим
   блокам (новые классы, ничего существующее не переопределяется).
   ========================================================= */
.legal-blocks{width:min(900px,100%);margin:0 auto;display:flex;flex-direction:column;gap:22px}
.legal-block{display:block}
.legal-block-title{margin:0 0 10px 2px;font-size:12px;font-weight:680;letter-spacing:.03em;text-transform:uppercase;color:rgba(90,66,42,.72)}
.legal-block .legal-grid{width:100%;margin:0}
.legal-block:nth-child(1){animation:cardReveal .55s var(--spring) both;animation-delay:.02s}
.legal-block:nth-child(2){animation:cardReveal .55s var(--spring) both;animation-delay:.08s}
.legal-block:nth-child(3){animation:cardReveal .55s var(--spring) both;animation-delay:.14s}
.legal-block:nth-child(4){animation:cardReveal .55s var(--spring) both;animation-delay:.20s}
.legal-block:nth-child(5){animation:cardReveal .55s var(--spring) both;animation-delay:.26s}
.legal-block:nth-child(6){animation:cardReveal .55s var(--spring) both;animation-delay:.32s}
@media(min-width:1181px){.legal-block-title{font-size:13px}}

/* Кнопка "Показати всі документи" на сторінці Legal */
.legal-toggle{
  width:100%;display:flex;align-items:center;justify-content:center;gap:9px;
  height:52px;border:1px solid rgba(255,255,255,.55);border-radius:16px;
  background:linear-gradient(150deg,rgba(255,255,255,.30),rgba(222,173,113,.13));
  backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 14px 28px -22px rgba(62,34,11,.30);
  font-size:14px;font-weight:640;letter-spacing:.01em;color:#3c2c1a;cursor:pointer;
  transition:transform .26s var(--spring),box-shadow .26s var(--ease);
}
.legal-toggle:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 20px 34px -22px rgba(62,34,11,.36)}
.legal-toggle svg{transition:transform .3s var(--spring)}
.legal-toggle .chevron.is-open{transform:rotate(90deg)}

/* Повністю вимикаємо попередній conic-gradient halo (він завжди виглядає
   як кругова ротація навколо центру — це і викликало "летить по колу",
   бо кутова анімація не відповідає формі прямокутника). */
.route-home .provider-card::before,
.route-capabilities .info-card::before,
.route-capabilities .pdf-cta::before,
.route-legal .legal-card::before,
.route-legal .legal-pdf-cta::before,
.route-pricing .price-card::before,
.route-pricing .price-more::before,
.route-contacts .contact-card::before{
  display:none!important;
}

/* =========================================================
   Справжня "світлова лінія в скляній трубці": SVG-контур із
   pathLength=100 + stroke-dashoffset. Крапка світла фізично
   їде вздовж реального прямокутного периметру картки (прямі
   сторони + заокруглені кути), а не обертається навколо центру.
   ========================================================= */
.border-trace{
  position:absolute;
  inset:-1px;
  width:calc(100% + 2px);
  height:calc(100% + 2px);
  pointer-events:none;
  overflow:visible;
  z-index:3;
}
.border-trace rect{
  fill:none;
  stroke:#fff6e6;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-dasharray:5 95;
  stroke-dashoffset:0;
  opacity:0;
  filter:drop-shadow(0 0 2.5px rgba(255,221,168,.95)) drop-shadow(0 0 6px rgba(255,200,140,.55));
  transition:opacity .35s var(--ease);
}
.route-home .provider-card:hover .border-trace rect,
.route-capabilities .info-card:hover .border-trace rect,
.route-capabilities .pdf-cta:hover .border-trace rect,
.route-legal .legal-card:hover .border-trace rect,
.route-legal .legal-pdf-cta:hover .border-trace rect,
.route-pricing .price-card:hover .border-trace rect,
.route-pricing .price-more:hover .border-trace rect,
.route-contacts .contact-card:hover .border-trace rect{
  opacity:1;
  animation:traceRun 2.8s linear infinite;
}
@keyframes traceRun{to{stroke-dashoffset:-100}}
@media (prefers-reduced-motion: reduce){
  .border-trace rect{animation:none!important;opacity:0!important}
}

/* =========================================================
   Фінальна фіксація: раніше ".site" background і ".helper-trigger"
   мали 6–20 окремих правил по різних медіа-запитах з несумісними
   значеннями (center / center bottom / center top; bottom:26–70px
   в різних місцях) — тому при resize елементи "стрибали". Нижче —
   ОДНЕ безумовне правило (без media query) на кожен елемент, з
   clamp() замість різких точок перелому, тому позиція змінюється
   плавно і ніколи не "скаче".
   ========================================================= */
.site{
  background-image:url("assets/scene-clean.png")!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  background-size:cover!important;
  background-position:left bottom!important;
}
@media(max-width:820px){
  .site{background-attachment:scroll!important;background-size:cover!important;background-position:left bottom!important}
}

.helper-trigger,
.route-home .helper-trigger{
  position:fixed!important;
  right:clamp(14px,2.6vw,34px)!important;
  bottom:clamp(16px,4.2vh,40px)!important;
  gap:8px!important;
  width:auto!important;
  grid-template-rows:none!important;
}
@media(max-width:820px){
  .helper-trigger,.route-home .helper-trigger{
    right:clamp(12px,3vw,20px)!important;
    bottom:calc(clamp(12px,3.4vh,22px) + env(safe-area-inset-bottom,0px))!important;
  }
  .helper-label,.route-home .helper-label{display:none!important}
}

/* =========================================================
   Кнопка-помічник — преміальний вигляд замість плаского гурт-
   кола: чіткіший бордер, багатошарова тінь з тонким контражуром,
   тепле золоте світіння іконки, м'який ring на hover.
   ========================================================= */
.helper-fab,
.route-home .helper-fab{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.8)!important;
  background:
    radial-gradient(120% 130% at 26% 16%, rgba(255,255,255,.92), transparent 54%),
    linear-gradient(155deg, rgba(255,255,255,.62) 0%, rgba(238,196,140,.42) 52%, rgba(191,136,68,.30) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(120,74,30,.14),
    0 1px 0 rgba(255,255,255,.55),
    0 22px 40px -22px rgba(62,34,11,.50),
    0 9px 18px -12px rgba(62,34,11,.34)!important;
}
.helper-fab:hover,
.route-home .helper-fab:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(120,74,30,.16),
    0 0 0 5px rgba(212,163,94,.16),
    0 26px 46px -22px rgba(62,34,11,.55),
    0 10px 20px -12px rgba(62,34,11,.38)!important;
}
.helper-fab .ui-icon,
.route-home .helper-fab .ui-icon{color:#a5702f!important}
.helper-fab .ui-icon svg,
.route-home .helper-fab .ui-icon svg{
  fill:currentColor!important;
  stroke:rgba(255,255,255,.65)!important;
  stroke-width:.7!important;
  filter:drop-shadow(0 1px 1px rgba(120,74,30,.35));
}
.helper-label{
  border-color:rgba(255,255,255,.7)!important;
  background:rgba(255,251,243,.5)!important;
  color:#5c4327!important;
  font-weight:640!important;
}

/* =========================================================
   Нижній рядок (footer) — трохи більший, читабельний розмір
   (було ~7–8.7px, майже нечитабельно). Помірно, без надмірностей.
   ========================================================= */
.footer{
  font-size:clamp(11px,.92vw,12.5px)!important;
  color:rgba(58,40,24,.85)!important;
}
.footer-line>span:first-child{opacity:.82!important}
.footer a{border-bottom-color:rgba(102,71,39,.30)!important}
@media(max-width:820px){
  .footer{font-size:10px!important}
}

/* Шапка — навігаційні посилання були clamp(10px,.75vw,12px), дрібнувато. Збільшено. */
.site-nav a{
  font-size:clamp(13px,.98vw,14.5px)!important;
  font-weight:610!important;
  color:rgba(42,33,25,.86)!important;
}
@media(max-width:820px){
  .site-nav a{font-size:13px!important}
}

/* =========================================================
   Модалки (detail-sheet, doc-panel) — текст був 8–10px,
   нечитабельно. Підняли до легко читабельного розміру.
   ========================================================= */
.detail-head p{font-size:13px!important;line-height:1.45!important}
.detail-row strong{font-size:14px!important}
.detail-row small{font-size:12.5px!important;line-height:1.5!important;margin-top:3px!important}
.doc-top small{font-size:11px!important}
.doc-top p{font-size:13px!important;line-height:1.5!important}
.doc-point span{font-size:11px!important}
.doc-point p{font-size:12.5px!important;line-height:1.5!important}
.doc-full-link{font-size:12.5px!important}

/* Production connection flow — functional additions inside the approved card only. */
.route-home .provider-card.is-open{min-height:auto!important}
.route-home .connect-form-wrap{padding:10px 11px 11px!important}
.route-home .connect-form{display:grid;gap:8px}
.route-home .connect-form label{display:grid;gap:5px;text-align:left}
.route-home .connect-form label>span{font-size:11px;font-weight:680;color:#4d3825}
.route-home .connect-form input{
  width:100%;height:39px;padding:0 11px;border:1px solid rgba(255,255,255,.72);border-radius:11px;
  background:rgba(255,255,255,.48);color:#39291d;font:500 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)
}
.route-home .connect-form input:focus{border-color:rgba(155,105,51,.48);box-shadow:0 0 0 3px rgba(155,105,51,.08),inset 0 1px 0 rgba(255,255,255,.8)}
.route-home .connect-form input::placeholder{color:rgba(79,58,38,.46)}
.route-home .connect-form .connect-mode-back{
  width:max-content!important;padding:3px 3px!important;margin:0!important;display:flex!important;gap:5px!important;
  align-items:center!important;color:#705237;background:transparent!important;font-size:10px!important
}
.route-home .connect-form .connect-mode-back .ui-icon{transform:rotate(180deg);width:19px!important;height:19px!important;flex-basis:19px!important}
.route-home .connect-form .connect-disclosure{margin:0!important;font-size:9px!important;line-height:1.4!important;color:rgba(74,54,37,.70)!important}
.route-home .connect-form .connect-submit{
  margin:1px 0 0!important;padding:9px 10px!important;border-radius:11px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.53),rgba(227,187,136,.32))!important;
  border:1px solid rgba(255,255,255,.58)!important
}
.route-home .connect-form .connect-submit:disabled{opacity:.58;cursor:wait}
.route-home .connect-form .connect-status{min-height:13px;margin:0!important;font-size:9px!important;line-height:1.35!important;color:#725235!important}
.helper-form :disabled{opacity:.62;cursor:wait}
.processing-card .processing-status{display:block;margin-top:12px;font-size:11px;line-height:1.45;color:rgba(73,54,38,.74)}
.processing-indicator{width:28px;height:28px;margin:18px auto 0;border:2px solid rgba(119,80,40,.16);border-top-color:rgba(119,80,40,.62);border-radius:50%;animation:aionProcessingSpin .9s linear infinite}
@keyframes aionProcessingSpin{to{transform:rotate(360deg)}}
.success-file{margin:16px auto 14px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.48)}
.success-file strong,.success-file small{display:block}.success-file strong{font-size:12px}.success-file small{margin-top:3px;font-size:10px;color:rgba(73,54,38,.68)}
.success-home-link{display:inline-block;margin-top:11px;font-size:11px;color:#66482c;text-decoration:none;border-bottom:1px solid rgba(102,72,44,.28)}
@media(max-width:820px){
  .route-home .connect-form input{height:41px;font-size:12px}
  .route-home .connect-form label>span{font-size:11px}
  .route-home .connect-form .connect-disclosure,.route-home .connect-form .connect-status{font-size:9.5px!important}
}