/*
Theme Name: Renewed Technologies
Theme URI: https://renewedtech.net
Author: Renewed Technologies LLC
Description: Block theme for renewedtech.net. Pages are built from standard blocks so all text is editable in the WordPress editor.
Version: 1.0.1
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: renewed-technologies
*/

:root{
  --navy:#081a29;--navy-2:#0d2740;--blue:#006299;--gold:#e0a705;--gold-press:#c79104;
  --on-dark:#eef4f9;--on-dark-muted:#a8bccc;--on-dark-line:rgba(255,255,255,.14);--blue-on-dark:#5aaedb;
  --band:#006299;
  --hdr-bg:#ffffff;--hdr-ink:#0d2233;--hdr-muted:#455b6e;--hdr-line:#d3dee8;--hdr-hover:#eef3f7;--hdr-accent:#006299;
  --bg:#f4f7fa;--surface:#ffffff;--ink:#0d2233;--muted:#455b6e;--line:#d3dee8;--link:#006299;--tint:#e6eff6;--focus:#006299;
  --flag-bg:#fff3d1;--flag-ink:#6b4a00;--flag-line:#e9cf85;
  --sans:"Jost","Futura","Avenir Next","Segoe UI",system-ui,sans-serif;
  --serif:"Lora","Iowan Old Style","Palatino Linotype",Georgia,serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{--bg:#0a1722;--surface:#102335;--ink:#e7eff6;--muted:#9db1c2;--line:#203b52;--link:#63b4df;--tint:#12293c;--focus:#e0a705;--flag-bg:#3a2d08;--flag-ink:#f3d98b;--flag-line:#6b5413;--ring-ink:#e7eff6;color-scheme:dark;}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--link)}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.hero :focus-visible,.cta :focus-visible,.site-footer :focus-visible{outline-color:var(--gold)}
.site-header :focus-visible{outline-color:var(--hdr-accent)}
.wp-site-blocks{padding:0}
.wp-site-blocks>*{margin-block:0}
.wp-block-group.wrap,.wrap{max-width:1120px;margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:clamp(48px,7vw,88px)}
.band-tight{padding-block:clamp(36px,5vw,56px)}
.surface{background:var(--surface);border-block:1px solid var(--line)}
.eyebrow{font:600 .78rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
.hero .eyebrow,.cta .eyebrow{color:var(--gold)}
h1,h2{font-family:var(--serif);text-wrap:balance}
h2{font-size:clamp(1.55rem,2.6vw,2.1rem);line-height:1.2;font-weight:600;letter-spacing:-.005em}
h3{font:600 1.1rem/1.3 var(--sans)}
.sec-head{display:grid;gap:10px;margin-bottom:clamp(24px,4vw,40px);max-width:46rem}
.sec-head p{color:var(--muted)}
.sec-head .eyebrow{color:var(--link)}
.note{margin-top:20px;color:var(--muted)}
.note-small{font-size:.95rem;color:var(--muted)}
.flag{display:inline-block;font:600 .72rem/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;background:var(--flag-bg);color:var(--flag-ink);border:1px solid var(--flag-line);border-radius:4px;padding:3px 7px;width:fit-content}

/* buttons (core Button block) */
.wp-block-buttons.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:6px;border:2px solid transparent;font:600 1rem/1 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s}
.wp-block-button .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.btn-gold .wp-block-button__link{background:var(--gold);color:#081a29}
.btn-gold .wp-block-button__link:hover{background:var(--gold-press);color:#081a29}
.btn-light .wp-block-button__link{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}
.btn-light .wp-block-button__link:hover{border-color:#fff;color:#fff;background:transparent}
.btn-line .wp-block-button__link{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line .wp-block-button__link:hover{background:var(--ink);color:var(--bg)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:6px;border:2px solid transparent;font:600 1rem/1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .15s,background .2s}
.btn-gold.btn{background:var(--gold);color:#081a29}
.btn-gold.btn:hover{background:var(--gold-press)}

/* header (template part) */
.wp-site-blocks>header.site-header{position:sticky;top:0;z-index:50;background:var(--hdr-bg);color:var(--hdr-ink);border-bottom:1px solid var(--hdr-line)}
.admin-bar .wp-site-blocks>header.site-header{top:32px}
@media (max-width:782px){.admin-bar .wp-site-blocks>header.site-header{top:46px}}
.bar{display:flex;align-items:center;gap:20px;min-height:76px}
.bar .brand{margin:0;flex:none;line-height:0}
.bar .brand img{height:48px;width:auto;display:block}
.bar .nav{margin-left:auto}
.nav.wp-block-navigation{font:500 1rem/1 var(--sans);gap:6px}
.nav .wp-block-navigation__container{gap:6px}
.nav .wp-block-navigation-item__content{color:var(--hdr-muted);text-decoration:none;padding:12px;border-bottom:2px solid transparent}
.nav .wp-block-navigation-item__content:hover{color:var(--hdr-ink)}
.nav .wp-block-navigation-item__content[aria-current="page"]{color:var(--hdr-ink);border-bottom-color:var(--gold)}
.nav .wp-block-navigation__submenu-container{background:var(--hdr-bg)!important;color:var(--hdr-ink)!important;border:1px solid var(--hdr-line)!important;border-radius:8px;padding:8px!important;min-width:290px!important;box-shadow:0 18px 40px rgba(8,26,41,.18)}
.nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:var(--hdr-ink);border-radius:5px;border-bottom:0;padding:10px 12px}
.nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,.nav .wp-block-navigation__submenu-container [aria-current="page"]{background:var(--hdr-hover)}
.nav .wp-block-navigation__submenu-icon{color:var(--hdr-muted)}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{color:var(--hdr-ink);border:1px solid var(--hdr-line);border-radius:6px;padding:8px}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--hdr-bg)!important;color:var(--hdr-ink)!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:1.15rem;color:var(--hdr-ink)}
.bar-cta{display:flex;align-items:center;gap:16px;flex:none}
.bar-phone{margin:0;white-space:nowrap}
.bar-phone a{color:var(--hdr-ink);text-decoration:none;font-weight:500}
.bar-cta .wp-block-buttons{margin:0}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--navy);color:var(--on-dark)}
.hero>.wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(40px,6vw,80px)}
.hero-simple{padding-block:clamp(40px,6vw,80px)}
.hero-simple .hero-h1{max-width:22ch}
.hero .hero-h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.08;font-weight:700;color:#fff;margin:14px 0 18px}
.lede{font-size:1.2rem;line-height:1.55;max-width:38rem;color:var(--on-dark-muted)}
.hero .btn-row{margin-top:28px}
.crumbs{font-size:.92rem;color:var(--on-dark-muted);margin-bottom:6px}
.crumbs a{color:var(--on-dark-muted)}
.crumbs a:hover{color:#fff}
@media (min-width:961px){.hero-grid>.wp-block-group:first-child{max-width:30rem}}

/* ring backdrop (the ring and cross from the logo) */
.ring-wrap{position:relative;min-width:0}
.ring-wrap::before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:var(--rw);aspect-ratio:906/893;left:calc(-14px - var(--rw)*.295);background:url(assets/ring-icon.png) center/contain no-repeat;opacity:.5;pointer-events:none;z-index:0}
.ring-wrap>*{position:relative;z-index:1}
.ring-home{--rw:600px}
.ring-sub{--rw:480px}

/* home picker */
.picker{background:rgba(13,39,64,.92);border:1px solid var(--on-dark-line);border-radius:10px;padding:8px 22px 10px}
.picker-h{font:600 .78rem/1.3 var(--sans)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)!important;padding:16px 0 10px}
.pick{position:relative;border-top:1px solid var(--on-dark-line);padding:14px 40px 14px 52px;color:var(--on-dark);transition:color .2s}
.pick-title{margin:0;font-weight:500;font-size:1.04rem;line-height:1.3}
.pick-title a{color:var(--on-dark);text-decoration:none}
.pick-title a::after{content:"";position:absolute;inset:0}
.pick:hover .pick-title a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.pick-sub{margin:2px 0 0;font-size:.84rem;color:var(--on-dark-muted)}
.pick-sub::after{content:"\2192";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.2rem;transition:transform .15s}
.pick:hover .pick-sub::after{transform:translate(4px,-50%)}
.pick::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.07);transition:background .2s}
.pick::after{content:"";position:absolute;left:9px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:var(--gold);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;transition:background .2s}
.pick:hover::before{background:var(--gold)}
.pick:hover::after{background:#081a29}

/* glance panel (service heroes) */
.glance{background:rgba(13,39,64,.92);border:1px solid var(--on-dark-line);border-radius:10px;padding:6px 22px}
.glance>.row{padding:14px 0;border-top:1px solid var(--on-dark-line)}
.glance>.row:first-child{border-top:0}
.glance .dt{font:600 .72rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:3px}
.glance .dd{color:var(--on-dark);line-height:1.4}

/* feature lists */
.handle{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));column-gap:clamp(24px,5vw,64px)}
.handle>.item{position:relative;border-top:1px solid var(--line);padding:18px 0 20px;display:grid;gap:6px;align-content:start}
.handle>.item p,.fit p,.who .li,.values p,.steps p{color:var(--muted)}
.handle>.item[class*="ico-"]{padding-left:60px}
.handle>.item[class*="ico-"]::before{content:"";position:absolute;left:0;top:18px;width:44px;height:44px;border-radius:12px;background:var(--tint);transition:background .2s,transform .25s}
.handle>.item[class*="ico-"]::after{content:"";position:absolute;left:10px;top:28px;width:24px;height:24px;background:var(--link);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;transition:background .2s,transform .25s}
.handle>.item[class*="ico-"]:hover::before{background:var(--gold);transform:rotate(-6deg) scale(1.06)}
.handle>.item[class*="ico-"]:hover::after{background:#081a29;transform:rotate(-6deg) scale(1.06)}
.process{border-block:4px solid var(--gold)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:28px;counter-reset:s}
.steps>.step{position:relative;counter-increment:s;border-top:2px solid var(--ink);padding-top:14px;display:grid;gap:6px;align-content:start}
.steps>.step::before{content:counter(s);font:700 1.9rem/1 var(--serif);color:var(--link)}
.steps>.step::after{content:"";position:absolute;top:-2px;left:0;height:2px;width:0;background:var(--gold);transition:width .9s cubic-bezier(.2,.7,.2,1) .25s}
.steps>.step.in::after{width:100%}
.fit-wrap{margin-top:clamp(32px,5vw,52px);padding-top:22px;border-top:1px solid var(--line);display:grid;gap:14px}
.fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px 48px}
.fit>.wp-block-group{display:grid;gap:4px}
.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:clamp(22px,3vw,32px);display:grid;gap:14px;align-content:start}
.panel .tag{font:600 .74rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
.panel ul{list-style:none;padding:0;display:grid;gap:0}
.panel li{padding:11px 0 11px 26px;border-top:1px solid var(--line);position:relative}
.panel li::before{content:"";position:absolute;left:2px;top:1.05em;width:11px;height:6px;border-left:2px solid var(--link);border-bottom:2px solid var(--link);transform:rotate(-45deg)}

/* plans */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:16px}
.plan{background:var(--surface);border:3px solid var(--tier,var(--line));border-radius:10px;padding:22px;display:grid;gap:10px;align-content:start;min-width:0}
.plan-bronze{--tier:#c67a3c}
.plan-silver{--tier:#a3abb5}
.plan-gold{--tier:#e0a705}
.plan-platinum{--tier:#7f93b0}
.plan h3{font:600 1.35rem/1.2 var(--serif)}
.price{font:700 2.5rem/1 var(--serif);letter-spacing:-.01em}
.annual{color:var(--muted);font-size:.95rem;padding-bottom:6px}
.plan .dl{border-top:1px solid var(--line)}
.plan .dl>.row{padding:11px 0;border-bottom:1px solid var(--line);display:grid;gap:2px}
.plan .dt{font:600 .72rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--link)}
.plan .dd{line-height:1.4}

/* faq (core Details block) */
.faq{max-width:52rem}
.wp-block-details{border-top:1px solid var(--line)}
.faq .wp-block-details:last-child{border-bottom:1px solid var(--line)}
.wp-block-details summary{list-style:none;cursor:pointer;padding:18px 36px 18px 0;font:600 1.1rem/1.35 var(--sans);position:relative}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"+";position:absolute;right:4px;top:14px;font:400 1.6rem/1 var(--sans);color:var(--link)}
.wp-block-details[open] summary::after{content:"\2212"}
.wp-block-details p{color:var(--muted);padding:0 36px 20px 0;max-width:44rem}

/* related */
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.rel{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-weight:500}
.rel p{margin:0}
.rel a{color:var(--ink);text-decoration:none}
.rel a::after{content:"";position:absolute;inset:0}
.rel::after{content:"\2192";color:var(--link);transition:transform .2s}
.rel:hover{border-color:var(--link)}
.rel:hover a{color:var(--link)}
.rel:hover::after{transform:translateX(4px)}

/* home blocks */
.who{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px clamp(24px,5vw,64px)}
.who h3{font:600 1.5rem/1.2 var(--serif);margin-bottom:10px}
.who .li{position:relative;padding:12px 0 12px 52px;border-top:1px solid var(--line)}
.who .li[class*="ico-"]::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:10px;background:var(--tint);transition:background .2s}
.who .li[class*="ico-"]::after{content:"";position:absolute;left:8.5px;top:50%;transform:translateY(-50%);width:21px;height:21px;background:var(--link);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;transition:background .2s}
.who .li:hover::before{background:var(--gold)}
.who .li:hover::after{background:#081a29}
.who .more{margin-top:14px;font-weight:600}
.story-home h2{margin:10px 0 12px}
.story-home p{color:var(--muted);max-width:38rem;margin-bottom:16px}

/* about page */
.story{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,5vw,64px);align-items:start}
.story p{color:var(--muted);margin-bottom:16px;max-width:40rem}
.story h2{margin-bottom:18px}
.photo{aspect-ratio:4/5;max-width:100%;border:1px dashed var(--line);border-radius:10px;background:var(--tint);display:grid;place-items:center;text-align:center;padding:20px;color:var(--muted);gap:10px;align-content:center}
.photo p{margin:0}
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}
.values>.wp-block-group{border-top:2px solid var(--ink);padding-top:14px;display:grid;gap:6px;align-content:start}
.timeline{border-left:2px solid var(--line);margin-left:8px;max-width:44rem}
.timeline>.tl-item{position:relative;display:grid;grid-template-columns:7rem minmax(0,1fr);gap:16px;padding:14px 0 22px 30px}
.timeline>.tl-item::before{content:"";position:absolute;left:-9px;top:20px;width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--bg)}
.surface .timeline>.tl-item::before{box-shadow:0 0 0 4px var(--surface)}
.tl-year{font:700 1.3rem/1.2 var(--serif);color:var(--link)}
.tl-text{color:var(--muted)}

/* contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:start}
.contact-grid h2{margin-bottom:24px}
.info>.row{padding:18px 0;border-top:1px solid var(--line);display:grid;gap:4px}
.info>.row:first-child{border-top:0;padding-top:0}
.info .dt{font:600 .74rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--link)}
.info .dd{font-size:1.15rem}
.info .dd a{color:var(--ink)}
.info .note-small{font-size:.95rem}
.info .wp-block-buttons{margin-top:8px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:clamp(20px,3vw,32px)}
.rt-form{display:grid;gap:16px}
.rt-form h2{font-size:1.5rem;margin:0}
.field{display:grid;gap:6px}
.field label{font-weight:600;font-size:.95rem}
.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:11px 12px;width:100%;min-width:0}
.field textarea{min-height:130px;resize:vertical}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
.rt-status{padding:12px 14px;border-radius:6px;background:var(--flag-bg);color:var(--flag-ink);border:1px solid var(--flag-line);font-size:.95rem}
.rt-hp{position:absolute;left:-9999px;height:0;width:0;overflow:hidden}

/* cta band */
.cta{background:var(--band);color:#fff}
.cta>.wrap{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;padding-block:clamp(36px,5vw,56px)}
.cta h2{color:#fff;margin-bottom:6px}
.cta p{color:#e3eff7;max-width:36rem}

/* footer (template part) */
.wp-site-blocks>footer.site-footer{background:var(--navy);color:var(--on-dark-muted);font-size:.98rem}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px;padding-block:48px 28px}
.foot h2{font:600 .78rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.foot ul{list-style:none;padding:0;display:grid;gap:9px;margin:0}
.foot a{color:var(--on-dark-muted);text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline}
.foot p{max-width:26rem;margin-top:14px}
.brand-plate{background:#fff;border-radius:8px;padding:8px 14px;display:inline-flex;margin:0}
.brand-plate img{height:44px;width:auto;display:block}
.legal{border-top:1px solid var(--on-dark-line);padding-block:18px 26px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:.88rem}
.legal p{margin:0}

@media (max-width:960px){
  .hero-grid,.story,.contact-grid{grid-template-columns:minmax(0,1fr)}
  .ring-wrap::before{left:50%;transform:translate(-44%,-50%);width:auto;height:108%}
  .ring-sub::before{height:180%}
  .foot{grid-template-columns:1fr 1fr}
  .photo{aspect-ratio:16/10}
  .bar-phone{display:none}
}
@media (max-width:781px){
  .bar{gap:12px}
  .bar .nav{margin-left:0;order:3}
  .bar-cta{margin-left:auto;order:2}
}
@media (max-width:560px){
  .bar-cta .wp-block-button__link{padding:0 14px;min-height:42px;font-size:.95rem}
  .bar .brand img{height:38px}
  .ring-wrap::before{opacity:.28}
  .ring-home::before{height:100%}
  .foot{grid-template-columns:1fr}
  .timeline>.tl-item{grid-template-columns:1fr;gap:4px}
}

/* motion */
.plan,.panel,.rel{transition:transform .25s,box-shadow .25s,border-color .2s}
.plan:hover,.panel:hover,.rel:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(8,26,41,.14)}
@keyframes rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes ringin{from{opacity:0;translate:-36px 0;scale:.94}to{opacity:.5;translate:0 0;scale:1}}
.hero .crumbs,.hero .eyebrow,.hero .hero-h1,.hero .lede,.hero .btn-row{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}
.hero .hero-h1{animation-delay:.08s}.hero .lede{animation-delay:.18s}.hero .btn-row{animation-delay:.28s}
.hero .picker,.hero .glance{animation:rise .8s cubic-bezier(.2,.7,.2,1) .25s both}
.ring-wrap::before{animation:ringin 1.4s cubic-bezier(.2,.7,.2,1) .1s both}
.js .reveal{opacity:0;translate:0 22px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;translate:none}
  .steps>.step::after{width:100%}
  .wp-block-button .wp-block-button__link:hover,.plan:hover,.panel:hover,.rel:hover{transform:none}
}

/* icons (CSS masks, so any block can take an icon by adding a class like ico-camera) */
.ico-wrench{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3.5 17.5a2 2 0 0 0 3 3l5.8-5.8a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.4-.6-.6-2.4z'/%3E%3C/svg%3E")}
.ico-shield{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.2 7.8-8 9-4.8-1.2-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E")}
.ico-bug{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3Cpath d='M8 10h8v5a4 4 0 0 1-8 0z'/%3E%3Cpath d='M12 10v9M4 12l4 1.5M20 12l-4 1.5M4 19l4-2M20 19l-4-2'/%3E%3C/svg%3E")}
.ico-gauge{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 17a8 8 0 1 1 16 0'/%3E%3Cpath d='M12 17l4-5'/%3E%3Ccircle cx='12' cy='17' r='1'/%3E%3C/svg%3E")}
.ico-chip{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='10' height='10' rx='1.5'/%3E%3Cpath d='M10 3v4M14 3v4M10 17v4M14 17v4M3 10h4M3 14h4M17 10h4M17 14h4'/%3E%3C/svg%3E")}
.ico-window{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='15' rx='2'/%3E%3Cpath d='M3 9h18M7 6.5h.01M10 6.5h.01'/%3E%3C/svg%3E")}
.ico-refresh{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-14-4M4 4v4h4'/%3E%3Cpath d='M4 13a8 8 0 0 0 14 4M20 20v-4h-4'/%3E%3C/svg%3E")}
.ico-database{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6c0-1.7 3.6-3 8-3s8 1.3 8 3-3.6 3-8 3-8-1.3-8-3z'/%3E%3Cpath d='M4 6v6c0 1.7 3.6 3 8 3s8-1.3 8-3V6M4 12v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6'/%3E%3C/svg%3E")}
.ico-wifi{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a15 15 0 0 1 20 0M5 12.5a10 10 0 0 1 14 0M8.5 16a5 5 0 0 1 7 0'/%3E%3Ccircle cx='12' cy='19.5' r='.8'/%3E%3C/svg%3E")}
.ico-printer{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9V3h10v6'/%3E%3Cpath d='M7 17H4v-7h16v7h-3'/%3E%3Cpath d='M7 14h10v7H7z'/%3E%3C/svg%3E")}
.ico-laptop{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='5' width='14' height='10' rx='1.5'/%3E%3Cpath d='M2.5 19h19'/%3E%3C/svg%3E")}
.ico-power{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v8'/%3E%3Cpath d='M6.5 6.5a8 8 0 1 0 11 0'/%3E%3C/svg%3E")}
.ico-swap{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4L3 8l4 4M3 8h14'/%3E%3Cpath d='M17 12l4 4-4 4M21 16H7'/%3E%3C/svg%3E")}
.ico-target{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E")}
.ico-camera{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h4l2-3h6l2 3h4v11H3z'/%3E%3Ccircle cx='12' cy='13.5' r='3.5'/%3E%3C/svg%3E")}
.ico-bolt{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4.5 13.5H11L10 22l8.5-11.5H12z'/%3E%3C/svg%3E")}
.ico-phone{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2'/%3E%3Cpath d='M11 18.5h2'/%3E%3C/svg%3E")}
.ico-moon{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5z'/%3E%3C/svg%3E")}
.ico-up{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E")}
.ico-heart{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.5-7-10a4 4 0 0 1 7-2.5A4 4 0 0 1 19 10c0 5.5-7 10-7 10z'/%3E%3C/svg%3E")}
.ico-jack{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='6' width='16' height='11' rx='2'/%3E%3Cpath d='M8.5 10v3M12 10v3M15.5 10v3M9 17v3M15 17v3'/%3E%3C/svg%3E")}
.ico-server{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='6' rx='1.5'/%3E%3Crect x='3' y='14' width='18' height='6' rx='1.5'/%3E%3Cpath d='M7 7h.01M7 17h.01'/%3E%3C/svg%3E")}
.ico-clipboard{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4.5' width='12' height='16.5' rx='2'/%3E%3Cpath d='M9 4.5h6V7H9z'/%3E%3Cpath d='M9 14l2 2 4-4'/%3E%3C/svg%3E")}
.ico-sparkle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8z'/%3E%3Cpath d='M19 17v4M17 19h4'/%3E%3C/svg%3E")}
.ico-home{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h5v-6h4v6h5V10'/%3E%3C/svg%3E")}
.ico-link{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/%3E%3C/svg%3E")}
.ico-plus{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E")}
.ico-search{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.4-4.4'/%3E%3C/svg%3E")}
.ico-cash{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6.5 12h.01M17.5 12h.01'/%3E%3C/svg%3E")}
.ico-grid{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6.5' height='6.5' rx='1.2'/%3E%3Crect x='13.5' y='4' width='6.5' height='6.5' rx='1.2'/%3E%3Crect x='4' y='13.5' width='6.5' height='6.5' rx='1.2'/%3E%3Crect x='13.5' y='13.5' width='6.5' height='6.5' rx='1.2'/%3E%3C/svg%3E")}
.ico-cloud{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4.5 4.5 0 0 1-.5-9A6 6 0 0 1 18 9.5 4 4 0 0 1 17 18z'/%3E%3C/svg%3E")}
.ico-lock{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
.ico-flag{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 4h11l-2 4 2 4H5'/%3E%3C/svg%3E")}
.ico-mail{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E")}
.ico-headset{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M4 14h3v5H4zM17 14h3v5h-3z'/%3E%3Cpath d='M20 19c0 1.5-2 2-5 2'/%3E%3C/svg%3E")}
.ico-bulb{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}
.ico-globe{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.5 3.8 5.5 3.8 9s-1.3 6.5-3.8 9c-2.5-2.5-3.8-5.5-3.8-9S9.500 5.500 12 3z'/%3E%3C/svg%3E")}
.ico-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.7 2.7L16 9.5'/%3E%3C/svg%3E")}