.elementor-36352 .elementor-element.elementor-element-b75e8b5{--display:flex;}.elementor-36352 .elementor-element.elementor-element-8bfffd5{--display:flex;}/* Start custom CSS *//* ============================================================
Planet Crust — Global Styles
Add this ONCE in Elementor:
WP Admin → Elementor → Site Settings → Custom CSS
(or use a Code Snippets plugin, or your theme's Additional CSS)
All section HTML files depend on these variables and classes.
============================================================ */
/* Google Fonts — add to via Elementor Custom Code or theme
*/
:root{
--bg:#FFFFFF;--bg-soft:#FAF8F4;--bg-warm:#F5F1EA;--panel:#FFFFFF;
--ink:#15233A;--ink-2:#4A5A6E;--ink-3:#7A8798;--ink-4:#A7B0BC;
--line:#E8E2D7;--line-2:#DDD6C9;--line-soft:#F0ECE3;
--coral:#E1614C;--coral-dk:#C84E3A;--coral-soft:#FCEEEA;--coral-line:rgba(225,97,76,.22);
--navy:#183153;--navy-2:#22436E;
--ok:#1A8A58;--ok-soft:#E8F5EE;
--mx:1140px;--g:clamp(20px,5vw,32px);--sy:clamp(76px,10vw,116px);--r:14px;--rl:20px;
}
.pc-scope,.pc-scope *,.pc-scope *::before,.pc-scope *::after{box-sizing:border-box}
.pc-scope{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:clamp(15px,1.02vw,16.5px);line-height:1.7;-webkit-font-smoothing:antialiased}
.pc-scope img,.pc-scope svg{max-width:100%;display:block}
.pc-scope a{color:inherit;text-decoration:none}
.pc-scope a:focus-visible,.pc-scope button:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}
.pc-scope .w{width:100%;max-width:var(--mx);margin:0 auto;padding-inline:var(--g)}
.pc-scope .sec{padding-block:var(--sy);position:relative}
.pc-scope .bg-soft{background:var(--bg-soft)}
.pc-scope .bg-warm{background:var(--bg-warm)}
.pc-scope h1,.pc-scope h2,.pc-scope h3,.pc-scope h4{line-height:1.14;letter-spacing:-.03em;font-weight:700;color:var(--navy);text-wrap:balance;margin:0}
.pc-scope h1{font-size:clamp(2.2rem,1.3rem+3.8vw,3.55rem);letter-spacing:-.042em;line-height:1.05}
.pc-scope h2{font-size:clamp(1.65rem,1.05rem+2.5vw,2.55rem)}
.pc-scope h3{font-size:clamp(1.06rem,.98rem+.32vw,1.2rem);font-weight:600}
.pc-scope h4{font-size:.95rem;font-weight:600}
.pc-scope p{max-width:68ch;margin:0}
.pc-scope .mono{font-family:'IBM Plex Mono',monospace}
.pc-scope .ey{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin-bottom:16px}
.pc-scope .ey::before{content:'';width:20px;height:1.5px;background:var(--coral)}
.pc-scope .sub{font-size:clamp(.96rem,.88rem+.36vw,1.14rem);color:var(--ink-2);line-height:1.68;max-width:58ch}
.pc-scope .sh{max-width:64ch;margin-bottom:clamp(40px,5.5vw,56px)}
.pc-scope .shc{margin-inline:auto;text-align:center}
.pc-scope .shc .sub{margin-inline:auto}
.pc-scope .sh .sub{margin-top:16px}
.pc-scope .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:50px;font-weight:600;font-size:.9rem;line-height:1;border:1.5px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}
.pc-scope .bp{background:var(--coral);color:#fff;box-shadow:0 10px 24px -10px rgba(225,97,76,.5)}
.pc-scope .bp:hover{background:var(--coral-dk);transform:translateY(-1px);box-shadow:0 14px 28px -10px rgba(225,97,76,.55)}
.pc-scope .bs{border-color:var(--line-2);color:var(--navy);background:#fff}
.pc-scope .bs:hover{border-color:var(--coral);color:var(--coral-dk)}
.pc-scope .br{display:flex;flex-wrap:wrap;gap:12px}
.pc-scope .brc{justify-content:center}
@media(max-width:420px){.pc-scope .btn{width:100%}}
.pc-scope .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none}
.pc-scope .ic svg{width:20px;height:20px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.pc-scope .ic-c{background:var(--coral-soft);border:1px solid var(--coral-line)}
.pc-scope .ic-c svg{stroke:var(--coral)}
.pc-scope .ic-n{background:#EEF2F7;border:1px solid #E1E8F0}
.pc-scope .ic-n svg{stroke:var(--navy)}
.pc-scope .ics{width:38px;height:38px;border-radius:10px}
.pc-scope .ics svg{width:17px;height:17px}
/* hero */
.pc-scope .hero{padding:clamp(56px,8vw,92px) 0 clamp(64px,9vw,96px);position:relative;overflow:hidden}
.pc-scope .hero::before{content:'';position:absolute;width:820px;height:820px;border-radius:50%;top:-380px;right:-220px;background:radial-gradient(circle,rgba(225,97,76,.06),transparent 68%);pointer-events:none}
.pc-scope .hg{display:grid;gap:clamp(36px,5vw,56px);align-items:center;position:relative;z-index:1}
@media(min-width:1000px){.pc-scope .hg{grid-template-columns:1.05fr .95fr}}
.pc-scope .hero h1{margin-bottom:20px}
.pc-scope .hero h1 em{font-style:normal;color:var(--coral)}
.pc-scope .hero .sub{margin-bottom:32px}
.pc-scope .tr{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:30px;font-family:'IBM Plex Mono',monospace;font-size:.72rem;color:var(--ink-3)}
.pc-scope .tr span{display:inline-flex;align-items:center;gap:7px}
.pc-scope .tr .d{width:5px;height:5px;border-radius:50%;background:var(--coral);flex:none}
/* console */
.pc-scope .cn{background:var(--navy);border:1px solid var(--navy-2);border-radius:var(--rl);overflow:hidden;box-shadow:0 30px 60px -28px rgba(24,49,83,.4)}
.pc-scope .cnb{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.pc-scope .cnb .dots{display:flex;gap:6px}
.pc-scope .cnb .dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.12)}
.pc-scope .cnb b{font-family:'IBM Plex Mono',monospace;font-size:.7rem;font-weight:500;color:rgba(255,255,255,.5);letter-spacing:.04em;margin-left:10px}
.pc-scope .lv{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:.6rem;color:#5FD196;letter-spacing:.08em}
.pc-scope .pu{width:6px;height:6px;border-radius:50%;background:#5FD196;animation:pc-pu 2s ease-in-out infinite;flex:none}
@keyframes pc-pu{0%,100%{opacity:1}50%{opacity:.25}}
.pc-scope .lg{padding:6px 0}
.pc-scope .lr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 14px;align-items:baseline;padding:9px 18px;border-bottom:1px solid rgba(255,255,255,.05);font-family:'IBM Plex Mono',monospace;font-size:.7rem;opacity:0;animation:pc-fu .5s ease forwards}
.pc-scope .lr:last-child{border-bottom:0}
@keyframes pc-fu{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pc-scope .lr:nth-child(1){animation-delay:.12s}
.pc-scope .lr:nth-child(2){animation-delay:.26s}
.pc-scope .lr:nth-child(3){animation-delay:.4s}
.pc-scope .lr:nth-child(4){animation-delay:.54s}
.pc-scope .lr:nth-child(5){animation-delay:.68s}
.pc-scope .lr:nth-child(6){animation-delay:.82s}
.pc-scope .lr:nth-child(7){animation-delay:.96s}
.pc-scope .lt0{color:rgba(255,255,255,.4);white-space:nowrap}
.pc-scope .lm{color:rgba(255,255,255,.72);line-height:1.5;min-width:0;overflow-wrap:anywhere}
.pc-scope .lm b{color:#fff;font-weight:600}
.pc-scope .tg{font-size:.56rem;padding:3px 10px;border-radius:20px;white-space:nowrap;font-weight:600;letter-spacing:.04em;justify-self:end}
.pc-scope .to{background:rgba(95,209,150,.16);color:#7DDCAC;border:1px solid rgba(95,209,150,.3)}
.pc-scope .ti{background:rgba(225,97,76,.16);color:#F0977F;border:1px solid rgba(225,97,76,.32)}
.pc-scope .tk{background:rgba(120,170,235,.16);color:#9BC4F0;border:1px solid rgba(120,170,235,.3)}
.pc-scope .cnf{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:11px 18px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);font-family:'IBM Plex Mono',monospace;font-size:.62rem;color:rgba(255,255,255,.4)}
@media(max-width:560px){.pc-scope .lr{grid-template-columns:auto 1fr auto;row-gap:4px}.pc-scope .lm{grid-column:1/-1;order:3}}
/* products nav strip */
.pc-scope .pnav{display:grid;gap:16px;margin-top:8px}
@media(min-width:760px){.pc-scope .pnav{grid-template-columns:1fr 1fr}}
.pc-scope .pnav-c{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .2s,box-shadow .2s}
.pc-scope .pnav-c:hover{border-color:var(--coral-line);box-shadow:0 16px 30px -20px rgba(24,49,83,.18)}
.pc-scope .pnav-c .badge{font-family:'IBM Plex Mono',monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:16px;font-weight:600;white-space:nowrap}
.pc-scope .b-live{background:var(--ok-soft);color:var(--ok)}
.pc-scope .b-soon{background:#EEF2F7;color:var(--navy-2)}
.pc-scope .pnav-c h3{margin-bottom:3px}
.pc-scope .pnav-c p{font-size:.88rem;color:var(--ink-2)}
.pc-scope .pnav-c .arw{margin-left:auto;color:var(--ink-4);align-self:center;flex:none}
/* logos */
.pc-scope .los{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px 46px;padding:clamp(34px,5vw,48px) 0}
.pc-scope .los .ll{font-family:'IBM Plex Mono',monospace;font-size:.64rem;color:var(--ink-3);letter-spacing:.13em;text-transform:uppercase;width:100%;text-align:center;margin-bottom:6px}
.pc-scope .lp{width:110px;height:34px;border-radius:8px;background:var(--bg-warm);border:1px dashed var(--line-2);display:grid;place-items:center;font-family:'IBM Plex Mono',monospace;font-size:.56rem;color:var(--ink-4)}
/* grids */
.pc-scope .g3{display:grid;gap:clamp(14px,1.8vw,18px)}
@media(min-width:640px){.pc-scope .g3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:940px){.pc-scope .g3{grid-template-columns:repeat(3,1fr)}}
.pc-scope .g4{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--rl);overflow:hidden}
@media(min-width:600px){.pc-scope .g4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.pc-scope .g4{grid-template-columns:repeat(4,1fr)}}
.pc-scope .cd{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,3vw,30px);display:flex;flex-direction:column;gap:12px;transition:border-color .2s,box-shadow .2s}
.pc-scope .cd:hover{border-color:var(--line-2);box-shadow:0 18px 34px -22px rgba(24,49,83,.2)}
.pc-scope .cd .ic{margin-bottom:4px}
.pc-scope .cd p{color:var(--ink-2);font-size:.92rem}
.pc-scope .fc{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,3vw,30px);display:flex;flex-direction:column;gap:12px;transition:border-color .2s,box-shadow .2s}
.pc-scope .fc:hover{border-color:var(--coral-line);box-shadow:0 18px 34px -22px rgba(225,97,76,.14)}
.pc-scope .fc p{color:var(--ink-2);font-size:.9rem;line-height:1.55}
/* steps */
.pc-scope .stp{counter-reset:s}
.pc-scope .st{counter-increment:s;display:grid;gap:14px 48px;padding-block:clamp(30px,3.6vw,42px);border-bottom:1px solid var(--line-soft);align-items:start}
.pc-scope .st:first-child{border-top:1px solid var(--line-soft)}
@media(min-width:820px){.pc-scope .st{grid-template-columns:200px minmax(0,1fr)}}
.pc-scope .sn{font-family:'IBM Plex Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--coral);font-weight:600;padding-top:5px}
.pc-scope .st h3{font-size:clamp(1.12rem,1rem+.5vw,1.3rem);margin-bottom:8px}
.pc-scope .st p{color:var(--ink-2)}
/* split */
.pc-scope .sp{display:grid;gap:clamp(36px,5vw,56px);align-items:start}
@media(min-width:960px){.pc-scope .sp{grid-template-columns:repeat(2,1fr)}}
.pc-scope .spc{align-items:center}
/* risk panel */
.pc-scope .pn{background:#fff;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;box-shadow:0 24px 48px -30px rgba(24,49,83,.28)}
.pc-scope .pnb{padding:13px 20px;border-bottom:1px solid var(--line);background:var(--bg-soft);font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:var(--ink-3)}
.pc-scope .pbd{padding:clamp(16px,2.2vw,22px)}
.pc-scope .rr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line-soft)}
.pc-scope .rr:last-of-type{border-bottom:0}
.pc-scope .rr strong{display:block;font-size:.92rem;color:var(--navy);margin-bottom:2px;line-height:1.3}
.pc-scope .rr small{display:block;color:var(--ink-3);font-size:.72rem;font-family:'IBM Plex Mono',monospace}
.pc-scope .pl{font-size:.64rem;padding:4px 12px;border-radius:20px;font-weight:600;white-space:nowrap}
.pc-scope .ph{background:var(--coral-soft);color:var(--coral-dk)}
.pc-scope .plo{background:#EEF2F7;color:var(--navy-2)}
.pc-scope .plk{background:var(--ok-soft);color:var(--ok)}
.pc-scope .gp{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line-soft)}
.pc-scope .ch{font-family:'IBM Plex Mono',monospace;font-size:.66rem;padding:4px 11px;border:1px solid var(--line);border-radius:20px;color:var(--ink-3)}
.pc-scope .co{border-left:3px solid var(--coral);background:var(--coral-soft);padding:20px 24px;border-radius:0 var(--r) var(--r) 0;margin-top:28px}
.pc-scope .co strong{display:block;margin-bottom:6px;color:var(--navy)}
.pc-scope .co p{color:var(--ink-2);font-size:.93rem;max-width:none}
/* sovereignty */
.pc-scope .sc{background:#fff;padding:clamp(24px,3vw,30px) clamp(20px,2.4vw,24px);transition:background .2s}
.pc-scope .sc:hover{background:var(--bg-soft)}
.pc-scope .sc .ic{margin-bottom:16px}
.pc-scope .sc h3{margin-bottom:7px}
.pc-scope .sc p{color:var(--ink-2);font-size:.9rem;max-width:none}
/* stats */
.pc-scope .sts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media(min-width:700px){.pc-scope .sts{grid-template-columns:repeat(4,1fr)}}
.pc-scope .stc{background:#fff;padding:clamp(20px,2.6vw,26px) clamp(18px,2.2vw,22px)}
.pc-scope .stc b{display:block;font-size:clamp(1.25rem,1rem+.9vw,1.5rem);color:var(--navy);margin-bottom:3px;letter-spacing:-.02em}
.pc-scope .stc span{font-size:.78rem;color:var(--ink-3);line-height:1.4;display:block}
.pc-scope .pt{font-family:'IBM Plex Mono',monospace;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);font-weight:600}
/* placeholder */
.pc-scope .iph{background:var(--bg-warm);border:1px dashed var(--line-2);border-radius:var(--rl);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:280px;padding:24px;text-align:center}
.pc-scope .iph svg{width:40px;height:40px;stroke:var(--ink-4);fill:none;stroke-width:1.4}
.pc-scope .iph span{font-family:'IBM Plex Mono',monospace;font-size:.7rem;color:var(--ink-3);max-width:32ch}
/* pricing */
.pc-scope .pg{display:grid;gap:clamp(14px,1.8vw,18px)}
@media(min-width:640px){.pc-scope .pg{grid-template-columns:repeat(2,1fr)}}
@media(min-width:940px){.pc-scope .pg{grid-template-columns:repeat(3,1fr)}}
.pc-scope .pc{background:#fff;border:1px solid var(--line);border-radius:var(--rl);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.pc-scope .pc:hover{border-color:var(--line-2);box-shadow:0 18px 34px -24px rgba(24,49,83,.2)}
.pc-scope .pc.ft{border-color:var(--coral);box-shadow:0 20px 40px -20px rgba(225,97,76,.22)}
.pc-scope .pct{padding:clamp(22px,2.8vw,28px) clamp(20px,2.4vw,24px);border-bottom:1px solid var(--line-soft)}
.pc-scope .pc.ft .pct{background:var(--coral);border-bottom-color:var(--coral)}
.pc-scope .pc.ft .pct h3,.pc-scope .pc.ft .pct .sp0{color:#fff}
.pc-scope .pct h3{font-size:1.12rem;margin-bottom:4px}
.pc-scope .sp0{font-family:'IBM Plex Mono',monospace;font-size:.66rem;color:var(--ink-3)}
.pc-scope .pcb{padding:clamp(20px,2.6vw,26px) clamp(20px,2.4vw,24px)}
.pc-scope .pa{font-size:clamp(1.5rem,1.2rem+.9vw,1.8rem);font-weight:800;color:var(--navy);letter-spacing:-.03em}
.pc-scope .pa .cu{font-size:.82em;font-weight:500;color:var(--ink-3)}
.pc-scope .pp{font-size:.82rem;color:var(--ink-3);margin-top:3px}
.pc-scope .pal{font-family:'IBM Plex Mono',monospace;font-size:.68rem;color:var(--ink-3);margin-top:12px;line-height:1.7}
.pc-scope .pin{margin-top:18px;font-size:.82rem;color:var(--ink-2);line-height:1.6}
.pc-scope .pin b{color:var(--ink-3);font-weight:600;display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
/* faq */
.pc-scope .fq{max-width:840px;margin:0 auto;display:grid;gap:10px}
.pc-scope .fi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.8vw,28px);transition:border-color .2s}
.pc-scope .fi:hover{border-color:var(--line-2)}
.pc-scope .fi h3{margin-bottom:8px;font-size:clamp(.98rem,.92rem+.26vw,1.06rem)}
.pc-scope .fi p{color:var(--ink-2);font-size:.93rem;max-width:none}
/* corteza */
.pc-scope .cz{background:linear-gradient(135deg,#fff,var(--bg-soft));border:1px solid var(--line-2);border-radius:var(--rl);padding:clamp(28px,4vw,46px);position:relative;overflow:hidden;box-shadow:0 24px 50px -34px rgba(24,49,83,.22)}
.pc-scope .cz::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--coral),var(--navy))}
.pc-scope .cz-head{display:flex;align-items:center;gap:14px;margin-bottom:6px;flex-wrap:wrap}
.pc-scope .cz-logo{font-weight:800;font-size:1.4rem;color:var(--navy);letter-spacing:-.03em}
.pc-scope .cz-kind{font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line-2);padding:4px 10px;border-radius:16px}
.pc-scope .cz-live{display:inline-flex;align-items:center;gap:6px;font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ok);background:var(--ok-soft);border:1px solid rgba(26,138,88,.2);padding:4px 11px;border-radius:16px}
.pc-scope .cz-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.pc-scope .cz-b{font-family:'IBM Plex Mono',monospace;font-size:.68rem;padding:6px 13px;border:1px solid var(--line-2);border-radius:20px;color:var(--ink-2);background:#fff}
.pc-scope .cz-feats{display:grid;gap:14px;margin-top:26px}
@media(min-width:680px){.pc-scope .cz-feats{grid-template-columns:repeat(3,1fr)}}
.pc-scope .cz-f{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.pc-scope .cz-f h4{color:var(--navy);margin-bottom:4px}
.pc-scope .cz-f p{font-size:.85rem;color:var(--ink-2)}
/* cta */
.pc-scope .cta{background:var(--navy);border-radius:var(--rl);padding:clamp(40px,6vw,72px) clamp(24px,4vw,48px);text-align:center;position:relative;overflow:hidden}
.pc-scope .cta::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(225,97,76,.16),transparent 62%);pointer-events:none}
.pc-scope .cta h2{color:#fff;margin-bottom:16px;position:relative}
.pc-scope .cta .sub{color:rgba(255,255,255,.7);margin:0 auto 30px;position:relative}
.pc-scope .cta .br{position:relative}
.pc-scope .cta .bs{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
.pc-scope .cta .bs:hover{background:#fff;color:var(--navy);border-color:#fff}
.pc-scope .fnn{margin-top:20px;font-family:'IBM Plex Mono',monospace;font-size:.72rem;color:rgba(255,255,255,.45);position:relative}
@media(prefers-reduced-motion:reduce){.pc-scope *{animation:none!important;transition:none!important}.pc-scope .lr{opacity:1}}/* End custom CSS */