:root{
  --ink:#071127;
  --ink-2:#17223d;
  --muted:#657089;
  --line:rgba(61,74,114,.18);
  --glass:rgba(255,255,255,.74);
  --glass-strong:rgba(255,255,255,.92);
  --pearl:#f8fbff;
  --pearl-2:#eef5ff;
  --violet:#9a78ff;
  --blue:#52b9ff;
  --cyan:#69f0e1;
  --coral:#ff6f91;
  --gold:#ffc371;
  --radius:28px;
  --shadow:0 24px 60px rgba(31,49,112,.16);
  --shadow-soft:0 18px 45px rgba(64,83,132,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:
  radial-gradient(circle at 78% 8%, rgba(105,240,225,.28), transparent 32rem),
  radial-gradient(circle at 20% 20%, rgba(154,120,255,.22), transparent 25rem),
  radial-gradient(circle at 62% 80%, rgba(255,111,145,.14), transparent 30rem),
  linear-gradient(135deg,#fff 0%, #f7fbff 42%, #eef4ff 100%);min-height:100vh;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(11,27,62,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(11,27,62,.055) 1px, transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 78%);}
a{color:inherit;text-decoration:none}.site-shell{width:min(1240px,calc(100% - 36px));margin:18px auto 0;position:relative}.site-header{position:sticky;top:14px;z-index:20;display:flex;align-items:center;gap:22px;padding:13px 16px 13px 18px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(49,62,102,.13);backdrop-filter:blur(22px) saturate(150%)}.brand{display:flex;align-items:center;min-width:190px}.brand-logo{width:178px;height:auto;display:block;filter:drop-shadow(0 12px 24px rgba(111,124,255,.16))}.site-nav{display:flex;gap:18px;align-items:center;justify-content:center;flex:1}.site-nav a{font-size:.93rem;font-weight:750;color:#25314d;opacity:.88}.site-nav a:hover{color:#5d42ff}.header-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:999px;padding:12px 17px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6246ff,#7b8cff 42%,#54d5ff 70%,#ff8fc7);box-shadow:0 16px 34px rgba(103,93,255,.25), inset 0 1px 0 rgba(255,255,255,.35)}.btn-ghost{background:rgba(255,255,255,.7);border-color:rgba(90,105,145,.2);color:#1f2b48}.btn-dark{background:#09132b;color:#fff;box-shadow:0 16px 34px rgba(9,19,43,.22)}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;border-radius:14px}.menu-toggle span{display:block;width:22px;height:2px;background:#17223d;margin:5px auto;border-radius:3px}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:36px;align-items:center;min-height:690px;padding:52px 10px 36px}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:.78rem;letter-spacing:.17em;font-weight:900;color:#604fc9}.eyebrow:before{content:"";width:34px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--coral),var(--cyan))}.hero h1,.page-hero h1{font-size:clamp(3.2rem,7.5vw,6.8rem);line-height:.88;letter-spacing:-.075em;margin:18px 0 20px;color:#071127}.hero h1 span,.gradient-text{background:linear-gradient(115deg,#071127 0%,#17235e 25%,#6b58ff 48%,#28c9ff 67%,#ff73b5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 20px 50px rgba(94,83,255,.16)}.hero p,.page-hero p{font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.65;color:#4b5873;max-width:720px}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:28px;flex-wrap:wrap}.hero-note{display:flex;gap:12px;align-items:center;color:#56637c;font-weight:700;margin-top:22px}.hero-note .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 0 8px rgba(105,240,225,.16)}.orb-wrap{position:relative;min-height:520px;display:grid;place-items:center}.orb-wrap:before{content:"";position:absolute;inset:6% 2%;border-radius:48px;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(235,244,255,.35));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.75);backdrop-filter:blur(10px)}.orb{position:relative;width:min(460px,90vw);aspect-ratio:1;border-radius:50%;background:
 radial-gradient(circle at 34% 24%,rgba(255,255,255,.96),rgba(255,255,255,.1) 19%,transparent 26%),
 radial-gradient(circle at 64% 60%,rgba(105,240,225,.8),transparent 14%),
 radial-gradient(circle at 50% 50%,rgba(154,120,255,.44),transparent 42%),
 radial-gradient(circle at 50% 50%,rgba(82,185,255,.7),rgba(255,111,145,.18) 53%,rgba(255,255,255,.3) 70%);
 box-shadow:0 0 70px rgba(119,91,255,.28),inset 0 0 40px rgba(255,255,255,.86),inset -20px -20px 70px rgba(82,185,255,.18);overflow:hidden;}
.orb:before,.orb:after{content:"";position:absolute;inset:9%;border-radius:50%;border:2px solid rgba(255,255,255,.7);transform:rotate(-18deg) scaleX(1.28)}.orb:after{inset:22%;border-color:rgba(11,17,39,.18);transform:rotate(42deg) scaleX(1.52)}.orb-grid{position:absolute;inset:16%;border-radius:50%;background-image:radial-gradient(rgba(7,17,39,.26) 1.1px,transparent 1.5px);background-size:14px 14px;mask-image:radial-gradient(circle,rgba(0,0,0,.95),transparent 70%);opacity:.8}.orb-line{position:absolute;width:120%;height:2px;background:linear-gradient(90deg,transparent,#fff,var(--cyan),var(--violet),transparent);left:-10%;top:50%;transform:rotate(-22deg);box-shadow:0 0 22px rgba(105,240,225,.55)}.section{padding:44px 0}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:-28px;position:relative;z-index:3;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(239,246,255,.72));box-shadow:var(--shadow);overflow:hidden}.principle{padding:28px;background:rgba(255,255,255,.48);min-height:170px}.principle svg,.icon-bubble{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(229,238,255,.88));box-shadow:inset 0 1px 0 #fff, 0 12px 30px rgba(98,70,255,.12);border:1px solid rgba(99,113,160,.15);padding:11px;color:#5c59ff}.principle h3{margin:16px 0 8px;font-size:1.03rem}.principle p{margin:0;color:#5c6881;line-height:1.5}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:22px 0 22px}.section-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.055em;margin:0}.section-head p{color:#59657d;max-width:520px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-grid.wide{grid-template-columns:repeat(3,1fr)}.product-card{position:relative;min-height:260px;padding:22px;border:1px solid rgba(73,91,145,.18);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(243,248,255,.74));box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.product-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(105,240,225,.7),rgba(154,120,255,.42),rgba(255,111,145,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.45;pointer-events:none}.product-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(69,82,160,.18);border-color:rgba(103,87,255,.28)}.product-card-link{position:absolute;inset:0;z-index:1}.product-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.product-icon{width:64px;height:64px;display:block}.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;background:rgba(112,239,209,.16);color:#167e72;border:1px solid rgba(22,126,114,.14)}.status-concept,.status-draft{background:rgba(154,120,255,.14);color:#5645b8}.status-prototype{background:rgba(255,195,113,.18);color:#9d5d00}.status-available{background:rgba(255,111,145,.13);color:#b6315d}.product-card h3{font-size:1.28rem;margin:22px 0 10px;letter-spacing:-.025em}.product-card p{color:#5c6881;line-height:1.55;margin:0}.card-meta{position:relative;z-index:2;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.83rem;font-weight:850;color:#56627d}.card-meta a{color:#5c59ff}.category-gateway{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gateway-card{padding:26px;border-radius:28px;background:linear-gradient(145deg,rgba(10,18,42,.95),rgba(35,30,70,.88));color:#fff;position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(9,19,43,.22)}.gateway-card:after{content:"";position:absolute;right:-44px;top:-48px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(105,240,225,.62),rgba(154,120,255,.24),transparent 72%)}.gateway-card h3{font-size:1.45rem;margin:0 0 10px}.gateway-card p{color:#d5dcf2;line-height:1.55}.gateway-card span{font-weight:900;color:#87f2e3}.page-hero{margin:54px 0 24px;padding:50px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(235,244,255,.7));box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;overflow:hidden}.page-hero.compact h1{font-size:clamp(2.8rem,6vw,5rem)}.mini-orb{width:190px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,transparent 24%),radial-gradient(circle,#87f2e3,transparent 30%),radial-gradient(circle,#9278ff,#ff84bd 65%,transparent 75%);box-shadow:0 0 55px rgba(105,240,225,.38),inset 0 0 35px rgba(255,255,255,.9)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 24px;flex-wrap:wrap}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid rgba(89,103,146,.18);background:rgba(255,255,255,.72);padding:9px 13px;border-radius:999px;font-weight:850;color:#35405c}.search{border:1px solid rgba(89,103,146,.2);background:rgba(255,255,255,.82);border-radius:999px;padding:12px 16px;color:#4b5873;min-width:260px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.detail-panel,.side-panel,.privacy-table,.contact-band{border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(243,248,255,.72));box-shadow:var(--shadow-soft);padding:28px}.detail-panel h2,.side-panel h2{margin-top:0}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-item{padding:18px;border-radius:22px;background:rgba(255,255,255,.68);border:1px solid rgba(90,105,145,.14)}.trust-list{display:grid;gap:12px}.trust-row{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid rgba(90,105,145,.12)}.trust-row strong{color:#111b34}.privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.privacy-card{padding:22px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.75);box-shadow:var(--shadow-soft)}.privacy-card h3{margin:12px 0 8px}.privacy-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px;overflow:hidden}.privacy-table th,.privacy-table td{padding:16px;border-bottom:1px solid rgba(90,105,145,.13);text-align:left;vertical-align:top}.privacy-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#465271}.contact-band{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0}.mission-card{font-size:1.25rem;line-height:1.75;color:#34415e}.site-footer{display:grid;grid-template-columns:1fr 1.6fr;gap:34px;margin:70px 0 28px;padding:34px;border-radius:34px;background:rgba(7,17,39,.94);color:#fff;box-shadow:0 28px 70px rgba(7,17,39,.22)}.footer-logo{width:160px;filter:drop-shadow(0 10px 28px rgba(105,240,225,.18))}.site-footer p{color:#cad4ea}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.footer-grid div{display:grid;gap:10px}.footer-grid strong{color:#fff}.footer-grid a{color:#cbd5ea}.install-needed{max-width:760px;margin:90px auto;padding:34px;border-radius:28px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}
@media (max-width: 980px){.site-shell{width:min(100% - 22px,760px)}.site-header{align-items:center;display:grid;grid-template-columns:1fr auto}.brand-logo{width:166px}.menu-toggle{display:block}.site-nav,.header-actions{display:none}.site-header.menu-open .site-nav,.site-header.menu-open .header-actions{display:flex;grid-column:1/-1;flex-direction:column;align-items:stretch;padding:12px 4px}.site-header.menu-open .site-nav a{padding:12px;border-radius:16px;background:rgba(255,255,255,.65)}.hero{grid-template-columns:1fr;min-height:auto;padding:42px 0 28px}.orb-wrap{min-height:380px;order:-1}.orb{width:min(330px,82vw)}.hero h1{font-size:clamp(3.3rem,16vw,5.2rem)}.principles{grid-template-columns:1fr 1fr;margin-top:8px}.product-grid,.product-grid.wide,.category-gateway,.privacy-grid{grid-template-columns:1fr 1fr}.detail-layout,.page-hero,.site-footer{grid-template-columns:1fr}.mini-orb{display:none}.site-footer{margin-bottom:12px}.footer-grid{grid-template-columns:1fr 1fr}.trust-row{grid-template-columns:1fr}.contact-band{align-items:flex-start;flex-direction:column}}
@media (max-width: 620px){.site-shell{width:min(100% - 16px,420px);margin-top:8px}.site-header{top:8px;border-radius:22px;padding:10px 12px}.brand-logo{width:154px}.hero{padding-top:28px}.hero h1{letter-spacing:-.065em}.hero-actions .btn{width:100%;padding:14px 18px}.orb-wrap{min-height:300px}.orb-wrap:before{border-radius:30px}.principles{grid-template-columns:1fr;border-radius:24px}.principle{min-height:auto}.section-head{display:block}.product-grid,.product-grid.wide,.category-gateway,.privacy-grid,.feature-list{grid-template-columns:1fr}.page-hero{padding:28px;border-radius:26px;margin-top:26px}.page-hero.compact h1{font-size:3.2rem}.detail-panel,.side-panel,.contact-band{padding:22px;border-radius:24px}.privacy-table th:nth-child(3),.privacy-table td:nth-child(3){display:none}.footer-grid{grid-template-columns:1fr}.site-footer{padding:26px;border-radius:26px}.search{min-width:100%;width:100%}}
/* Admin control room */
.admin-body{background:linear-gradient(135deg,#eef6ff 0%,#f9fbff 36%,#fff7fd 100%);min-height:100vh}.admin-shell{width:min(100% - 28px,1500px);margin:18px auto;display:grid;grid-template-columns:280px 1fr;gap:18px}.admin-sidebar{position:sticky;top:18px;height:calc(100vh - 36px);border:1px solid rgba(111,126,170,.18);border-radius:34px;background:rgba(255,255,255,.72);box-shadow:0 30px 90px rgba(28,37,76,.14);backdrop-filter:blur(20px);padding:22px;display:flex;flex-direction:column;gap:24px}.admin-logo img{width:190px;filter:drop-shadow(0 12px 22px rgba(121,102,255,.16))}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar nav a{padding:13px 14px;border-radius:18px;color:#18233e;font-weight:800;border:1px solid transparent}.admin-sidebar nav a:hover{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(236,246,255,.8));border-color:rgba(107,126,255,.2)}.admin-main{min-width:0}.admin-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding:24px;border:1px solid rgba(111,126,170,.16);border-radius:32px;background:rgba(255,255,255,.68);box-shadow:0 24px 70px rgba(26,35,70,.11);backdrop-filter:blur(18px)}.admin-top h1{margin:4px 0 0;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.055em}.admin-user{font-weight:800;color:#405070}.admin-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.admin-cards article,.admin-panel{border:1px solid rgba(111,126,170,.16);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:0 24px 70px rgba(26,35,70,.10);backdrop-filter:blur(18px)}.admin-cards article{padding:22px}.admin-cards strong{display:block;font-size:2.5rem;letter-spacing:-.04em;color:#101a32}.admin-cards span{font-weight:800;color:#5e6b89}.admin-panel{padding:24px;margin-bottom:18px}.admin-panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.admin-panel h2{margin:0 0 10px}.admin-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.admin-quick a{padding:18px;border:1px solid rgba(111,126,170,.16);border-radius:20px;background:rgba(255,255,255,.76);font-weight:900}.admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;padding:14px;border-bottom:1px solid rgba(89,105,149,.12)}.admin-table th{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#596986}.admin-mini{width:38px;height:38px;vertical-align:middle;border-radius:12px;margin-right:8px}.admin-form{display:grid;gap:16px}.admin-form label{display:grid;gap:7px;font-weight:850;color:#202b44}.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid rgba(91,105,145,.18);border-radius:16px;padding:13px 14px;background:rgba(255,255,255,.82);font:inherit;color:#111b34;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.admin-form textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.check-row{display:flex;gap:18px;flex-wrap:wrap}.check-row label{display:flex;align-items:center;gap:8px}.check-row input{width:auto}.admin-flash{padding:13px 16px;border-radius:18px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-weight:800}.admin-flash.bad{background:#fff1f2;border-color:#fecdd3;color:#991b1b}code{background:rgba(120,132,255,.1);border:1px solid rgba(120,132,255,.16);border-radius:8px;padding:2px 6px;color:#273267}@media(max-width:1100px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-cards{grid-template-columns:repeat(2,1fr)}.admin-quick,.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.admin-shell{width:min(100% - 16px,430px);margin:8px auto}.admin-top,.admin-panel-head{display:block}.admin-sidebar nav,.admin-cards,.admin-quick,.form-grid{grid-template-columns:1fr}.admin-table{font-size:.92rem}.admin-table th:nth-child(3),.admin-table td:nth-child(3),.admin-table th:nth-child(4),.admin-table td:nth-child(4){display:none}}

/* Patch Center */
.admin-warning{padding:14px 16px;border:1px solid rgba(255,111,145,.26);border-radius:18px;background:linear-gradient(135deg,rgba(255,241,245,.9),rgba(239,246,255,.82));color:#522238;line-height:1.55;margin:14px 0 18px}.patch-upload{grid-template-columns:1fr auto;align-items:end;margin:18px 0}.patch-upload input[type=file]{padding:18px;background:rgba(255,255,255,.95);border-style:dashed}.code-sample{white-space:pre-wrap;overflow:auto;border:1px solid rgba(91,105,145,.18);border-radius:18px;background:#0a1229;color:#e9f2ff;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
@media(max-width:700px){.patch-upload{grid-template-columns:1fr}.admin-warning{font-size:.94rem}}

/* === Public content + identity patch: mission, contact form, logo without black plaque === */
.brand-generated{min-width:230px;display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;padding:0;background:transparent!important;border:0!important;box-shadow:none!important}
.brand-symbol{width:38px;height:38px;border-radius:15px 17px 20px 17px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#ff795f 0%,#ff6f91 58%,#ff9f86 100%);box-shadow:0 12px 28px rgba(255,111,145,.26),inset 0 1px 0 rgba(255,255,255,.42);transform:rotate(-8deg)}
.brand-symbol span{font-weight:950;color:white;font-size:.72rem;letter-spacing:-.08em;transform:rotate(8deg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-main{display:flex;align-items:center;gap:8px}.brand-word{font-weight:1000;letter-spacing:.055em;font-size:1.35rem;line-height:.95;background:linear-gradient(105deg,#071127 0%,#16205d 34%,#7f65ff 58%,#1fbef5 74%,#ff77bd 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 24px rgba(106,84,255,.16)}.brand-dev{font-weight:900;font-size:.78rem;letter-spacing:.02em;padding:5px 8px;border-radius:9px;color:#061425;background:linear-gradient(125deg,#a6f4e7 0%,#88dff5 52%,#dfc2ff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 18px rgba(82,185,255,.16)}.brand-tagline{font-size:.55rem;letter-spacing:.32em;margin-top:5px;font-weight:800;color:#53617b}.brand-footer{min-width:0}.brand-footer .brand-symbol{width:30px;height:30px;border-radius:12px 13px 16px 13px}.brand-footer .brand-word{font-size:1.05rem}.brand-footer .brand-dev{font-size:.65rem;padding:4px 7px}.brand-footer .brand-tagline{font-size:.47rem}.footer-logo,.brand-logo{display:none!important}.public-footer-grid{grid-template-columns:repeat(3,minmax(140px,1fr))!important}.site-footer{align-items:start}.site-footer .brand-generated{margin-bottom:14px}.site-footer a[href*="admin"]{display:none!important}.holo-scene{position:relative;min-height:560px;display:grid;place-items:center;isolation:isolate}.holo-scene:before{content:"";position:absolute;inset:2% 0 4% 4%;border-radius:46px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(239,249,255,.4) 45%,rgba(236,230,255,.28));box-shadow:0 30px 90px rgba(50,75,150,.15);border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(12px)}.holo-scene:after{content:"";position:absolute;inset:auto 10% 8% 10%;height:80px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(105,240,225,.42),rgba(126,103,255,.22) 36%,transparent 70%);filter:blur(9px);z-index:0}.circuit-field{position:absolute;inset:12% -1% 20% 1%;z-index:1;opacity:.74;overflow:hidden}.circuit-field span{position:absolute;height:2px;background:linear-gradient(90deg,transparent,rgba(82,185,255,.56),rgba(154,120,255,.52),transparent);border-radius:999px}.circuit-field span:after{content:"";position:absolute;right:8%;top:50%;width:9px;height:9px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(82,185,255,.35),0 0 18px rgba(105,240,225,.9)}.circuit-field span:nth-child(1){width:72%;left:7%;top:22%}.circuit-field span:nth-child(2){width:64%;left:12%;top:38%;transform:translateX(8%)}.circuit-field span:nth-child(3){width:80%;left:3%;top:55%;transform:translateX(2%)}.circuit-field span:nth-child(4){width:55%;left:24%;top:69%;transform:translateX(5%)}.circuit-field span:nth-child(5){width:46%;left:35%;top:83%;transform:translateX(-8%)}.holo-globe{position:relative;z-index:3;width:min(490px,86vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.98) 0 7%,rgba(255,255,255,.35) 12%,transparent 24%),radial-gradient(circle at 66% 64%,rgba(105,240,225,.85),transparent 15%),radial-gradient(circle at 56% 46%,rgba(82,185,255,.7),transparent 43%),radial-gradient(circle at 51% 52%,rgba(154,120,255,.5),rgba(255,111,145,.16) 54%,rgba(255,255,255,.35) 72%);box-shadow:0 0 86px rgba(119,91,255,.34),0 0 42px rgba(82,185,255,.22),inset 0 0 42px rgba(255,255,255,.9),inset -26px -28px 74px rgba(18,66,150,.18);overflow:hidden}.globe-shine{position:absolute;inset:0;border-radius:50%;background:linear-gradient(128deg,rgba(255,255,255,.7),transparent 28%,transparent 70%,rgba(255,255,255,.35));mix-blend-mode:screen}.globe-map{position:absolute;inset:16%;border-radius:50%;background-image:radial-gradient(rgba(5,18,45,.42) 1.25px,transparent 1.8px),radial-gradient(rgba(255,255,255,.86) 1px,transparent 1.6px);background-size:12px 12px,18px 18px;mask-image:radial-gradient(ellipse at 42% 48%,#000 0 42%,transparent 64%);opacity:.78;filter:drop-shadow(0 0 12px rgba(255,255,255,.5))}.globe-ring{position:absolute;inset:7%;border-radius:50%;border:2px solid rgba(255,255,255,.72);box-shadow:0 0 18px rgba(105,240,225,.42);transform:rotate(-19deg) scaleX(1.28)}.ring-b{inset:18%;border-color:rgba(128,112,255,.45);transform:rotate(35deg) scaleX(1.55)}.ring-c{inset:4%;border-color:rgba(255,111,145,.32);transform:rotate(67deg) scaleX(1.12)}.globe-beam{position:absolute;left:-10%;top:52%;width:120%;height:3px;background:linear-gradient(90deg,transparent,#fff,var(--cyan),var(--violet),var(--coral),transparent);transform:rotate(-24deg);box-shadow:0 0 28px rgba(82,185,255,.72)}.orb-platform{position:absolute;z-index:2;bottom:8%;width:min(460px,80%);height:90px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,rgba(255,255,255,.76) 0 7px,rgba(105,240,225,.2) 8px 11px,transparent 12px 23px);filter:blur(.2px);opacity:.9}.mission-explainer{padding-top:70px}.mission-kicker{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:40px;align-items:end;margin-bottom:24px}.mission-kicker h2{font-size:clamp(2.1rem,4.8vw,4.8rem);line-height:.95;letter-spacing:-.07em;margin:.35rem 0 0;max-width:780px}.mission-copy{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}.mission-panel{border:1px solid rgba(69,84,132,.16);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(243,248,255,.65));box-shadow:var(--shadow-soft);padding:clamp(24px,3vw,38px);color:#30405e}.mission-panel p{font-size:1.06rem;line-height:1.75;margin:0 0 1rem}.mission-panel h3{font-size:1.35rem;letter-spacing:-.04em;margin:0 0 .8rem;color:#071127}.lead-panel{grid-row:span 2}.art-panel{background:linear-gradient(135deg,rgba(8,17,39,.96),rgba(33,35,75,.92));color:#d9e3ff;position:relative;overflow:hidden}.art-panel:before{content:"";position:absolute;right:-60px;top:-70px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,var(--cyan),rgba(154,120,255,.5),transparent 70%);filter:blur(8px);opacity:.8}.art-panel h3,.art-panel strong{color:#fff}.text-link{font-weight:900;color:#4c35ff;border-bottom:1px solid rgba(76,53,255,.35)}.art-panel .text-link{color:#8ff7ef;border-bottom-color:rgba(143,247,239,.4)}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:22px;align-items:start}.contact-form{border:1px solid rgba(69,84,132,.16);border-radius:30px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-soft);padding:clamp(24px,3vw,38px)}.contact-form h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;margin:0 0 20px;letter-spacing:-.06em}.contact-form label{display:grid;gap:8px;font-weight:800;color:#17223d;margin:0 0 16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(69,84,132,.2);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);padding:14px 15px;font:inherit;color:#071127}.contact-form textarea{resize:vertical;min-height:170px}.form-grid.two{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hidden-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.notice{border-radius:18px;padding:13px 15px;margin-bottom:18px;font-weight:800}.notice.success{background:rgba(105,240,225,.18);color:#0d5b53;border:1px solid rgba(105,240,225,.38)}.notice.error{background:rgba(255,111,145,.14);color:#8e1536;border:1px solid rgba(255,111,145,.3)}.contact-side{position:sticky;top:110px}.small-note{font-size:.92rem;color:#657089}@media (max-width:980px){.brand-generated{min-width:0}.brand-word{font-size:1.12rem}.brand-tagline{letter-spacing:.22em}.holo-scene{min-height:420px}.mission-kicker,.mission-copy,.contact-layout{grid-template-columns:1fr}.lead-panel{grid-row:auto}.contact-side{position:static}.public-footer-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:720px){.brand-symbol{width:34px;height:34px}.brand-word{font-size:1rem}.brand-dev{font-size:.68rem}.brand-tagline{font-size:.44rem;letter-spacing:.18em}.hero-refined{padding-top:32px}.holo-scene{min-height:320px}.holo-globe{width:min(320px,82vw)}.mission-explainer{padding-top:36px}.form-grid.two{grid-template-columns:1fr}.public-footer-grid{grid-template-columns:1fr!important}}

/* === Preview-match correction patch: real heart logo, brighter footer lockup, richer hero globe === */
.brand-generated{
  min-width:230px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  color:var(--ink)!important;
  text-decoration:none!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.brand-heart{
  position:relative;
  width:42px;
  height:38px;
  flex:0 0 42px;
  display:block;
  filter:drop-shadow(0 14px 20px rgba(255,111,145,.22));
}
.brand-heart svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;}
.brand-heart path{fill:url(#unused);fill:#ff715f;}
.brand-heart:before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.72),transparent 34%,rgba(255,255,255,.28) 58%,transparent 76%);
  clip-path:path('M31.8px 55.4px C21.4px 46.7px 13.1px 39.3px 7.8px 32.5px C2.6px 25.8px .7px 18.8px 3.5px 12.3px C5.8px 6.8px 10.7px 3.1px 16.5px 2.7px C21.8px 2.3px 27.2px 4.7px 31.8px 9.8px C36.5px 4.7px 42px 2.3px 47.3px 2.7px C53px 3.1px 57.9px 6.8px 60.2px 12.3px C63px 18.8px 61.1px 25.8px 55.9px 32.5px C50.6px 39.3px 42.2px 46.7px 31.8px 55.4px Z');
  opacity:.62;
}
.brand-code{
  position:absolute;
  z-index:2;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  color:#fff;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-weight:950;
  font-size:.66rem;
  letter-spacing:-.12em;
  line-height:1;
  text-shadow:0 1px 6px rgba(100,0,30,.22);
}
.brand-copy{display:flex;flex-direction:column;line-height:1;min-width:0;}
.brand-main{display:flex;align-items:center;gap:8px;min-width:0;}
.brand-word{
  font-weight:1000;
  letter-spacing:.055em;
  font-size:1.35rem;
  line-height:.95;
  background:linear-gradient(105deg,#071127 0%,#121b57 34%,#6c62ff 55%,#20bdf5 76%,#f47abf 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 12px 24px rgba(106,84,255,.13);
}
.brand-dev{font-weight:900;font-size:.78rem;letter-spacing:.02em;padding:5px 8px;border-radius:9px;color:#061425;background:linear-gradient(125deg,#a6f4e7 0%,#88dff5 52%,#dfc2ff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 18px rgba(82,185,255,.16)}
.brand-tagline{font-size:.55rem;letter-spacing:.32em;margin-top:5px;font-weight:800;color:#53617b;white-space:nowrap;}
.brand-footer .brand-heart{width:34px;height:31px;flex-basis:34px;filter:drop-shadow(0 10px 18px rgba(255,111,145,.34));}
.brand-footer .brand-code{font-size:.5rem;}
.brand-footer .brand-word{font-size:1.08rem;background:linear-gradient(105deg,#fff 0%,#8ff7ef 33%,#a49cff 66%,#ff8dc9 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(143,247,239,.18);}
.brand-footer .brand-dev{font-size:.65rem;padding:4px 7px;background:linear-gradient(125deg,#9df8ea,#88ddff,#edc4ff);}
.brand-footer .brand-tagline{font-size:.47rem;color:#9fb0d5;opacity:1;}
.site-footer{overflow:hidden!important;}
.site-footer .brand-generated{opacity:1!important;filter:none!important;}
.site-footer p{color:#d8e4ff!important;}

.hero-preview-match{
  min-height:clamp(620px,calc(100svh - 95px),820px);
  grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr)!important;
  align-items:center!important;
  gap:clamp(34px,5vw,90px)!important;
  padding-top:clamp(58px,8vh,108px)!important;
  padding-bottom:clamp(62px,8vh,110px)!important;
}
.hero-preview-match .hero-copy h1{letter-spacing:-.085em!important;line-height:.9!important;font-size:clamp(4rem,8.5vw,8.2rem)!important;}
.hero-preview-match .hero-copy h1 span{background:linear-gradient(105deg,#111a58 0%,#5149e8 34%,#27bdf5 66%,#c775c7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-preview-match .hero-copy p{max-width:660px!important;font-size:clamp(1.05rem,1.45vw,1.45rem)!important;color:#566488!important;}
.preview-holo-scene{
  position:relative!important;
  min-height:560px!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.preview-holo-scene:before{
  content:"";
  position:absolute;
  inset:3% 1% 1% 2%;
  border-radius:42px;
  background:
    radial-gradient(circle at 78% 18%,rgba(143,247,239,.28),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.74),rgba(240,249,255,.55) 48%,rgba(238,231,255,.46));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 42px 120px rgba(39,61,126,.18),inset 0 1px 0 rgba(255,255,255,.85);
  backdrop-filter:blur(12px);
  z-index:0;
}
.preview-holo-scene:after{
  content:"";
  position:absolute;
  z-index:1;
  bottom:8%;
  left:12%;
  right:10%;
  height:120px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(143,247,239,.42) 0%,rgba(110,93,255,.24) 34%,rgba(255,111,145,.14) 51%,transparent 72%);
  filter:blur(8px);
}
.preview-holo-scene .circuit-field{position:absolute!important;inset:12% -3% 16% -4%!important;z-index:2!important;opacity:.95!important;overflow:hidden!important;}
.preview-holo-scene .circuit-field span{position:absolute;height:2px;background:linear-gradient(90deg,transparent,rgba(50,205,255,.8),rgba(115,102,255,.72),rgba(255,126,198,.38),transparent);border-radius:999px;box-shadow:0 0 16px rgba(72,207,255,.28);}
.preview-holo-scene .circuit-field span:before{content:"";position:absolute;left:14%;top:-16px;width:48px;height:34px;border-top:1px solid rgba(75,193,255,.34);border-right:1px solid rgba(75,193,255,.34);transform:skewX(-24deg);}
.preview-holo-scene .circuit-field span:after{content:"";position:absolute;right:10%;top:50%;width:10px;height:10px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(82,185,255,.42),0 0 22px rgba(105,240,225,.9)}
.preview-holo-scene .circuit-field span:nth-child(1){width:78%;left:1%;top:20%}.preview-holo-scene .circuit-field span:nth-child(2){width:72%;left:8%;top:35%}.preview-holo-scene .circuit-field span:nth-child(3){width:88%;left:-1%;top:50%}.preview-holo-scene .circuit-field span:nth-child(4){width:64%;left:18%;top:65%}.preview-holo-scene .circuit-field span:nth-child(5){width:56%;left:24%;top:80%}.preview-holo-scene .circuit-field span:nth-child(6){display:block;width:44%;left:38%;top:28%}
.preview-globe{
  position:relative!important;
  z-index:4!important;
  width:min(540px,86vw)!important;
  aspect-ratio:1!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 32% 22%,rgba(255,255,255,1) 0 6%,rgba(255,255,255,.55) 12%,transparent 25%),
    radial-gradient(circle at 67% 64%,rgba(105,240,225,.92),transparent 15%),
    radial-gradient(circle at 58% 47%,rgba(45,171,255,.78),transparent 42%),
    radial-gradient(circle at 48% 51%,rgba(143,126,255,.57),rgba(255,111,145,.2) 58%,rgba(255,255,255,.38) 74%);
  box-shadow:0 0 110px rgba(86,93,255,.38),0 0 52px rgba(82,185,255,.28),inset 0 0 52px rgba(255,255,255,.95),inset -34px -32px 82px rgba(18,66,150,.18)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.7)!important;
}
.preview-globe:before{
  content:"";
  position:absolute;
  inset:9%;
  border-radius:50%;
  background-image:radial-gradient(rgba(5,18,45,.48) 1.25px,transparent 1.9px);
  background-size:10px 10px;
  opacity:.75;
  -webkit-mask-image:radial-gradient(ellipse at 36% 46%,#000 0 18%,transparent 20%),radial-gradient(ellipse at 58% 38%,#000 0 21%,transparent 23%),radial-gradient(ellipse at 63% 62%,#000 0 12%,transparent 14%),radial-gradient(ellipse at 42% 68%,#000 0 9%,transparent 11%);
  mask-image:radial-gradient(ellipse at 36% 46%,#000 0 18%,transparent 20%),radial-gradient(ellipse at 58% 38%,#000 0 21%,transparent 23%),radial-gradient(ellipse at 63% 62%,#000 0 12%,transparent 14%),radial-gradient(ellipse at 42% 68%,#000 0 9%,transparent 11%);
  filter:drop-shadow(0 0 14px rgba(255,255,255,.7));
}
.preview-globe .globe-map{position:absolute;inset:0!important;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(255,255,255,.13) 23px 24px),repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.12) 23px 24px)!important;mask-image:none!important;opacity:.82!important;}
.preview-globe .globe-shine{position:absolute;inset:0;border-radius:50%;background:linear-gradient(128deg,rgba(255,255,255,.85),transparent 28%,transparent 68%,rgba(255,255,255,.42));mix-blend-mode:screen;}
.preview-globe .globe-ring{position:absolute;inset:7%;border-radius:50%;border:2px solid rgba(255,255,255,.76);box-shadow:0 0 25px rgba(105,240,225,.52);transform:rotate(-19deg) scaleX(1.35);}
.preview-globe .ring-b{inset:18%;border-color:rgba(128,112,255,.56);transform:rotate(35deg) scaleX(1.62);}
.preview-globe .ring-c{inset:2%;border-color:rgba(255,111,145,.44);transform:rotate(67deg) scaleX(1.12);}
.preview-globe .globe-beam{position:absolute;left:-10%;top:53%;width:120%;height:3px;background:linear-gradient(90deg,transparent,#fff,var(--cyan),var(--violet),var(--coral),transparent);transform:rotate(-24deg);box-shadow:0 0 32px rgba(82,185,255,.75);}
.preview-globe .node{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(114,183,255,.42),0 0 20px rgba(143,247,239,.95);}
.preview-globe .n1{left:19%;top:31%}.preview-globe .n2{left:75%;top:23%}.preview-globe .n3{left:68%;top:67%}.preview-globe .n4{left:35%;top:78%}
.preview-holo-scene .orb-platform{position:absolute!important;z-index:3!important;bottom:8%!important;width:min(520px,84%)!important;height:120px!important;border-radius:50%!important;background:repeating-radial-gradient(ellipse at center,rgba(255,255,255,.92) 0 7px,rgba(105,240,225,.25) 8px 12px,rgba(117,103,255,.17) 13px 18px,transparent 19px 34px)!important;opacity:.95!important;}

.public-mission-home{padding-top:80px!important;}
.mission-copy-balanced{grid-template-columns:1.04fr .96fr!important;}
.public-mission-home .mission-panel{border-color:rgba(64,82,133,.18)!important;}
.featured-public-tools{padding-top:52px!important;}

/* remove any accidentally left legacy public sections */
.system-grid,.system-cards,.trust-principles-home,.principles.home-only{display:none!important;}

@media (max-width:980px){
  .hero-preview-match{grid-template-columns:1fr!important;min-height:auto;padding-top:36px!important;padding-bottom:46px!important;}
  .preview-holo-scene{min-height:430px!important;}
  .preview-globe{width:min(410px,82vw)!important;}
  .brand-generated{min-width:0!important;}
  .brand-word{font-size:1.12rem!important;}
  .brand-tagline{letter-spacing:.2em!important;}
}
@media (max-width:720px){
  .brand-heart{width:34px!important;height:31px!important;flex-basis:34px!important;}
  .brand-code{font-size:.52rem!important;}
  .brand-word{font-size:1rem!important;}
  .brand-dev{font-size:.68rem!important;}
  .brand-tagline{font-size:.44rem!important;letter-spacing:.16em!important;}
  .hero-preview-match .hero-copy h1{font-size:clamp(3.35rem,18vw,5rem)!important;}
  .preview-holo-scene{min-height:330px!important;}
  .preview-globe{width:min(320px,82vw)!important;}
}


/* === Footer/logo and admin icon upload correction patch 2026.07.03 === */
.brand-heart,
.brand-heart svg,
.brand-heart path,
.brand-footer .brand-heart,
.site-footer .brand-heart {
  background: transparent !important;
  box-shadow: none !important;
}
.brand-heart:before,
.brand-footer .brand-heart:before,
.site-footer .brand-heart:before {
  display: none !important;
  content: none !important;
}
.brand-heart svg {
  overflow: visible !important;
  border: 0 !important;
}
.brand-heart-fill {
  filter: drop-shadow(0 10px 16px rgba(255, 111, 145, .24));
}
.site-footer .brand-generated {
  background: transparent !important;
  color: #fff !important;
  filter: none !important;
}
.site-footer .brand-heart {
  border-radius: 0 !important;
}
.site-footer .brand-code {
  color: #fff !important;
}
.site-footer .brand-word {
  background: linear-gradient(105deg,#ffffff 0%,#91f8ec 34%,#a99cff 68%,#ff90cb 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  opacity: 1 !important;
}
.site-footer .brand-tagline,
.footer-copyright {
  color: #aebfe4 !important;
  opacity: 1 !important;
}
.footer-copyright {
  margin-top: 8px !important;
  font-size: .86rem !important;
  letter-spacing: .02em !important;
}
.admin-form small {
  display: block;
  margin-top: 7px;
  color: #64708b;
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.35;
}
.admin-icon-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(90,105,145,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.74);
}
.admin-icon-preview span {
  font-size: .83rem;
  font-weight: 900;
  color: #4e5b78;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.admin-icon-preview img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 14px;
  background: rgba(255,255,255,.68);
  border: 1px solid rgba(90,105,145,.14);
  padding: 6px;
}

/* === Altru.dev clean hero/layout stabilizer 2026.07.03 ===
   This final section intentionally overrides earlier experimental hero/orb/background patches.
   It restores normal document flow, removes image overlap, and uses the approved globe as a contained visual + subtle atmosphere. */

/* kill old experimental hero background layers and generated orbs when they are still cached in markup */
.hero-preview-match::before,
.hero-preview-match::after,
.preview-holo-scene,
.preview-holo-scene::before,
.preview-holo-scene::after,
.holo-scene,
.holo-scene::before,
.holo-scene::after,
.holo-globe,
.preview-globe,
.orb-platform,
.circuit-field,
.approved-hero-bg,
.approved-hero-atmosphere,
.approved-background-layer,
.full-background-atmosphere,
.altru-full-atmosphere,
.hero-atmosphere-image {
  display: none !important;
  content: none !important;
  background-image: none !important;
}

.site-shell {
  overflow: visible !important;
}

main {
  position: relative;
  z-index: 1;
}

.altru-home-hero-v4 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, .92fr) minmax(440px, 1.08fr);
  align-items: center;
  gap: clamp(40px, 5vw, 92px);
  min-height: min(790px, calc(100svh - 88px));
  padding: clamp(74px, 8vh, 118px) 10px clamp(58px, 7vh, 90px);
  isolation: isolate;
  overflow: visible;
}

.altru-home-hero-v4::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -80px -9vw -120px 26%;
  background-image: url('../img/altru-approved-hero-globe.webp');
  background-size: min(980px, 72vw) auto;
  background-position: 75% 50%;
  background-repeat: no-repeat;
  opacity: .18;
  filter: saturate(1.06) blur(.2px);
  -webkit-mask-image: radial-gradient(ellipse at 68% 44%, rgba(0,0,0,.95) 0%, rgba(0,0,0,.62) 32%, rgba(0,0,0,.22) 54%, transparent 78%);
  mask-image: radial-gradient(ellipse at 68% 44%, rgba(0,0,0,.95) 0%, rgba(0,0,0,.62) 32%, rgba(0,0,0,.22) 54%, transparent 78%);
  pointer-events: none;
}

.altru-home-hero-v4::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 8% -4vw 2% 43%;
  border-radius: 56px;
  background:
    radial-gradient(circle at 78% 20%, rgba(143,247,239,.28), transparent 24%),
    radial-gradient(circle at 62% 76%, rgba(255,111,145,.16), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.22), rgba(235,246,255,.18));
  filter: blur(0);
  pointer-events: none;
}

.altru-home-copy {
  position: relative;
  z-index: 3;
  max-width: 700px;
}

.altru-home-copy h1 {
  font-size: clamp(4.25rem, 8.1vw, 8.45rem);
  line-height: .9;
  letter-spacing: -.085em;
  margin: 18px 0 22px;
  color: #061126;
}

.altru-home-copy h1 span {
  background: linear-gradient(105deg,#111a58 0%,#5149e8 34%,#27bdf5 66%,#c775c7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.altru-home-copy p {
  max-width: 700px;
  font-size: clamp(1.05rem,1.45vw,1.42rem);
  line-height: 1.55;
  color: #566488;
  margin: 0;
}

.altru-hero-visual-card {
  position: relative;
  z-index: 2;
  min-height: clamp(430px, 40vw, 600px);
  border-radius: 46px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255,255,255,.78), rgba(255,255,255,.22) 28%, rgba(239,248,255,.3)),
    linear-gradient(135deg, rgba(255,255,255,.66), rgba(235,244,255,.38));
  border: 1px solid rgba(255,255,255,.84);
  box-shadow: 0 38px 110px rgba(44,70,145,.18), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter: blur(8px) saturate(130%);
}

.altru-hero-visual-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('../img/altru-approved-hero-globe.webp');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: .92;
  filter: saturate(1.06) contrast(1.03);
}

.altru-hero-visual-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.36) 12%, rgba(255,255,255,0) 31%),
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.48), transparent 25%);
  pointer-events: none;
}

.altru-hero-globe-bg {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.72), transparent 36%),
    radial-gradient(ellipse at 50% 93%, rgba(126,103,255,.18), transparent 44%);
  mix-blend-mode: screen;
}

.clean-mission-section {
  position: relative;
  z-index: 4;
  padding-top: clamp(44px, 6vh, 82px) !important;
  margin-top: 0 !important;
}

.clean-mission-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -40px -4vw -80px -4vw;
  background:
    radial-gradient(circle at 80% 20%, rgba(105,240,225,.14), transparent 28rem),
    radial-gradient(circle at 54% 70%, rgba(255,111,145,.10), transparent 26rem);
  pointer-events: none;
}

.mission-copy-balanced,
.mission-copy {
  display: grid !important;
  grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.mission-panel {
  background: linear-gradient(145deg, rgba(255,255,255,.93), rgba(244,248,255,.78)) !important;
  border: 1px solid rgba(62,80,134,.17) !important;
  box-shadow: 0 22px 60px rgba(64,83,132,.11) !important;
  color: #30405e !important;
}

.art-panel {
  background: linear-gradient(135deg, rgba(9,17,39,.96), rgba(32,35,75,.94)) !important;
  color: #dbe6ff !important;
}

.art-panel p,
.art-panel h3,
.art-panel strong {
  position: relative;
  z-index: 1;
}

.clean-featured-tools {
  position: relative;
  z-index: 5;
  padding-top: clamp(54px, 7vh, 90px) !important;
}

/* make sure old public admin/footer leaks stay hidden */
.site-footer a[href*="admin"],
.public-admin-link,
.admin-public-link { display:none !important; }

.site-footer {
  position: relative;
  z-index: 8;
  overflow: hidden !important;
}

.site-footer .brand-heart,
.site-footer .brand-heart svg,
.site-footer .brand-heart svg * {
  background: transparent !important;
  box-shadow: none !important;
}

.site-footer .brand-heart::before,
.brand-heart::before {
  display: none !important;
  content: none !important;
}

.site-footer .brand-heart svg {
  filter: drop-shadow(0 10px 18px rgba(255,111,145,.38));
}

.site-footer .brand-word {
  background: linear-gradient(105deg,#ffffff 0%,#91f8ec 34%,#a99cff 68%,#ff90cb 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  opacity: 1 !important;
}

.footer-copyright {
  display: block !important;
  margin-top: 8px !important;
  color: #aebfe4 !important;
  font-size: .86rem !important;
  letter-spacing: .02em !important;
}

@media (max-width: 1060px) {
  .altru-home-hero-v4 {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 42px;
  }
  .altru-home-hero-v4::before {
    inset: 12% -18vw auto 22%;
    height: 520px;
    opacity: .12;
    background-size: 760px auto;
  }
  .altru-hero-visual-card {
    min-height: clamp(320px, 58vw, 500px);
    order: 2;
  }
  .mission-copy-balanced,
  .mission-copy {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .altru-home-copy h1 {
    font-size: clamp(3.35rem, 18vw, 5.1rem);
  }
  .altru-hero-visual-card {
    border-radius: 32px;
    min-height: 300px;
  }
  .altru-home-hero-v4 {
    padding-top: 32px;
    padding-bottom: 36px;
  }
  .product-grid,
  .product-grid.wide {
    grid-template-columns: 1fr !important;
  }
}

/* === Altru.dev hero unboxed preview alignment patch — 2026-07-03 ===
   Goal: keep the approved iridescent globe visual, but remove the pasted-in rectangle/card effect.
   The image becomes an atmospheric hero layer in normal flow, matching the approved preview more closely. */
.altru-home-hero-v4 {
  grid-template-columns: minmax(320px, .94fr) minmax(460px, 1.06fr) !important;
  gap: clamp(34px, 4.6vw, 84px) !important;
  min-height: min(790px, calc(100svh - 88px)) !important;
  padding-top: clamp(74px, 8vh, 116px) !important;
  padding-bottom: clamp(70px, 8vh, 110px) !important;
  overflow: visible !important;
}

.altru-home-hero-v4::before {
  content: "" !important;
  position: absolute !important;
  z-index: -2 !important;
  inset: -78px -8vw -120px 34% !important;
  background:
    radial-gradient(ellipse at 70% 36%, rgba(105,240,225,.18), transparent 36%),
    radial-gradient(ellipse at 66% 62%, rgba(126,103,255,.12), transparent 42%),
    radial-gradient(ellipse at 50% 70%, rgba(255,111,145,.10), transparent 36%) !important;
  opacity: 1 !important;
  filter: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  pointer-events: none !important;
}

.altru-home-hero-v4::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 3% -6vw -8% 46% !important;
  border-radius: 70px !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0) 32%),
    radial-gradient(circle at 78% 18%, rgba(143,247,239,.22), transparent 27%),
    radial-gradient(circle at 56% 76%, rgba(255,111,145,.12), transparent 34%) !important;
  pointer-events: none !important;
}

.altru-hero-visual-card {
  position: relative !important;
  z-index: 2 !important;
  min-height: clamp(500px, 42vw, 650px) !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: isolate !important;
}

.altru-hero-visual-card::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: -10% -11% -10% -18% !important;
  background-image: url('../img/altru-approved-hero-globe.webp') !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center right !important;
  opacity: .98 !important;
  filter: saturate(1.08) contrast(1.03) brightness(1.03) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /* fade away the rectangular asset edges so the globe behaves like the original preview atmosphere */
  -webkit-mask-image: radial-gradient(ellipse at 58% 50%, #000 0%, #000 54%, rgba(0,0,0,.82) 68%, rgba(0,0,0,.34) 82%, transparent 96%) !important;
  mask-image: radial-gradient(ellipse at 58% 50%, #000 0%, #000 54%, rgba(0,0,0,.82) 68%, rgba(0,0,0,.34) 82%, transparent 96%) !important;
  pointer-events: none !important;
}

.altru-hero-visual-card::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 8% !important;
  right: 4% !important;
  bottom: 2% !important;
  height: 22% !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse at center, rgba(143,247,239,.24), rgba(126,103,255,.16) 42%, rgba(255,111,145,.10) 58%, transparent 74%) !important;
  filter: blur(14px) !important;
  pointer-events: none !important;
}

.altru-hero-globe-bg {
  display: none !important;
}

/* Mission headline: less awkward, more intentional. */
.clean-mission-section {
  padding-top: clamp(58px, 7vh, 96px) !important;
}

.mission-kicker {
  display: block !important;
  max-width: 1080px !important;
  margin: 0 0 clamp(24px, 3.2vw, 44px) !important;
}

.mission-kicker h2 {
  max-width: 880px !important;
  margin: .35rem 0 0 !important;
  font-size: clamp(2.35rem, 4.6vw, 5.2rem) !important;
  line-height: .95 !important;
  letter-spacing: -.075em !important;
}

.mission-subtitle {
  max-width: 760px !important;
  margin: 18px 0 0 !important;
  color: #53617b !important;
  font-size: clamp(1.02rem, 1.45vw, 1.32rem) !important;
  line-height: 1.55 !important;
}

.clean-featured-tools .section-head h2 {
  max-width: 780px !important;
  font-size: clamp(2.15rem, 4.4vw, 4.7rem) !important;
  line-height: .98 !important;
  letter-spacing: -.07em !important;
}

@media (max-width: 1060px) {
  .altru-home-hero-v4 {
    grid-template-columns: 1fr !important;
    padding-top: 42px !important;
  }
  .altru-hero-visual-card {
    min-height: clamp(340px, 58vw, 560px) !important;
    order: 2 !important;
  }
  .altru-hero-visual-card::before {
    inset: -9% -4% -8% -4% !important;
    background-position: center !important;
  }
  .mission-kicker h2,
  .clean-featured-tools .section-head h2 {
    max-width: 100% !important;
  }
}

@media (max-width: 720px) {
  .altru-hero-visual-card {
    min-height: 320px !important;
  }
  .altru-hero-visual-card::before {
    inset: -8% -13% -8% -13% !important;
  }
  .mission-kicker h2,
  .clean-featured-tools .section-head h2 {
    font-size: clamp(2.2rem, 12vw, 3.5rem) !important;
  }
}


/* === Altru.dev full-page preview background correction ===
   This replaces the boxed hero image with one full atmospheric background layer.
   It intentionally leaves a right-side visual lane but no visible image card. */
body {
  background:
    radial-gradient(circle at 78% 8%, rgba(105,240,225,.26), transparent 32rem),
    radial-gradient(circle at 20% 20%, rgba(154,120,255,.20), transparent 25rem),
    radial-gradient(circle at 62% 80%, rgba(255,111,145,.13), transparent 30rem),
    linear-gradient(135deg,#fff 0%, #f7fbff 42%, #eef4ff 100%) !important;
}
main {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
main > section,
.site-footer {
  position: relative;
  z-index: 2;
}
.altru-full-page-preview-bg {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: -135px;
  left: 50%;
  width: min(100vw, 100%);
  height: 1680px;
  transform: translateX(-50%);
  background-image: url('../img/altru-full-preview-atmosphere.webp');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: min(2400px, 150vw) auto;
  opacity: .94;
  filter: saturate(1.03) contrast(1.01);
}
.altru-full-page-preview-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.70) 0%, rgba(255,255,255,.25) 24%, rgba(255,255,255,0) 48%),
    linear-gradient(180deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,0) 18%, rgba(255,255,255,0) 62%, rgba(247,251,255,.92) 100%);
}
.altru-home-hero-v4 {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(320px, .86fr) minmax(420px, 1.14fr) !important;
  align-items: center !important;
  min-height: clamp(660px, calc(100svh - 76px), 840px) !important;
  padding-top: clamp(74px, 8vh, 118px) !important;
  padding-bottom: clamp(68px, 9vh, 128px) !important;
  overflow: visible !important;
}
.altru-home-hero-v4::before,
.altru-home-hero-v4::after,
.altru-hero-visual-card,
.altru-hero-globe-bg,
.hero-atmosphere-image,
.full-background-atmosphere,
.approved-background-layer,
.altru-full-atmosphere {
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
.altru-home-copy {
  max-width: 720px !important;
  position: relative !important;
  z-index: 3 !important;
}
.altru-home-copy h1 {
  text-shadow: 0 16px 52px rgba(255,255,255,.54) !important;
}
.public-mission-home,
.featured-tools-section,
.tools-preview,
.section {
  position: relative;
  z-index: 2;
}
.clean-mission-section {
  margin-top: clamp(12px, 3vh, 42px) !important;
}
.mission-kicker h2 {
  max-width: 980px !important;
  line-height: .95 !important;
}
/* keep cards readable while allowing the preview atmosphere to show underneath */
.mission-panel,
.product-card,
.contact-card,
.admin-card {
  background: rgba(255,255,255,.78) !important;
  backdrop-filter: blur(14px) saturate(120%);
}
.site-footer {
  margin-top: 80px !important;
}
@media (max-width: 980px) {
  .altru-full-page-preview-bg {
    top: -70px;
    height: 1180px;
    background-size: 2100px auto;
    background-position: 52% 0;
    opacity: .66;
  }
  .altru-home-hero-v4 {
    display: block !important;
    min-height: auto !important;
    padding-top: 82px !important;
    padding-bottom: 72px !important;
  }
  .altru-home-copy {
    max-width: 100% !important;
  }
}

/* === Altru.dev background contrast + mission readability patch 2026.07.03 ===
   Fixes washed-out preview atmosphere and makes the code/art mission card readable. */
body {
  background:
    radial-gradient(circle at 82% 5%, rgba(105,240,225,.34), transparent 34rem),
    radial-gradient(circle at 20% 22%, rgba(154,120,255,.25), transparent 26rem),
    radial-gradient(circle at 62% 82%, rgba(255,111,145,.17), transparent 30rem),
    linear-gradient(135deg,#ffffff 0%, #f7fbff 40%, #edf4ff 100%) !important;
}
.altru-full-page-preview-bg {
  background-image: url('../img/altru-full-preview-atmosphere-rich.webp') !important;
  opacity: 1 !important;
  filter: saturate(1.28) contrast(1.15) brightness(.98) !important;
  background-size: min(2450px, 152vw) auto !important;
  background-position: top center !important;
}
.altru-full-page-preview-bg::after {
  background:
    linear-gradient(90deg, rgba(255,255,255,.48) 0%, rgba(255,255,255,.18) 24%, rgba(255,255,255,0) 48%),
    linear-gradient(180deg, rgba(255,255,255,.36) 0%, rgba(255,255,255,0) 13%, rgba(255,255,255,0) 68%, rgba(247,251,255,.84) 100%) !important;
}
.altru-home-copy h1 {
  text-shadow: 0 18px 42px rgba(255,255,255,.74), 0 2px 0 rgba(255,255,255,.35) !important;
}
.altru-home-copy p,
.hero-note {
  color: #43516f !important;
  text-shadow: 0 1px 14px rgba(255,255,255,.72) !important;
}
.mission-panel,
.product-card,
.contact-card,
.admin-card {
  background: rgba(255,255,255,.88) !important;
  border-color: rgba(54,73,120,.18) !important;
  box-shadow: 0 22px 70px rgba(49,62,102,.11) !important;
  backdrop-filter: blur(18px) saturate(132%) !important;
}
/* Higher specificity than generic .mission-panel background, so the art card stays intentionally dark/readable. */
.mission-panel.art-panel,
.clean-mission-section .mission-panel.art-panel,
.public-mission-home .mission-panel.art-panel {
  background:
    radial-gradient(circle at 88% 12%, rgba(105,240,225,.34), transparent 18%),
    radial-gradient(circle at 72% 2%, rgba(154,120,255,.25), transparent 22%),
    linear-gradient(145deg, rgba(8,16,38,.98), rgba(22,29,66,.97) 56%, rgba(31,35,82,.96)) !important;
  border: 1px solid rgba(166,246,238,.24) !important;
  box-shadow: 0 28px 80px rgba(9,19,43,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
  color: #f5f9ff !important;
}
.mission-panel.art-panel h3,
.clean-mission-section .mission-panel.art-panel h3,
.public-mission-home .mission-panel.art-panel h3 {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 12px 34px rgba(0,0,0,.28) !important;
}
.mission-panel.art-panel p,
.clean-mission-section .mission-panel.art-panel p,
.public-mission-home .mission-panel.art-panel p {
  color: #dbe8ff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
.mission-panel.art-panel a,
.clean-mission-section .mission-panel.art-panel a,
.public-mission-home .mission-panel.art-panel a {
  color: #86f7e9 !important;
  font-weight: 900 !important;
  text-decoration-color: rgba(134,247,233,.45) !important;
}
.mission-panel.art-panel a:hover {
  color: #ffffff !important;
}
.clean-featured-tools .section-head h2,
.featured-public-tools .section-head h2 {
  letter-spacing: -.06em !important;
  max-width: 920px !important;
}
@media (max-width: 980px) {
  .altru-full-page-preview-bg {
    opacity: .9 !important;
    filter: saturate(1.22) contrast(1.1) brightness(.99) !important;
    background-size: 2100px auto !important;
    background-position: 54% 0 !important;
  }
  .altru-full-page-preview-bg::after {
    background:
      linear-gradient(90deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.28) 30%, rgba(255,255,255,0) 56%),
      linear-gradient(180deg, rgba(255,255,255,.44) 0%, rgba(255,255,255,0) 18%, rgba(255,255,255,0) 70%, rgba(247,251,255,.88) 100%) !important;
  }
}

/* === Altru.dev crisp preview atmosphere fix 2026.07.03 ===
   Replaces the over-zoomed / washed full-page globe layer with a sharper
   transparency-feathered atmosphere asset, and locks mission art card readability. */
.altru-full-page-preview-bg {
  top: 0 !important;
  left: 50% !important;
  width: min(100vw, 100%) !important;
  height: 1180px !important;
  transform: translateX(-50%) !important;
  background-image: url('../img/altru-crisp-preview-atmosphere.webp') !important;
  background-repeat: no-repeat !important;
  background-position: calc(50% + 250px) 28px !important;
  background-size: min(1620px, 96vw) auto !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  image-rendering: auto !important;
}
.altru-full-page-preview-bg::after {
  display: none !important;
  content: none !important;
  background: none !important;
}
.altru-home-hero-v4 {
  min-height: clamp(640px, calc(100svh - 74px), 820px) !important;
  padding-top: clamp(86px, 9vh, 122px) !important;
  padding-bottom: clamp(76px, 9vh, 126px) !important;
}
.altru-home-copy {
  max-width: 680px !important;
  position: relative !important;
  z-index: 3 !important;
}
.altru-home-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -46px -58px -44px -38px;
  background: radial-gradient(ellipse at 26% 45%, rgba(255,255,255,.88), rgba(255,255,255,.58) 50%, rgba(255,255,255,0) 78%);
  pointer-events: none;
}
.altru-home-copy h1 {
  color: #061126 !important;
  text-shadow: 0 18px 42px rgba(255,255,255,.86) !important;
}
.altru-home-copy h1 span,
.altru-home-copy .gradient-text {
  background: linear-gradient(115deg,#17235e 0%, #4d46dd 35%, #18baf2 64%, #a06ae8 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}
.altru-home-copy p,
.altru-home-copy .hero-note {
  color: #36435f !important;
  text-shadow: 0 1px 18px rgba(255,255,255,.9) !important;
}
.clean-mission-section .mission-panel.art-panel,
.public-mission-home .mission-panel.art-panel,
.mission-panel.art-panel {
  background:
    radial-gradient(circle at 88% 12%, rgba(105,240,225,.38), transparent 18%),
    radial-gradient(circle at 72% 2%, rgba(154,120,255,.30), transparent 23%),
    linear-gradient(145deg, rgba(8,16,38,.99), rgba(18,26,58,.98) 58%, rgba(25,31,76,.98)) !important;
  border: 1px solid rgba(166,246,238,.28) !important;
  color: #f7fbff !important;
  box-shadow: 0 28px 80px rgba(9,19,43,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.clean-mission-section .mission-panel.art-panel h3,
.public-mission-home .mission-panel.art-panel h3,
.mission-panel.art-panel h3 {
  color: #ffffff !important;
  opacity: 1 !important;
}
.clean-mission-section .mission-panel.art-panel p,
.public-mission-home .mission-panel.art-panel p,
.mission-panel.art-panel p {
  color: #e0ebff !important;
  opacity: 1 !important;
}
.clean-mission-section .mission-panel.art-panel a,
.public-mission-home .mission-panel.art-panel a,
.mission-panel.art-panel a {
  color: #7ff7ea !important;
  opacity: 1 !important;
  font-weight: 900 !important;
}
@media (max-width: 980px) {
  .altru-full-page-preview-bg {
    height: 900px !important;
    background-position: calc(50% + 120px) 70px !important;
    background-size: 1320px auto !important;
    opacity: .96 !important;
  }
  .altru-home-copy::before {
    inset: -36px -24px -34px -24px;
    background: radial-gradient(ellipse at 20% 45%, rgba(255,255,255,.92), rgba(255,255,255,.70) 58%, rgba(255,255,255,0) 86%);
  }
}
@media (max-width: 640px) {
  .altru-full-page-preview-bg {
    height: 720px !important;
    background-position: calc(50% + 90px) 100px !important;
    background-size: 980px auto !important;
    opacity: .74 !important;
  }
}


/* === Altru.dev SVG technical hero replacement 2026.07.03 ===
   Replaces soft/washed raster globe backgrounds with a crisp transparent SVG layer. */
.altru-full-page-preview-bg {
  top: 0 !important;
  left: 50% !important;
  width: min(1240px, calc(100% - 36px)) !important;
  height: 920px !important;
  transform: translateX(-50%) !important;
  background-image: url('../img/altru-hero-technical-sphere.svg') !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% + 78px) 38px !important;
  background-size: min(1040px, 66vw) auto !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.altru-full-page-preview-bg::before,
.altru-full-page-preview-bg::after {
  display: none !important;
  content: none !important;
  background: none !important;
}
.altru-home-hero-v4,
.home-hero,
.hero-section {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}
.altru-home-hero-v4 {
  min-height: clamp(620px, calc(100svh - 70px), 790px) !important;
  padding-top: clamp(86px, 9vh, 122px) !important;
  padding-bottom: clamp(72px, 8vh, 118px) !important;
}
.altru-home-copy {
  position: relative !important;
  z-index: 3 !important;
  max-width: 640px !important;
}
.altru-home-copy::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: -54px -64px -42px -40px !important;
  background: radial-gradient(ellipse at 25% 46%, rgba(255,255,255,.94), rgba(255,255,255,.72) 54%, rgba(255,255,255,0) 82%) !important;
  pointer-events: none !important;
}
.altru-home-copy h1 {
  color: #061126 !important;
  text-shadow: 0 18px 42px rgba(255,255,255,.86) !important;
}
.altru-home-copy h1 span,
.altru-home-copy .gradient-text {
  background: linear-gradient(115deg,#18256a 0%, #4d46dd 34%, #18baf2 63%, #a06ae8 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
.altru-home-copy p,
.altru-home-copy .hero-note {
  color: #33405d !important;
  text-shadow: 0 1px 18px rgba(255,255,255,.9) !important;
}
/* Hide any old raster hero media if present so only the SVG layer remains. */
.altru-hero-globe,
.altru-approved-hero-globe,
.hero-globe-card,
.hero-image-card,
.hero-raster,
.hero-visual img[src*="altru-approved"],
.hero-visual img[src*="atmosphere"],
.hero-media img[src*="altru-approved"],
.hero-media img[src*="atmosphere"] {
  opacity: 0 !important;
  visibility: hidden !important;
}
.clean-mission-section .mission-panel.art-panel,
.public-mission-home .mission-panel.art-panel,
.mission-panel.art-panel {
  background:
    radial-gradient(circle at 88% 12%, rgba(105,240,225,.40), transparent 18%),
    radial-gradient(circle at 72% 2%, rgba(154,120,255,.32), transparent 23%),
    linear-gradient(145deg, rgba(8,16,38,.99), rgba(18,26,58,.98) 58%, rgba(25,31,76,.98)) !important;
  border: 1px solid rgba(166,246,238,.30) !important;
  color: #f7fbff !important;
  box-shadow: 0 28px 80px rgba(9,19,43,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.clean-mission-section .mission-panel.art-panel h3,
.public-mission-home .mission-panel.art-panel h3,
.mission-panel.art-panel h3,
.clean-mission-section .mission-panel.art-panel p,
.public-mission-home .mission-panel.art-panel p,
.mission-panel.art-panel p,
.clean-mission-section .mission-panel.art-panel a,
.public-mission-home .mission-panel.art-panel a,
.mission-panel.art-panel a {
  opacity: 1 !important;
}
.clean-mission-section .mission-panel.art-panel h3,
.public-mission-home .mission-panel.art-panel h3,
.mission-panel.art-panel h3 { color: #ffffff !important; }
.clean-mission-section .mission-panel.art-panel p,
.public-mission-home .mission-panel.art-panel p,
.mission-panel.art-panel p { color: #e0ebff !important; }
.clean-mission-section .mission-panel.art-panel a,
.public-mission-home .mission-panel.art-panel a,
.mission-panel.art-panel a { color: #7ff7ea !important; font-weight: 900 !important; }
@media (max-width: 1100px) {
  .altru-full-page-preview-bg {
    background-position: calc(100% + 185px) 76px !important;
    background-size: 980px auto !important;
    opacity: .92 !important;
  }
}
@media (max-width: 820px) {
  .altru-full-page-preview-bg {
    width: 100% !important;
    height: 620px !important;
    background-position: calc(50% + 165px) 90px !important;
    background-size: 820px auto !important;
    opacity: .55 !important;
  }
  .altru-home-copy::before {
    inset: -36px -24px -34px -24px !important;
    background: radial-gradient(ellipse at 22% 46%, rgba(255,255,255,.96), rgba(255,255,255,.78) 60%, rgba(255,255,255,0) 88%) !important;
  }
}

/* === Altru.dev rich approved-preview hero replacement — 2026-07-08 ===
   Replaces the boring SVG sphere with the richer approved holographic globe atmosphere.
   This keeps the real HTML hero copy/buttons but uses a crisp raster crop from the approved preview as the right-side visual. */
.altru-home-hero-v4 {
  position: relative !important;
  isolation: isolate !important;
  grid-template-columns: minmax(420px, 0.92fr) minmax(520px, 1.08fr) !important;
  min-height: clamp(650px, 76vh, 840px) !important;
  padding-top: clamp(48px, 7vh, 92px) !important;
  padding-bottom: clamp(46px, 6vh, 84px) !important;
  overflow: visible !important;
}

.altru-home-hero-v4::before,
.altru-home-hero-v4::after,
.altru-full-page-preview-bg,
.altru-full-page-preview-bg::before,
.altru-full-page-preview-bg::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.altru-home-copy {
  position: relative !important;
  z-index: 4 !important;
  max-width: 620px !important;
}

.altru-home-copy::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: -70px -120px -64px -38px !important;
  background:
    radial-gradient(ellipse at 26% 50%, rgba(255,255,255,.98), rgba(255,255,255,.86) 54%, rgba(255,255,255,.42) 74%, rgba(255,255,255,0) 92%) !important;
  filter: blur(2px) !important;
  pointer-events: none !important;
}

.altru-home-copy h1 {
  color: #061126 !important;
  text-shadow: 0 18px 42px rgba(255,255,255,.92) !important;
}
.altru-home-copy h1 span {
  background: linear-gradient(115deg,#17215e 0%, #493de3 34%, #18bff3 65%, #9a6be5 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.altru-hero-visual-card {
  position: relative !important;
  z-index: 1 !important;
  min-height: clamp(520px, 55vw, 760px) !important;
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

.altru-hero-visual-card::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: -7% -10% -11% -30% !important;
  background-image: url('../img/altru-approved-rich-globe-hero.webp') !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: contain !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.14) 7%, #000 18%, #000 92%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%) !important;
  -webkit-mask-composite: source-in !important;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.14) 7%, #000 18%, #000 92%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 10%, #000 90%, transparent 100%) !important;
  pointer-events: none !important;
}

.altru-hero-visual-card::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 10% -2% 4% -12% !important;
  background:
    radial-gradient(ellipse at 60% 58%, rgba(62,198,255,.30), transparent 40%),
    radial-gradient(ellipse at 64% 80%, rgba(236,129,255,.26), transparent 38%),
    radial-gradient(ellipse at 46% 38%, rgba(255,255,255,.95), transparent 45%) !important;
  filter: blur(28px) !important;
  opacity: .95 !important;
  pointer-events: none !important;
}

.altru-hero-globe-bg,
.altru-hero-visual-card .altru-hero-globe-bg,
.holo-scene,
.holo-globe,
.orb,
.orb-wrap,
.hero-visual::before,
.home-hero__visual::before,
.hero-art::before,
.hero-media::before {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background-image: none !important;
}

/* Keep lower mission/art card readable after previous experimental background passes */
.mission-panel.art-panel,
.clean-mission-section .mission-panel.art-panel,
.public-mission-home .mission-panel.art-panel {
  background:
    radial-gradient(circle at 88% 12%, rgba(105,240,225,.38), transparent 18%),
    linear-gradient(145deg, rgba(8,16,38,.99), rgba(18,26,58,.98) 58%, rgba(25,31,76,.98)) !important;
  color: #f3f8ff !important;
}
.mission-panel.art-panel h3,
.mission-panel.art-panel p,
.mission-panel.art-panel a {
  opacity: 1 !important;
}

@media (max-width: 1100px) {
  .altru-home-hero-v4 {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding-top: 42px !important;
  }
  .altru-home-copy { max-width: 760px !important; }
  .altru-hero-visual-card {
    min-height: clamp(360px, 55vw, 520px) !important;
    order: -1 !important;
  }
  .altru-hero-visual-card::before {
    inset: -4% -8% -8% -8% !important;
    background-position: center !important;
  }
}

@media (max-width: 720px) {
  .altru-home-copy::before {
    inset: -30px -20px -34px -20px !important;
  }
  .altru-hero-visual-card {
    min-height: 300px !important;
  }
  .altru-hero-visual-card::before {
    inset: -2% -10% -6% -10% !important;
    background-size: 112% auto !important;
  }
}


/* ======================================================================
   FINAL HERO RESTORE — stable, preview-inspired, no hidden/cropped text
   ----------------------------------------------------------------------
   This resets previous experimental full-page/SVG/boxed globe attempts.
   It uses one real visual asset in normal hero flow and keeps all text sharp.
   ====================================================================== */

/* remove previous experiment layers without touching global grid */
.hero-atmosphere,
.home-atmosphere,
.page-atmosphere,
.hero-background,
.hero-bg,
.hero-raster,
.orb-wrap,
.orb,
.holo-scene,
.holo-globe,
.altru-hero-visual-card,
.altru-hero-globe-bg,
.hero-visual-final,
.hero-media::before,
.hero-visual::before,
.home-hero__visual::before,
.hero-art::before {
  background-image: none !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body{
  background:
    radial-gradient(circle at 86% 8%, rgba(105,240,225,.30), transparent 34rem),
    radial-gradient(circle at 17% 34%, rgba(154,120,255,.18), transparent 30rem),
    radial-gradient(circle at 66% 82%, rgba(255,111,145,.12), transparent 36rem),
    linear-gradient(135deg,#fff 0%, #f7fbff 42%, #eef4ff 100%) !important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(11,27,62,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(11,27,62,.055) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),transparent 90%);
  z-index:-2;
}

.altru-home-hero-v4,
.hero,
.hero-refined {
  display:grid !important;
  grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr) !important;
  align-items:center !important;
  gap:clamp(28px,4vw,78px) !important;
  min-height:clamp(650px,82vh,880px) !important;
  padding:clamp(72px,10vh,120px) clamp(10px,2vw,28px) clamp(44px,7vh,80px) !important;
  overflow:visible !important;
  position:relative !important;
}

.altru-home-copy,
.hero > div:first-child,
.hero-refined > div:first-child {
  position:relative !important;
  z-index:3 !important;
  overflow:visible !important;
  max-width:720px !important;
}

.altru-home-copy h1,
.hero h1,
.hero-refined h1,
.page-hero h1 {
  line-height:1.02 !important;
  letter-spacing:-.072em !important;
  overflow:visible !important;
  padding-bottom:.08em !important;
  margin-bottom:clamp(14px,2vh,22px) !important;
  max-width:10.5ch !important;
}

.altru-home-copy h1 span,
.hero h1 span,
.hero-refined h1 span {
  display:inline-block !important;
  line-height:1.04 !important;
  padding-bottom:.08em !important;
}

.altru-hero-rich-visual {
  position:relative !important;
  z-index:1 !important;
  width:min(760px,54vw) !important;
  height:clamp(470px,52vw,720px) !important;
  justify-self:end !important;
  align-self:center !important;
  overflow:visible !important;
  pointer-events:none !important;
}

.altru-hero-rich-visual::before {
  content:"";
  position:absolute;
  inset:8% -7% 0 -12%;
  background:radial-gradient(circle at 56% 48%, rgba(99,210,255,.20), transparent 0 44%), radial-gradient(circle at 45% 70%, rgba(255,132,210,.14), transparent 0 40%);
  filter:blur(14px);
  z-index:-1;
}

.altru-hero-rich-visual img {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center right !important;
  display:block !important;
  opacity:1 !important;
  filter:drop-shadow(0 36px 58px rgba(41,72,180,.17)) saturate(1.05) contrast(1.03) !important;
  mix-blend-mode:normal !important;
}

.mission-explainer,
.public-mission-home,
.featured-public-tools,
.clean-featured-tools {
  position:relative !important;
  z-index:2 !important;
}

.mission-kicker h2 {
  font-size:clamp(2.4rem,5.2vw,5.2rem) !important;
  line-height:1.03 !important;
  letter-spacing:-.065em !important;
  max-width:980px !important;
  text-wrap:balance;
}

.clean-featured-tools .section-head h2,
.featured-public-tools .section-head h2 {
  font-size:clamp(2.25rem,4.6vw,4.75rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.06em !important;
  max-width:820px !important;
}

.mission-panel.art-panel,
.mission-card--art,
.where-code-art,
.code-art-card {
  background:linear-gradient(135deg,#111a35 0%,#1c2b55 54%,#27396f 100%) !important;
  color:#edf4ff !important;
  border-color:rgba(180,220,255,.18) !important;
  box-shadow:0 28px 70px rgba(16,27,62,.24) !important;
}
.mission-panel.art-panel h3,
.mission-panel.art-panel p,
.mission-panel.art-panel strong,
.mission-panel.art-panel a,
.mission-card--art h3,
.mission-card--art p,
.where-code-art h3,
.where-code-art p,
.code-art-card h3,
.code-art-card p{
  color:inherit !important;
}
.mission-panel.art-panel .text-link,
.mission-card--art .text-link,
.where-code-art .text-link,
.code-art-card .text-link{
  color:#72f4ea !important;
}

@media (max-width:1100px){
  .altru-home-hero-v4,
  .hero,
  .hero-refined{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding-top:72px !important;
  }
  .altru-hero-rich-visual{
    order:-1 !important;
    justify-self:center !important;
    width:min(760px,100%) !important;
    height:clamp(300px,54vw,560px) !important;
    opacity:.92 !important;
  }
  .altru-home-copy h1,
  .hero h1,
  .hero-refined h1{
    font-size:clamp(3.2rem,12vw,6.2rem) !important;
  }
}

@media (max-width:680px){
  .altru-home-hero-v4,
  .hero,
  .hero-refined{
    gap:20px !important;
    padding:44px 0 36px !important;
  }
  .altru-hero-rich-visual{
    width:100% !important;
    height:320px !important;
  }
  .hero-actions{gap:10px !important;}
  .hero-actions .btn{width:100%;}
}

/* === Trust summary column width fix — Patch Center direct update ===
   Gives the value column more room in product trust panels. */
.side-panel .trust-list,
.detail-layout .trust-list,
.trust-list {
  gap: 0;
}

.side-panel .trust-row,
.detail-layout .trust-row,
.trust-row {
  grid-template-columns: minmax(84px, 112px) minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: start;
}

.side-panel .trust-row strong,
.detail-layout .trust-row strong,
.trust-row strong {
  min-width: 0;
  overflow-wrap: normal;
}

.side-panel .trust-row > *:last-child,
.detail-layout .trust-row > *:last-child,
.trust-row > *:last-child {
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

@media (max-width: 760px) {
  .side-panel .trust-row,
  .detail-layout .trust-row,
  .trust-row {
    grid-template-columns: minmax(78px, 96px) minmax(0, 1fr) !important;
    gap: 14px !important;
  }
}

@media (max-width: 420px) {
  .side-panel .trust-row,
  .detail-layout .trust-row,
  .trust-row {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
}