: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;
  }
}

/* =========================================================
   Product icon clipping fix — 2026-07-08
   Prevent uploaded app/extension/game/service/work icons
   from being cropped inside circular masks.
   ========================================================= */

.product-card__icon,
.tool-card__icon,
.app-card__icon,
.service-card__icon,
.game-card__icon,
.work-card__icon,
.card-icon,
.icon-wrap,
.icon-badge,
.product-icon,
.product-icon-frame,
.tool-icon,
.tool-icon-frame,
.product-card .icon,
.tool-card .icon,
.product-detail-icon,
.detail-icon {
  width: auto !important;
  height: auto !important;
  min-width: 76px !important;
  min-height: 76px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  clip-path: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.product-card__icon img,
.tool-card__icon img,
.app-card__icon img,
.service-card__icon img,
.game-card__icon img,
.work-card__icon img,
.card-icon img,
.icon-wrap img,
.icon-badge img,
.product-icon img,
.product-icon-frame img,
.tool-icon img,
.tool-icon-frame img,
.product-card .icon img,
.tool-card .icon img,
.product-detail-icon img,
.detail-icon img {
  width: 76px !important;
  height: 76px !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  overflow: visible !important;
  clip-path: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  display: block !important;
}

/* Product detail / trust pages can use larger icons */
.product-hero .product-card__icon,
.product-hero .product-icon,
.product-detail .product-icon,
.product-detail .product-icon-frame,
.detail-hero .product-icon,
.product-page .product-icon {
  min-width: 96px !important;
  min-height: 96px !important;
}

.product-hero .product-card__icon img,
.product-hero .product-icon img,
.product-detail .product-icon img,
.product-detail .product-icon-frame img,
.detail-hero .product-icon img,
.product-page .product-icon img {
  width: 96px !important;
  height: 96px !important;
}

/* Keep header/footer brand marks unaffected */
.site-header .product-icon,
.site-footer .product-icon,
.nav .product-icon,
.brand .product-icon,
.logo .product-icon {
  width: initial !important;
  height: initial !important;
  min-width: initial !important;
  min-height: initial !important;
}

/* Visitor counter admin module */
.admin-grid-two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin: 18px 0;
}
.visitor-cards article strong {
  font-variant-numeric: tabular-nums;
}
@media (max-width: 900px) {
  .admin-grid-two { grid-template-columns: 1fr; }
}

/* =========================================================
   Product detail hero icon fix
   Replaces the decorative mini-orb treatment with a clean,
   unclipped product icon presentation.
   ========================================================= */

.page-hero.compact .product-hero-icon-wrap {
  width: min(240px, 34vw) !important;
  min-width: 160px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  clip-path: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  position: relative !important;
}

.page-hero.compact .product-hero-icon-wrap::before {
  content: "";
  position: absolute;
  inset: -18px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 50% 50%, rgba(105,240,225,.18), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.16));
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 22px 60px rgba(31,49,112,.10);
  z-index: 0;
}

.page-hero.compact .product-hero-icon {
  width: min(190px, 28vw) !important;
  height: min(190px, 28vw) !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  clip-path: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Safety override for any older product pages still using mini-orb as an icon */
.page-hero.compact > img.mini-orb {
  width: min(190px, 28vw) !important;
  height: min(190px, 28vw) !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  overflow: visible !important;
  clip-path: none !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

@media (max-width: 820px) {
  .page-hero.compact {
    grid-template-columns: 1fr !important;
  }

  .page-hero.compact .product-hero-icon-wrap {
    width: 150px !important;
    min-width: 150px !important;
    justify-self: start !important;
    order: -1;
  }

  .page-hero.compact .product-hero-icon {
    width: 132px !important;
    height: 132px !important;
  }

  .page-hero.compact .product-hero-icon-wrap::before {
    inset: -12px;
    border-radius: 26px;
  }
}

/* =========================================================
   Professional admin navigation + visitor analytics tabs
   ========================================================= */
.admin-shell {
  grid-template-columns: 250px minmax(0, 1fr) !important;
  align-items: start !important;
}
.admin-sidebar {
  height: calc(100vh - 36px) !important;
  max-height: calc(100vh - 36px) !important;
  overflow: hidden !important;
  gap: 16px !important;
  padding: 20px !important;
}
.admin-logo {
  flex: 0 0 auto;
  display: block;
}
.admin-logo img { width: 100% !important; max-width: 190px !important; }
.admin-sidebar-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
  scrollbar-width: thin;
}
.admin-sidebar-footer {
  flex: 0 0 auto;
  padding-top: 8px;
  border-top: 1px solid rgba(111,126,170,.15);
}
.admin-sidebar-footer .btn { width: 100%; }
.admin-nav { display: grid !important; gap: 4px !important; }
.admin-nav-label {
  display: block;
  margin: 12px 10px 4px;
  font-size: .68rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #73809b;
}
.admin-nav-label:first-child { margin-top: 2px; }
.admin-sidebar .admin-nav a {
  padding: 10px 12px !important;
  border-radius: 14px !important;
  font-size: .96rem;
}
.admin-sidebar .admin-nav a.active {
  color: #fff !important;
  background: linear-gradient(115deg,#6558ff,#35c8ef 72%,#ff79b7) !important;
  box-shadow: 0 10px 28px rgba(86,79,230,.22);
}

.visitor-toolbar-panel { padding-bottom: 16px !important; }
.visitor-toolbar-head { align-items: flex-start !important; }
.visitor-range-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.visitor-range-actions .btn { min-height: 42px; padding: 10px 16px; }
.visitor-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding-top: 15px;
  margin-top: 14px;
  border-top: 1px solid rgba(111,126,170,.15);
}
.visitor-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 16px;
  border: 1px solid rgba(111,126,170,.2);
  border-radius: 15px;
  background: rgba(255,255,255,.68);
  color: #26324d;
  font-weight: 850;
}
.visitor-tabs a.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(115deg,#6558ff,#35c8ef 72%,#ff79b7);
  box-shadow: 0 10px 28px rgba(86,79,230,.2);
}
.visitor-kpis { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
.visitor-kpis article { min-width: 0; }
.visitor-kpis strong { font-size: clamp(2rem,4vw,3rem) !important; }
.visitor-kpis span { line-height: 1.25; }
.admin-table-wrap { width: 100%; overflow-x: auto; }
.country-status-panel { border-width: 1px !important; }
.country-status-panel.is-available { border-color: rgba(50,181,137,.28) !important; }
.country-status-panel.is-unavailable { border-color: rgba(255,111,145,.28) !important; }
.country-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(105,240,225,.15);
  border: 1px solid rgba(40,160,135,.18);
  font-weight: 900;
  color: #177d70;
}
.is-unavailable .country-status-badge {
  background: rgba(255,111,145,.12);
  border-color: rgba(255,111,145,.22);
  color: #a52c55;
}
.country-status-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin: 18px 0;
}
.country-status-grid > div {
  padding: 16px;
  border: 1px solid rgba(111,126,170,.15);
  border-radius: 18px;
  background: rgba(255,255,255,.62);
}
.country-status-grid strong,.country-status-grid span { display:block; }
.country-status-grid strong { margin-bottom: 6px; color:#5d6983; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }
.country-status-grid span { font-weight:850; color:#17223d; }
.country-table td:first-child { min-width: 190px; }

@media (max-width: 1050px) {
  .admin-shell { grid-template-columns: 220px minmax(0,1fr) !important; }
  .visitor-kpis { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .country-status-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 780px) {
  .admin-shell { display:block !important; width:min(100% - 16px,1500px) !important; }
  .admin-sidebar {
    position: static !important;
    height: auto !important;
    max-height: none !important;
    margin-bottom: 14px;
  }
  .admin-sidebar-scroll { overflow: visible !important; }
  .admin-nav { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .admin-nav-label { grid-column: 1 / -1; }
  .admin-sidebar-footer { padding-top: 14px; }
  .visitor-toolbar-head { display:block !important; }
  .visitor-range-actions { justify-content:flex-start; margin-top:14px; }
  .visitor-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .visitor-kpis { grid-template-columns:1fr 1fr !important; }
  .country-status-grid { grid-template-columns:1fr; }
}
@media (max-width: 500px) {
  .admin-nav { grid-template-columns:1fr !important; }
  .visitor-tabs,.visitor-kpis { grid-template-columns:1fr !important; }
}

/* =========================================================
   Product promotional video module
   ========================================================= */

.product-video-admin-panel {
  display: grid;
  gap: 18px;
}

.current-media-file {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.64);
}

.current-media-file code {
  white-space: normal;
  overflow-wrap: anywhere;
}

.admin-video-poster-preview {
  display: grid;
  gap: 8px;
  align-content: start;
}

.admin-video-poster-preview img {
  width: min(240px, 100%);
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.72);
}

.video-share-admin,
.product-video-share {
  padding: 18px;
  border: 1px solid rgba(91,83,255,.18);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(154,120,255,.09), rgba(105,240,225,.09));
}

.copy-url-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  align-items: center;
}

.copy-url-row input {
  width: 100%;
  min-width: 0;
}

.admin-panel-actions {
  display: flex;
  justify-content: flex-end;
}

.product-video-section {
  scroll-margin-top: 110px;
}

.product-video-heading {
  align-items: end;
}

.product-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(61,74,114,.18);
  background: #071127;
  box-shadow: var(--shadow);
}

.product-video-frame video,
.product-video-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
  background: #071127;
}

.external-video-link-card {
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 16px;
  padding: 30px;
  text-align: center;
  color: #fff;
  background:
    radial-gradient(circle at 78% 16%, rgba(105,240,225,.35), transparent 28%),
    radial-gradient(circle at 25% 85%, rgba(154,120,255,.45), transparent 36%),
    #071127;
}

.product-video-caption {
  max-width: 900px;
  margin: 18px auto 0;
  color: var(--ink-2);
  line-height: 1.7;
  text-align: center;
}

.product-video-share {
  max-width: 980px;
  margin: 20px auto 0;
}

.product-video-share > label {
  display: block;
  margin-bottom: 8px;
  font-weight: 850;
}

@media (max-width: 720px) {
  .copy-url-row {
    grid-template-columns: 1fr;
  }

  .copy-url-row .btn {
    width: 100%;
  }

  .product-video-frame {
    border-radius: 22px;
  }

  .product-video-heading {
    align-items: flex-start;
  }
}

/* =========================================================
   Chunked promotional-video uploader
   ========================================================= */

.chunked-video-uploader {
  display: grid;
  gap: 14px;
  padding: 20px;
  border: 1px solid rgba(91,83,255,.2);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(154,120,255,.07), rgba(105,240,225,.08));
}

.chunked-video-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.chunked-video-progress {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
}

.chunked-video-progress progress {
  width: 100%;
  height: 16px;
  accent-color: #6b58ff;
}

.chunked-video-progress span {
  min-width: 46px;
  font-weight: 900;
  color: var(--ink);
}

.chunked-video-status {
  margin: 0;
  color: var(--ink-2);
  font-weight: 750;
  line-height: 1.5;
}

.chunked-video-status.success {
  color: #087b62;
}

.chunked-video-status.error {
  color: #a51d31;
}

.chunked-video-uploader input[type="file"]:disabled,
.chunked-video-uploader button:disabled {
  opacity: .58;
  cursor: not-allowed;
}

/* =========================================================
   Product video playback and compact product-page layout
   ========================================================= */

.product-video-heading,
.product-video-frame {
  width: min(100%, 1040px);
  margin-left: auto;
  margin-right: auto;
}

.product-video-frame {
  aspect-ratio: 16 / 9;
}

.product-video-caption {
  max-width: 860px;
}

.product-video-share {
  max-width: 860px;
}

.product-detail-layout {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.product-detail-layout > .detail-panel,
.product-detail-layout > .product-trust-panel {
  width: 100% !important;
  min-width: 0 !important;
}

.product-trust-panel {
  position: static !important;
  align-self: stretch !important;
}

.product-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.product-trust-grid .trust-row {
  display: block !important;
  min-width: 0 !important;
  padding: 17px !important;
  border: 1px solid rgba(62,76,118,.13) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.65) !important;
}

.product-trust-grid .trust-row strong,
.product-trust-grid .trust-row span {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

.product-trust-grid .trust-row strong {
  margin-bottom: 8px !important;
}

.product-trust-grid .trust-row span {
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 920px) {
  .product-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  .product-video-heading,
  .product-video-frame {
    width: 100%;
  }

  .product-trust-grid {
    grid-template-columns: 1fr !important;
  }

  .product-trust-grid .trust-row {
    padding: 15px !important;
  }
}

/* Stable video-route playback diagnostics */
.product-video-frame {
  display: grid;
}

.product-video-frame > video,
.product-video-frame > iframe,
.product-video-frame > .external-video-link-card {
  grid-area: 1 / 1;
}

.product-video-error {
  grid-area: 1 / 1;
  z-index: 3;
  align-self: center;
  justify-self: center;
  width: min(560px, calc(100% - 36px));
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 22px;
  text-align: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 20px;
  color: #fff;
  background: rgba(7,17,39,.9);
  box-shadow: 0 18px 50px rgba(0,0,0,.3);
  backdrop-filter: blur(12px);
}

.product-video-error[hidden] {
  display: none !important;
}

.product-video-error span {
  line-height: 1.55;
  color: rgba(255,255,255,.82);
}

/* =========================================================
   YouTube-only product video presentation
   ========================================================= */

.product-video-frame iframe {
  background: #000;
}

.product-video-section .section-head {
  width: min(100%, 1040px);
}

.product-video-section .product-video-share {
  margin-top: 18px;
}

.product-video-admin-panel .admin-warning {
  margin-top: 2px;
}

/* =========================================================
   Lado — required GetSongBPM API attribution
   ========================================================= */

.product-api-attribution {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  padding: 24px;
  border: 1px solid rgba(255, 138, 0, .28);
  border-radius: 26px;
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 173, 51, .18), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,248,236,.88));
  box-shadow: 0 20px 55px rgba(78, 56, 23, .10);
}

.product-api-attribution__mark {
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  font-weight: 950;
  letter-spacing: .08em;
  color: #fff;
  background: linear-gradient(135deg, #ff8a00, #ffb84d);
  box-shadow: 0 14px 34px rgba(255, 138, 0, .25);
}

.product-api-attribution__content {
  min-width: 0;
}

.product-api-attribution__content h2 {
  margin: 4px 0 10px;
}

.product-api-attribution__content p {
  margin: 0;
  max-width: 980px;
  line-height: 1.65;
  color: var(--ink-2);
}

.product-api-attribution__content strong {
  color: var(--ink);
}

.product-api-attribution__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

@media (max-width: 680px) {
  .product-api-attribution {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .product-api-attribution__mark {
    width: 62px;
    height: 62px;
  }

  .product-api-attribution__actions .btn {
    width: 100%;
  }
}



/* === Altru.dev Featured Product Signal Grid + Visitor Agent Intelligence — 2026-08-08 === */

/* Featured cards remain normal human-facing product cards while exposing concise,
   visible product facts and semantic markup to search / AI retrieval crawlers. */
.featured-product-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  align-items: stretch;
}
.featured-product-grid .featured-product-stamp {
  min-height: 224px;
  padding: 18px;
}
.featured-product-grid .featured-product-stamp .product-icon {
  width: 54px;
  height: 54px;
}
.featured-product-grid .featured-product-stamp h3 {
  margin: 16px 0 8px;
  font-size: 1.16rem;
}
.featured-product-grid .featured-product-stamp > p {
  font-size: .9rem;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.featured-product-grid .featured-product-stamp .card-meta {
  margin-top: 13px;
  font-size: .78rem;
}
.card-record {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-top: 12px;
  color: #75809a;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .015em;
}
.card-record time { white-space: nowrap; }

.agent-kpis {
  margin-top: 0;
}
.agent-verification-panel .admin-panel-head {
  align-items: flex-start;
}
.agent-verification-panel form {
  flex: 0 0 auto;
}
.agent-grid {
  align-items: start;
}
.agent-badge {
  display: inline-flex;
  align-items: center;
  max-width: 240px;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(77,93,143,.16);
  background: rgba(88,103,147,.08);
  color: #34405f;
  font-size: .76rem;
  font-weight: 900;
  line-height: 1.25;
}
.agent-type-ai_search,
.agent-type-user_directed_ai {
  background: rgba(111,91,255,.10);
  border-color: rgba(111,91,255,.18);
  color: #4d3ec4;
}
.agent-type-ai_training {
  background: rgba(154,120,255,.11);
  border-color: rgba(154,120,255,.20);
  color: #684cc1;
}
.agent-type-search_bot {
  background: rgba(34,152,138,.10);
  border-color: rgba(34,152,138,.18);
  color: #177d70;
}
.agent-type-likely_automation {
  background: rgba(255,111,145,.10);
  border-color: rgba(255,111,145,.22);
  color: #a52c55;
}
.agent-type-likely_human {
  background: rgba(50,181,137,.10);
  border-color: rgba(50,181,137,.18);
  color: #1a7b60;
}
.agent-range-table td:nth-child(2),
.agent-range-table th:nth-child(2) {
  min-width: 190px;
}

@media (max-width: 980px) {
  .featured-product-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width: 720px) {
  .featured-product-grid {
    grid-template-columns: 1fr !important;
  }
  .featured-product-grid .featured-product-stamp {
    min-height: 0;
  }
  .agent-verification-panel .admin-panel-head {
    display: block;
  }
  .agent-verification-panel form {
    margin-top: 14px;
  }
}

/* Altru.dev Progress — professional research/development publication */
.progress-page{max-width:1180px;margin:0 auto;padding:42px 20px 84px}.progress-masthead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:42px;align-items:end;padding:54px 0 38px;border-bottom:1px solid var(--line)}.progress-masthead h1{font-size:clamp(3rem,7vw,5.7rem);letter-spacing:-.065em;line-height:.9;margin:.16em 0 .2em}.progress-masthead p{font-size:1.08rem;line-height:1.7;max-width:720px;color:#4b5873;margin:0}.progress-masthead-note{justify-self:end;max-width:330px!important;font-size:.92rem!important;line-height:1.65!important;color:var(--muted)!important}.progress-featured{position:relative;margin:34px 0 58px;padding:clamp(28px,5vw,54px);border:1px solid rgba(73,91,145,.17);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(241,247,255,.78));box-shadow:var(--shadow-soft);overflow:hidden}.progress-featured:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;top:-100px;background:radial-gradient(circle,rgba(105,240,225,.5),rgba(154,120,255,.18) 48%,transparent 72%);pointer-events:none}.progress-featured-meta{position:relative;z-index:1;display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:#6153bd}.progress-featured h2{position:relative;z-index:1;max-width:900px;font-size:clamp(2rem,4.6vw,4rem);line-height:1;letter-spacing:-.055em;margin:18px 0 16px}.progress-featured p{position:relative;z-index:1;max-width:760px;font-size:1.05rem;line-height:1.7;color:#53607a;margin:0 0 26px}.progress-featured .btn{position:relative;z-index:1}.progress-timeline-section{margin-top:10px}.progress-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:28px;align-items:end;padding-bottom:22px}.progress-section-heading h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.052em;line-height:1;margin:10px 0 0}.progress-section-heading>p{margin:0;color:var(--muted);line-height:1.6}.progress-year-group{display:grid;grid-template-columns:120px minmax(0,1fr);gap:34px;padding:28px 0 8px;border-top:1px solid var(--line)}.progress-year-label h3{position:sticky;top:112px;margin:3px 0;font-size:1.05rem;letter-spacing:.08em;color:#59657d}.progress-year-list{display:grid}.progress-timeline-item{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:22px;align-items:start;padding:24px 0;border-bottom:1px solid rgba(61,74,114,.12)}.progress-timeline-date{font-size:.86rem;font-weight:800;color:#5e6a83;line-height:1.45}.progress-timeline-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:7px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#6255bd}.progress-timeline-content h4{font-size:clamp(1.16rem,2.2vw,1.48rem);line-height:1.18;letter-spacing:-.025em;margin:0 0 7px}.progress-timeline-content p{max-width:720px;margin:0;color:#5b6780;line-height:1.58}.progress-timeline-link{display:inline-flex;align-items:center;gap:8px;align-self:center;font-size:.84rem;font-weight:900;color:#5645d6;white-space:nowrap}.progress-timeline-link:hover span:first-child{text-decoration:underline;text-underline-offset:4px}.progress-history-empty{padding:42px 0;color:var(--muted)}
.progress-article-shell{max-width:1180px;margin:0 auto;padding:46px 20px 90px}.progress-article-header{max-width:900px;margin:0 auto 42px;text-align:left}.progress-article-kicker{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}.progress-article-header h1{font-size:clamp(2.5rem,6vw,4.8rem);letter-spacing:-.055em;line-height:.98;margin:.24em 0}.progress-article-deck{font-size:1.18rem;line-height:1.62;color:var(--muted);max-width:800px}.progress-feature-image{max-width:1080px;margin:0 auto 42px}.progress-feature-image img{width:100%;max-height:650px;object-fit:cover;border-radius:24px;display:block;box-shadow:var(--shadow-soft)}.progress-article-body{max-width:780px;margin:0 auto;font-size:1.05rem;line-height:1.8;color:var(--ink)}.progress-article-body>p:first-child{font-size:1.16rem;line-height:1.75}.progress-article-body h2{font-size:clamp(1.7rem,3.6vw,2.35rem);line-height:1.1;margin:2.2em 0 .65em;letter-spacing:-.025em}.progress-article-body h3{font-size:1.45rem;margin:1.9em 0 .6em}.progress-article-body h4{font-size:1.12rem;margin:1.65em 0 .5em}.progress-article-body ul,.progress-article-body ol{padding-left:1.35em}.progress-article-body li{margin:.35em 0}.progress-article-body blockquote{margin:1.7em 0;border-left:3px solid rgba(98,70,255,.42);padding:.15em 0 .15em 1.25em;color:var(--muted)}.progress-article-body pre{overflow:auto;background:var(--pearl);padding:16px;border:1px solid var(--line);border-radius:16px;font-size:.9rem;line-height:1.55}.progress-article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.progress-article-body a{text-decoration:underline;text-underline-offset:3px;color:#5645d6}.progress-article-body figure{margin:2.2em 0}.progress-article-body figure img{display:block;max-width:100%;height:auto;border-radius:18px}.progress-article-body figcaption{font-size:.86rem;line-height:1.5;color:var(--muted);margin-top:8px}.progress-article-body hr{border:0;border-top:1px solid var(--line);margin:2.6em 0}.progress-article-footer{max-width:780px;margin:40px auto 0;padding-top:22px;border-top:1px solid var(--line)}.progress-tags{display:flex;gap:7px;flex-wrap:wrap}.progress-tag{padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;color:var(--muted);background:rgba(255,255,255,.55)}

.progress-community{max-width:860px;margin:64px auto 0;padding:clamp(24px,4vw,40px);border:1px solid rgba(73,91,145,.16);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,248,255,.82));box-shadow:var(--shadow-soft)}
.progress-community-header{padding-bottom:22px;border-bottom:1px solid rgba(61,74,114,.12)}
.progress-community-header h2{font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.04em;margin:10px 0 8px}
.progress-community-header p{margin:0;color:#59657d;line-height:1.6;max-width:680px}
.progress-community-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:22px}
.progress-feedback-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 18px;border:1px solid rgba(73,91,145,.14);border-radius:20px;background:rgba(255,255,255,.74)}
.progress-feedback-copy{display:grid;gap:4px;min-width:0}
.progress-feedback-copy strong{font-size:1rem;color:#17223b;line-height:1.35}
.progress-reaction-label{font-size:.69rem;letter-spacing:.11em;text-transform:uppercase;font-weight:900;color:#6255bd}
.progress-reaction-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.progress-reaction-actions form{margin:0}
.progress-reaction-button{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(73,91,145,.17);background:#fff;color:#27324d;border-radius:999px;padding:9px 11px 9px 14px;cursor:pointer;font:inherit;font-size:.9rem;font-weight:800;box-shadow:0 7px 18px rgba(64,83,132,.07);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.progress-reaction-button strong{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#f0f4ff;font-size:.8rem;text-align:center}
.progress-reaction-button:hover{transform:translateY(-1px);border-color:rgba(98,70,255,.38);box-shadow:0 10px 24px rgba(64,83,132,.11)}
.progress-reaction-button:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(98,70,255,.1)}
.progress-community-details{margin:0;color:#61708a;font-size:.83rem;line-height:1.55}
.progress-community-details summary{cursor:pointer;font-weight:800;color:#485570;white-space:nowrap;list-style-position:outside}
.progress-community-details summary:hover{text-decoration:underline;text-underline-offset:3px}
.progress-community-details[open]{grid-column:1/-1;padding:14px 16px;border-radius:16px;background:rgba(239,244,255,.72);border:1px solid rgba(73,91,145,.1)}
.progress-community-details p{margin:9px 0 0;max-width:740px}
.progress-discussion-head{display:flex;justify-content:space-between;align-items:end;margin:30px 0 12px;padding-top:28px;border-top:1px solid rgba(61,74,114,.12)}
.progress-discussion-head h3{font-size:1.25rem;letter-spacing:-.025em;margin:5px 0 0}
.progress-comments{display:grid;gap:12px;margin:0 0 18px}
.progress-comments-empty{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;padding:16px 18px;border:1px dashed rgba(73,91,145,.22);border-radius:17px;color:#667188;background:rgba(255,255,255,.46)}
.progress-comments-empty strong{color:#27324d;font-size:.92rem}.progress-comments-empty span{font-size:.9rem}
.progress-comment{padding:16px 18px;border:1px solid rgba(73,91,145,.14);border-radius:18px;background:rgba(255,255,255,.65)}
.progress-comment.reply{margin-left:34px;background:rgba(239,245,255,.72)}
.progress-comment-head{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}.progress-comment-head small{color:var(--muted)}
.progress-comment p{white-space:pre-wrap;margin:.55em 0;line-height:1.62}.progress-comment a{font-size:.84rem;font-weight:800;color:#5645d6}
.progress-comment-form{display:grid;gap:16px;padding:20px;border:1px solid rgba(73,91,145,.15);border-radius:21px;background:rgba(255,255,255,.78)}
.progress-comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.progress-comment-form label{display:grid;gap:8px;margin:0;font-size:.87rem;font-weight:850;color:#26314c}
.progress-comment-form label>span{display:flex;align-items:baseline;gap:7px;min-height:20px}.progress-comment-form label small{font-size:.74rem;font-weight:700;color:#7a849a}
.progress-comment-form input,.progress-comment-form textarea{box-sizing:border-box;display:block;width:100%;min-width:0;margin:0;border:1px solid rgba(69,84,132,.2);border-radius:14px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.95);padding:12px 13px;font:inherit;font-size:.95rem;color:#071127;outline:none;appearance:none;-webkit-appearance:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.progress-comment-form input{height:46px}.progress-comment-form textarea{min-height:132px;resize:vertical;line-height:1.55}
.progress-comment-form input::placeholder,.progress-comment-form textarea::placeholder{color:#8b95a9;opacity:1}
.progress-comment-form input:focus,.progress-comment-form textarea:focus{border-color:rgba(98,70,255,.52);background:#fff;box-shadow:0 0 0 4px rgba(98,70,255,.09)}
.progress-comment-body-field{grid-column:1/-1}
.progress-comment-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:2px}.progress-comment-actions p{margin:0;color:#7a849a;font-size:.8rem;line-height:1.45}.progress-comment-actions .btn{min-width:180px;padding:11px 17px}
.progress-community-notice{padding:12px 14px;border:1px solid rgba(105,240,225,.38);border-radius:16px;margin:16px 0 0;background:rgba(105,240,225,.1);color:#24564f;font-weight:750}.progress-community-notice.error{border-color:rgba(255,111,145,.36);background:rgba(255,111,145,.09);color:#852642}
@media(max-width:820px){.progress-masthead,.progress-section-heading{grid-template-columns:1fr}.progress-masthead-note{justify-self:start}.progress-year-group{grid-template-columns:1fr;gap:10px}.progress-year-label h3{position:static;margin-top:0}.progress-timeline-item{grid-template-columns:1fr auto;gap:9px 16px}.progress-timeline-date{grid-column:1/-1}.progress-timeline-link{align-self:start}.progress-community-grid{grid-template-columns:1fr}.progress-community-details{justify-self:start}.progress-feedback-card{align-items:flex-start;flex-direction:column}.progress-reaction-actions{justify-content:flex-start}.progress-comment-fields{grid-template-columns:1fr}.progress-comment.reply{margin-left:18px}.progress-page,.progress-article-shell{padding-left:16px;padding-right:16px}}
@media(max-width:560px){.progress-featured{border-radius:24px;padding:24px}.progress-timeline-item{grid-template-columns:1fr}.progress-timeline-link{justify-self:start}.progress-community{border-radius:24px;padding:20px}.progress-reaction-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.progress-reaction-actions form{min-width:0}.progress-reaction-button{width:100%;justify-content:space-between}.progress-comment-form{padding:16px}.progress-comment-actions{align-items:stretch;flex-direction:column}.progress-comment-actions .btn{width:100%;min-width:0}.progress-comments-empty{display:grid;gap:4px}}

/* Public hardening v1.1.0: replace legacy inline presentation so CSP can block style attributes. */
.privacy-icon-orb{padding:34px;background:rgba(255,255,255,.55)}
.changelog-item{margin-bottom:12px}

/* Progress publication files */
.progress-article-body table{width:100%;border-collapse:collapse;margin:1.9em 0;font-size:.94rem}.progress-article-body th,.progress-article-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.progress-article-body th{background:var(--pearl);font-weight:850}.progress-article-body sup,.progress-article-body sub{font-size:.75em}.progress-downloads{max-width:860px;margin:48px auto 0;padding:clamp(22px,4vw,34px);border:1px solid rgba(73,91,145,.16);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,248,255,.82));box-shadow:var(--shadow-soft)}.progress-downloads-head{margin-bottom:18px}.progress-downloads-head h2{margin:.18em 0 .25em;font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.03em}.progress-downloads-head p{margin:0;color:var(--muted)}.progress-download-list{display:grid;gap:10px}.progress-download-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78)}.progress-download-icon{display:grid;place-items:center;min-width:52px;height:46px;padding:0 8px;border-radius:12px;background:var(--pearl);font-size:.74rem;font-weight:950;letter-spacing:.08em;color:#5645d6}.progress-download-copy{display:grid;gap:2px;min-width:0}.progress-download-copy strong{overflow-wrap:anywhere}.progress-download-copy span{font-size:.82rem;color:var(--muted);font-weight:700}.progress-download-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.progress-download-actions .btn{white-space:nowrap}@media(max-width:700px){.progress-download-card{grid-template-columns:auto minmax(0,1fr)}.progress-download-actions{grid-column:1/-1;justify-content:stretch}.progress-download-actions .btn{flex:1;text-align:center}.progress-downloads{border-radius:22px;padding:20px}}

/* Progress publishing v1.1.0 — featured publication image */
.progress-featured.has-image{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(24px,4vw,54px);align-items:center}.progress-featured-copy{position:relative;z-index:1}.progress-featured-art{position:relative;z-index:1;margin:0;min-width:0}.progress-featured-art img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px;box-shadow:0 18px 44px rgba(41,48,80,.13)}
@media(max-width:760px){.progress-featured.has-image{grid-template-columns:1fr}.progress-featured-art{order:-1}.progress-featured-art img{aspect-ratio:16/9;border-radius:18px}}
@media(max-width:560px){.progress-article-body table{display:table;max-width:100%;overflow-wrap:normal;word-break:normal}.progress-article-body th,.progress-article-body td{min-width:0}}


/* About + Mission v1.0.0 — current Altru.dev identity and research direction */
.mission-page-shell,.about-page-shell{max-width:1180px;margin:0 auto;padding-top:38px;padding-bottom:82px}.mission-statement-card,.mission-long-card,.mission-compact-card,.about-lead-card,.about-focus-card,.about-method-card,.about-evidence-card,.about-background-card,.about-links-card{border:1px solid rgba(69,84,132,.16);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,248,255,.72));box-shadow:var(--shadow-soft)}.mission-statement-card{padding:clamp(30px,5vw,58px);margin-bottom:22px;position:relative;overflow:hidden}.mission-statement-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,rgba(105,240,225,.45),rgba(154,120,255,.16) 48%,transparent 72%);pointer-events:none}.mission-statement-card h2{position:relative;z-index:1;font-size:clamp(2.1rem,5vw,4.6rem);line-height:.98;letter-spacing:-.065em;max-width:900px;margin:.35em 0 .38em}.mission-statement-card p{position:relative;z-index:1;max-width:900px;font-size:1.08rem;line-height:1.75;color:#4b5873}.mission-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.mission-principle-card{min-height:260px;padding:26px;border:1px solid rgba(69,84,132,.14);border-radius:24px;background:rgba(255,255,255,.8);box-shadow:0 14px 36px rgba(49,62,102,.08)}.mission-principle-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,rgba(105,240,225,.26),rgba(154,120,255,.2));font-size:.76rem;font-weight:950;color:#5949c9}.mission-principle-card h3{font-size:1.25rem;letter-spacing:-.035em;margin:18px 0 9px}.mission-principle-card p{margin:0;color:#5a6680;line-height:1.65}.mission-two-column{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}.mission-long-card,.mission-compact-card{padding:clamp(26px,4vw,42px)}.mission-long-card h2,.mission-compact-card h2{font-size:clamp(1.8rem,3.5vw,3.1rem);line-height:1.02;letter-spacing:-.05em;margin:.4em 0}.mission-long-card p,.mission-compact-card p{color:#52607a;line-height:1.72}.mission-compact-card{background:linear-gradient(145deg,rgba(7,17,39,.96),rgba(31,35,77,.94));color:#e5ebff}.mission-compact-card .eyebrow,.mission-compact-card .text-link{color:#8ff7ef}.mission-commitments{display:grid;gap:12px;margin:22px 0 26px;padding:0;list-style:none}.mission-commitments li{position:relative;padding-left:26px;line-height:1.55;color:#d8e2fb}.mission-commitments li:before{content:"✓";position:absolute;left:0;top:0;color:#8ff7ef;font-weight:950}.about-intro-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:18px;align-items:stretch}.about-lead-card,.about-focus-card{padding:clamp(28px,4.5vw,50px)}.about-lead-card h2{font-size:clamp(2.25rem,5vw,4.7rem);line-height:.96;letter-spacing:-.065em;margin:.4em 0}.about-lead-card p{font-size:1.08rem;line-height:1.75;color:#4e5c76;max-width:760px}.about-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.about-focus-card{background:linear-gradient(145deg,rgba(7,17,39,.97),rgba(30,36,79,.94));color:#eef2ff}.about-focus-card .eyebrow{color:#8ff7ef}.about-focus-card ul{display:grid;gap:11px;margin:24px 0 0;padding:0;list-style:none}.about-focus-card li{position:relative;padding-left:23px;color:#d8e1fa;line-height:1.5}.about-focus-card li:before{content:"";position:absolute;left:0;top:.65em;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet))}.about-method-card{margin-top:18px;padding:clamp(28px,4.5vw,48px);display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:38px;align-items:start}.about-method-card h2{font-size:clamp(1.9rem,3.8vw,3.5rem);line-height:1;letter-spacing:-.055em;margin:.4em 0 0}.about-method-card>p{margin:0;color:#53617a;line-height:1.75;font-size:1.03rem}.about-flow{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:20px;border-top:1px solid rgba(69,84,132,.12)}.about-flow span{padding:9px 12px;border:1px solid rgba(69,84,132,.14);border-radius:999px;background:#fff;font-size:.82rem;font-weight:850;color:#303d5b}.about-flow b{color:#8a78e8}.about-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.about-evidence-card{padding:clamp(26px,4vw,40px)}.about-evidence-card h3{font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.045em;margin:.35em 0}.about-evidence-card p{color:#56637c;line-height:1.7}.about-evidence-card.dark{background:linear-gradient(145deg,rgba(8,17,39,.97),rgba(35,34,76,.94));color:#edf2ff}.about-evidence-card.dark .eyebrow{color:#8ff7ef}.about-evidence-card.dark p{color:#d6e0f7}.about-equations{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.about-equations strong{padding:11px 12px;border-radius:13px;background:rgba(237,241,255,.74);color:#322b68;font-size:.86rem}.about-selected{margin-top:50px}.about-research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-research-grid article{padding:26px;border:1px solid rgba(69,84,132,.14);border-radius:22px;background:rgba(255,255,255,.78);box-shadow:0 14px 36px rgba(49,62,102,.07)}.about-research-grid h3{font-size:1.25rem;letter-spacing:-.035em;margin:0 0 9px}.about-research-grid p{color:#59667f;line-height:1.64}.about-background-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;margin-top:18px}.about-background-card{padding:clamp(26px,4vw,42px)}.about-background-card h2{font-size:clamp(1.7rem,3.5vw,3rem);line-height:1;letter-spacing:-.05em;margin:.4em 0}.about-background-card p{color:#56637c;line-height:1.7}.about-background-card.creative{background:linear-gradient(145deg,rgba(244,238,255,.86),rgba(235,250,255,.82))}.about-links-card{margin-top:18px;padding:clamp(24px,4vw,36px);display:flex;align-items:center;justify-content:space-between;gap:30px}.about-links-card h2{margin:.3em 0 0;font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.04em}.about-link-list{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.about-link-list a{padding:11px 14px;border:1px solid rgba(69,84,132,.16);border-radius:999px;background:#fff;font-weight:850;color:#3a4663}.about-link-list a:hover{border-color:rgba(98,70,255,.35);color:#5843d8}@media(max-width:980px){.mission-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-two-column,.about-intro-grid,.about-method-card,.about-background-grid{grid-template-columns:1fr}.about-method-card{gap:22px}.about-evidence-grid{grid-template-columns:1fr}.about-links-card{align-items:flex-start;flex-direction:column}.about-link-list{justify-content:flex-start}}@media(max-width:620px){.mission-page-shell,.about-page-shell{padding-top:22px;padding-bottom:56px}.mission-principle-grid,.about-research-grid,.about-equations{grid-template-columns:1fr}.mission-principle-card{min-height:0}.mission-statement-card,.mission-long-card,.mission-compact-card,.about-lead-card,.about-focus-card,.about-method-card,.about-evidence-card,.about-background-card,.about-links-card{border-radius:24px}.about-flow{gap:7px}.about-flow span{font-size:.76rem;padding:8px 10px}.about-flow b{font-size:.8rem}.about-actions .btn{width:100%}.about-link-list{display:grid;width:100%}.about-link-list a{text-align:center}}

/* Managed Page Registry v1 */
.content-page-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:38px;align-items:start;max-width:1120px;margin-inline:auto}
.content-page-article{max-width:820px;font-size:1.04rem;line-height:1.76;color:var(--ink)}
.content-page-article>p:first-child{font-size:1.18rem;line-height:1.7;color:var(--ink)}
.content-page-article h2{font-size:clamp(1.55rem,2.3vw,2.15rem);line-height:1.15;margin:2.7rem 0 .9rem;letter-spacing:-.025em}
.content-page-article h3{font-size:1.28rem;line-height:1.25;margin:2rem 0 .7rem}
.content-page-article h4{font-size:1.08rem;margin:1.6rem 0 .55rem}
.content-page-article p{margin:.7rem 0 1rem;color:var(--muted)}
.content-page-article strong{color:var(--ink)}
.content-page-article ul,.content-page-article ol{padding-left:1.35rem;margin:.8rem 0 1.25rem;color:var(--muted)}
.content-page-article li{margin:.42rem 0;padding-left:.18rem}
.content-page-article blockquote{margin:1.6rem 0;padding:1rem 1.2rem;border-left:3px solid var(--violet);background:rgba(238,244,255,.72);border-radius:0 14px 14px 0;color:var(--ink)}
.content-page-article hr{border:0;border-top:1px solid var(--line);margin:2.35rem 0}
.content-page-article a{color:#4c35ff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.content-page-article a:hover{text-decoration-thickness:2px}
.content-page-article table{width:100%;border-collapse:collapse;margin:1.4rem 0;overflow:hidden;border-radius:12px}
.content-page-article th,.content-page-article td{padding:.8rem .9rem;border:1px solid var(--line);text-align:left;vertical-align:top}
.content-page-article th{background:rgba(238,244,255,.72);color:var(--ink)}
.content-page-article code{font-size:.92em}
.content-page-article pre{overflow:auto;padding:1rem;border-radius:14px;background:#0b1630;color:#eef4ff;border:1px solid rgba(7,17,39,.12)}
.content-template-profile .content-page-article>p:first-child{font-size:1.2rem}
.content-page-profile-rail{position:sticky;top:96px;display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(241,247,255,.8));border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.14)}
.content-page-profile-rail a{display:flex;justify-content:space-between;align-items:center;min-height:42px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.72);color:var(--ink);text-decoration:none;border:1px solid var(--line)}
.content-page-profile-rail a:hover{border-color:rgba(92,89,255,.32);background:rgba(154,120,255,.08)}
.content-page-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.content-page-settings-card{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.68)}
.content-page-settings-card label{display:grid;gap:6px}
.content-editor-main{margin-top:18px}
.content-page-body-editor{min-height:540px;max-width:none}
.content-page-body-editor a{color:#4c35ff;text-decoration:underline;text-underline-offset:3px}

@media (max-width:900px){.content-page-shell{grid-template-columns:1fr}.content-page-profile-rail{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.content-page-settings-grid{grid-template-columns:1fr}}
@media (max-width:640px){.content-page-shell{gap:22px}.content-page-article{font-size:1rem}.content-page-article h2{margin-top:2.1rem}.content-page-profile-rail{grid-template-columns:1fr}.content-page-body-editor{min-height:440px}}
.content-page-article figure{margin:1.7rem 0;padding:0}
.content-page-article figure img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.7)}
.content-page-article figcaption{margin-top:.6rem;color:var(--muted);font-size:.9rem;line-height:1.5}


/* Living Architecture Nodes — canonical product/support surfaces */
.lan-hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);gap:clamp(32px,6vw,84px);align-items:center;padding-top:clamp(44px,7vw,86px);padding-bottom:clamp(38px,6vw,72px)}
.lan-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.lan-badge{display:inline-flex;align-items:center;min-height:29px;padding:5px 10px;border:1px solid var(--border,#dce3e7);border-radius:999px;background:rgba(255,255,255,.72);font-size:.78rem;font-weight:700;letter-spacing:.02em}.lan-hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.9;letter-spacing:-.055em;max-width:880px;margin:.18em 0}.lan-lede{font-size:clamp(1.08rem,2vw,1.4rem);line-height:1.58;max-width:760px}.lan-small-note{font-size:.9rem;opacity:.72;margin-top:14px}.lan-hero-art{position:relative;min-height:390px;display:grid;place-items:center;border-radius:34px;background:radial-gradient(circle at 38% 28%,rgba(103,232,249,.22),transparent 34%),linear-gradient(145deg,#111827,#0f172a 58%,#172554);overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.18)}.lan-hero-art:after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.13);border-radius:25px}.lan-node-mark{position:relative;display:block;flex:0 0 auto}.lan-node-mark-large{width:230px;height:230px;z-index:1;filter:drop-shadow(0 18px 32px rgba(0,0,0,.28))}.lan-node-mark-small{width:104px;height:104px;margin-left:auto}.lan-node-mark:before,.lan-node-mark:after{content:"";position:absolute;left:50%;top:50%;width:74%;height:2px;background:linear-gradient(90deg,rgba(103,232,249,.05),rgba(103,232,249,.9),rgba(167,139,250,.9));transform-origin:center}.lan-node-mark:before{transform:translate(-50%,-50%) rotate(33deg)}.lan-node-mark:after{transform:translate(-50%,-50%) rotate(-33deg)}.lan-node-core,.lan-node{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.68);box-shadow:0 0 0 7px rgba(255,255,255,.04),0 0 32px rgba(103,232,249,.3)}.lan-node-core{width:42%;height:42%;left:29%;top:29%;background:radial-gradient(circle at 35% 30%,#e0f2fe,#67e8f9 36%,#6366f1 100%);border-width:3px}.lan-node{width:18%;height:18%;background:linear-gradient(145deg,#38bdf8,#8b5cf6)}.lan-node-a{left:4%;top:11%}.lan-node-b{right:4%;top:11%}.lan-node-c{left:4%;bottom:11%}.lan-node-d{right:4%;bottom:11%}.lan-status-card{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(15,23,42,.78);backdrop-filter:blur(14px);color:#e5eef7;font-size:.78rem}.lan-status-card strong{color:#fff}.lan-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lan-problem-card{padding:26px;border:1px solid var(--border,#dce3e7);border-radius:22px;background:var(--surface,#fff)}.lan-problem-lead{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.25fr;column-gap:44px;align-items:start}.lan-problem-lead .eyebrow,.lan-problem-lead h2{grid-column:1}.lan-problem-lead p{grid-column:2;margin-top:0}.lan-number{font-size:.8rem;font-weight:800;opacity:.55}.lan-problem-card h3{margin:.8rem 0 .45rem}.lan-feature-shell{padding-top:20px}.lan-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lan-feature-grid article{padding:24px;border-radius:20px;background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(241,245,249,.82));border:1px solid var(--border,#dce3e7)}.lan-feature-grid strong{display:block;font-size:1.05rem;margin-bottom:8px}.lan-feature-grid p{margin:0;line-height:1.55}.lan-workflow{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:52px;align-items:start}.lan-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.lan-steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px;border:1px solid var(--border,#dce3e7);border-radius:18px;background:var(--surface,#fff)}.lan-steps li>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0f172a;color:#fff;font-weight:800}.lan-steps p{margin:.3rem 0 0}.lan-trust-strip{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:36px;padding:32px;border-radius:28px;background:#0f172a;color:#dbeafe}.lan-trust-strip h2{color:#fff}.lan-trust-strip .eyebrow{color:#93c5fd}.lan-trust-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lan-trust-facts span{display:grid;gap:4px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.04)}.lan-trust-facts b{color:#fff}.lan-links-panel{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:40px}.lan-link-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lan-link-grid a{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--border,#dce3e7);border-radius:16px;text-decoration:none;background:var(--surface,#fff)}.lan-link-grid a:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(15,23,42,.08)}.lan-link-grid span{font-size:.9rem;opacity:.72}.lan-support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.lan-support-grid article{padding:26px;border:1px solid var(--border,#dce3e7);border-radius:22px;background:var(--surface,#fff)}.lan-support-grid ul{padding-left:1.2rem}.lan-support-grid li+li{margin-top:.55rem}.lan-support-cta{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:30px;border-radius:24px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe}.lan-support-cta h2{margin-bottom:.35rem}.lan-support-cta p{margin:0;max-width:760px}
@media (max-width:900px){.lan-hero,.lan-workflow,.lan-trust-strip,.lan-links-panel{grid-template-columns:1fr}.lan-hero-art{min-height:320px}.lan-problem-grid,.lan-feature-grid{grid-template-columns:1fr 1fr}.lan-problem-lead{grid-template-columns:1fr}.lan-problem-lead p{grid-column:1}.lan-support-grid{grid-template-columns:1fr}.lan-status-card{grid-template-columns:1fr}.lan-link-grid{grid-template-columns:1fr}.lan-support-cta{align-items:flex-start;flex-direction:column}}
@media (max-width:620px){.lan-problem-grid,.lan-feature-grid,.lan-trust-facts{grid-template-columns:1fr}.lan-hero h1{font-size:clamp(2.65rem,15vw,4.4rem)}.lan-hero-art{min-height:290px}.lan-node-mark-large{width:185px;height:185px}.lan-status-card{left:14px;right:14px;bottom:14px}.lan-problem-card,.lan-support-grid article{padding:20px}}

.lan-card-node-icon{position:relative;display:block;border-radius:16px;background:linear-gradient(145deg,#0f172a,#172554);overflow:hidden}.lan-card-node-icon:before,.lan-card-node-icon:after{content:"";position:absolute;left:13%;right:13%;top:50%;height:2px;background:linear-gradient(90deg,#67e8f9,#8b5cf6);transform-origin:center}.lan-card-node-icon:before{transform:rotate(36deg)}.lan-card-node-icon:after{transform:rotate(-36deg)}.lan-card-node-icon i,.lan-card-node-icon b,.lan-card-node-icon em{position:absolute;border-radius:50%;background:linear-gradient(145deg,#67e8f9,#8b5cf6);box-shadow:0 0 12px rgba(103,232,249,.45)}.lan-card-node-icon i{width:34%;height:34%;left:33%;top:33%;background:radial-gradient(circle at 35% 30%,#fff,#67e8f9 42%,#6366f1)}.lan-card-node-icon b{width:17%;height:17%;left:12%;top:12%}.lan-card-node-icon em{width:17%;height:17%;right:12%;bottom:12%}


/* =========================================================
   ALTRU.DEV FUTURE DEVELOPMENT PLATFORM · FREQUENCY v2
   Precision at the surface. Evidence underneath.
   ========================================================= */
:root{
  --platform-bg:#080c10;
  --platform-bg-soft:#0b1116;
  --platform-panel:#0f161c;
  --platform-panel-2:#121a21;
  --platform-line:#26323b;
  --platform-line-strong:#38505d;
  --platform-text:#edf4f6;
  --platform-muted:#91a2ac;
  --platform-cyan:#6fe5d4;
  --platform-cyan-soft:#b8fff4;
  --platform-blue:#79b8ff;
  --platform-warn:#ffc46b;
  --platform-good:#7de0a0;
  --platform-bad:#ff8790;
  --platform-radius:16px;
  --platform-shadow:0 18px 50px rgba(0,0,0,.22);
}

/* Public site */
body:not(.admin-body){
  background:var(--platform-bg);
  color:var(--platform-text);
}
body:not(.admin-body) .site-shell{
  max-width:1460px;
  margin:0 auto;
  background:transparent;
}
body:not(.admin-body) .site-header{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(8,12,16,.94);
  backdrop-filter:blur(16px);
  border-bottom:1px solid var(--platform-line);
  box-shadow:none;
}
body:not(.admin-body) .site-nav a{
  color:var(--platform-muted);
  border-radius:9px;
}
body:not(.admin-body) .site-nav a:hover,
body:not(.admin-body) .site-nav .nav-progress{
  color:var(--platform-text);
  background:#111a20;
}
body:not(.admin-body) .brand-code{color:#fff}
body:not(.admin-body) .brand-tagline{color:#8899a3}
body:not(.admin-body) .brand-dev{
  box-shadow:none;
  border:1px solid rgba(111,229,212,.25);
}
body:not(.admin-body) .btn{
  border-radius:10px;
  box-shadow:none;
}
body:not(.admin-body) .btn-primary{
  background:var(--platform-cyan);
  border-color:var(--platform-cyan);
  color:#06100e;
}
body:not(.admin-body) .btn-primary:hover{
  background:var(--platform-cyan-soft);
  border-color:var(--platform-cyan-soft);
}
body:not(.admin-body) .btn-ghost{
  background:#0d1419;
  border-color:var(--platform-line);
  color:var(--platform-text);
}
body:not(.admin-body) .eyebrow{
  color:var(--platform-cyan);
  letter-spacing:.14em;
  font-weight:800;
}
.altru-home-hero-v5{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  padding:clamp(54px,8vw,112px) 0 clamp(42px,6vw,78px);
  border-bottom:1px solid var(--platform-line);
  position:relative;
  overflow:hidden;
}
.altru-home-hero-v5::after{
  content:"";
  position:absolute;
  inset:auto -8% -55% auto;
  width:min(620px,58vw);
  aspect-ratio:1;
  background:
    radial-gradient(circle at 44% 45%,rgba(111,229,212,.12),transparent 34%),
    radial-gradient(circle at 60% 38%,rgba(121,184,255,.08),transparent 42%);
  filter:blur(20px);
  pointer-events:none;
}
.altru-home-hero-v5 .altru-home-copy{
  max-width:1040px;
  position:relative;
  z-index:1;
}
.altru-home-hero-v5 h1{
  font-size:clamp(3rem,8vw,7rem);
  line-height:.92;
  letter-spacing:-.065em;
  margin:.22em 0 .28em;
  max-width:1000px;
}
.altru-home-hero-v5 h1 span{color:var(--platform-cyan)}
.altru-home-hero-v5 p{
  max-width:800px;
  color:var(--platform-muted);
  font-size:clamp(1.08rem,2vw,1.35rem);
  line-height:1.65;
}
.hero-system-line{
  display:flex;
  align-items:center;
  gap:11px;
  flex-wrap:wrap;
  margin-top:32px;
  color:#70848f;
  font:800 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
}
.hero-system-line i{
  display:block;
  width:28px;
  height:1px;
  background:var(--platform-line-strong);
}
.current-development-section,
.platform-principles,
body:not(.admin-body) .featured-public-tools,
body:not(.admin-body) .section{
  border-color:var(--platform-line);
}
.current-development-section{
  padding-top:38px;
  padding-bottom:44px;
}
.current-development-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.development-card{
  display:flex;
  min-height:230px;
  flex-direction:column;
  padding:20px;
  border:1px solid var(--platform-line);
  border-radius:var(--platform-radius);
  background:linear-gradient(180deg,var(--platform-panel),#0b1116);
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.development-card:hover{
  transform:translateY(-2px);
  border-color:var(--platform-line-strong);
  background:#121b21;
}
.development-meta{
  display:flex;
  gap:9px;
  align-items:center;
  flex-wrap:wrap;
  color:var(--platform-muted);
  font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  text-transform:uppercase;
}
.development-meta time{margin-left:auto}
.status-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--platform-cyan);
  box-shadow:0 0 0 4px rgba(111,229,212,.08);
}
.development-card h3{
  margin:22px 0 9px;
  font-size:1.22rem;
  letter-spacing:-.02em;
}
.development-card p{
  margin:0;
  color:var(--platform-muted);
  line-height:1.56;
}
.development-link{
  margin-top:auto;
  padding-top:22px;
  color:var(--platform-cyan);
  font-weight:800;
}
.platform-principles{padding-top:0}
.platform-principles-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid var(--platform-line);
  border-radius:var(--platform-radius);
  overflow:hidden;
  background:var(--platform-panel);
}
.platform-principles-grid article{padding:22px}
.platform-principles-grid article+article{border-left:1px solid var(--platform-line)}
.platform-principles-grid h3{margin:.45rem 0}
.platform-principles-grid p{margin:0;color:var(--platform-muted);line-height:1.55}
body:not(.admin-body) .section-head h2{letter-spacing:-.035em}
body:not(.admin-body) .product-card,
body:not(.admin-body) .progress-featured,
body:not(.admin-body) .progress-timeline-item,
body:not(.admin-body) .content-card,
body:not(.admin-body) .page-panel{
  background:var(--platform-panel);
  border-color:var(--platform-line);
  box-shadow:none;
}
body:not(.admin-body) .product-card:hover{border-color:var(--platform-line-strong)}
body:not(.admin-body) .product-card p,
body:not(.admin-body) .muted{color:var(--platform-muted)}
body:not(.admin-body) .site-footer{
  border-top:1px solid var(--platform-line);
  background:#070a0d;
}

/* Admin platform */
.admin-platform-v2{
  margin:0;
  background:#080c10;
  color:var(--platform-text);
}
.admin-platform-v2 .admin-shell{
  max-width:none;
  min-height:100vh;
  display:grid;
  grid-template-columns:236px minmax(0,1fr);
  background:#080c10;
}
.admin-platform-v2 .admin-sidebar{
  position:sticky;
  top:0;
  height:100vh;
  padding:18px 14px;
  border-right:1px solid var(--platform-line);
  background:#0a0f13;
  box-shadow:none;
  overflow:hidden;
}
.admin-platform-v2 .admin-logo{
  display:block;
  padding:4px 6px 18px;
}
.admin-platform-v2 .admin-logo img{
  width:178px;
  max-width:100%;
  border-radius:0;
  box-shadow:none;
}
.admin-platform-v2 .admin-sidebar-scroll{
  overflow:auto;
  max-height:calc(100vh - 138px);
  padding-right:2px;
}
.admin-platform-v2 .admin-nav{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.admin-platform-v2 .admin-nav-label{
  margin:14px 8px 5px;
  color:#617680;
  font:800 .66rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.admin-platform-v2 .admin-nav>a,
.admin-platform-v2 .admin-nav-more>a{
  display:block;
  padding:10px 11px;
  border-radius:9px;
  color:#98aab4;
  font-weight:700;
  text-decoration:none;
}
.admin-platform-v2 .admin-nav>a:hover,
.admin-platform-v2 .admin-nav-more>a:hover{
  background:#101820;
  color:#fff;
}
.admin-platform-v2 .admin-nav>a.active,
.admin-platform-v2 .admin-nav-more>a.active{
  background:#142229;
  color:var(--platform-cyan-soft);
  box-shadow:inset 2px 0 var(--platform-cyan);
}
.admin-platform-v2 .admin-nav-more{
  margin-top:8px;
  border-top:1px solid #18232a;
  padding-top:7px;
}
.admin-platform-v2 .admin-nav-more summary{
  cursor:pointer;
  list-style:none;
  padding:10px 11px;
  color:#71858f;
  font-size:.78rem;
  font-weight:800;
}
.admin-platform-v2 .admin-nav-more summary::-webkit-details-marker{display:none}
.admin-platform-v2 .admin-sidebar-footer{
  position:absolute;
  bottom:14px;
  left:14px;
  right:14px;
}
.admin-platform-v2 .admin-sidebar-footer .btn{width:100%}
.admin-platform-v2 .admin-main{
  min-width:0;
  padding:0 26px 88px;
}
.admin-platform-v2 .admin-top{
  position:sticky;
  top:0;
  z-index:35;
  min-height:92px;
  margin:0 -26px 22px;
  padding:20px 26px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:rgba(8,12,16,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--platform-line);
  border-radius:0;
  box-shadow:none;
}
.admin-platform-v2 .admin-top h1{
  margin:3px 0 0;
  font-size:clamp(1.6rem,3vw,2.25rem);
  letter-spacing:-.035em;
  color:var(--platform-text);
}
.admin-platform-v2 .admin-user{
  color:var(--platform-muted);
  font-size:.86rem;
}
.admin-platform-v2 .admin-user a{color:var(--platform-cyan)}
.admin-platform-v2 .admin-panel{
  margin:12px 0;
  padding:18px;
  background:var(--platform-panel);
  border:1px solid var(--platform-line);
  border-radius:var(--platform-radius);
  box-shadow:none;
  color:var(--platform-text);
}
.admin-platform-v2 .admin-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.admin-platform-v2 .admin-panel h2,
.admin-platform-v2 .admin-panel h3{
  color:var(--platform-text);
  letter-spacing:-.025em;
}
.admin-platform-v2 .admin-panel p,
.admin-platform-v2 .admin-panel small,
.admin-platform-v2 .muted{
  color:var(--platform-muted);
}
.admin-platform-v2 .btn{
  border-radius:9px;
  box-shadow:none;
}
.admin-platform-v2 .btn-primary{
  background:var(--platform-cyan);
  border-color:var(--platform-cyan);
  color:#07110f;
}
.admin-platform-v2 .btn-ghost{
  background:#10171d;
  border-color:var(--platform-line);
  color:var(--platform-text);
}
.admin-platform-v2 .admin-form input,
.admin-platform-v2 .admin-form textarea,
.admin-platform-v2 .admin-form select,
.admin-platform-v2 input,
.admin-platform-v2 textarea,
.admin-platform-v2 select{
  background:#0b1116;
  border:1px solid #2a3943;
  color:var(--platform-text);
  border-radius:9px;
}
.admin-platform-v2 input:focus,
.admin-platform-v2 textarea:focus,
.admin-platform-v2 select:focus{
  border-color:var(--platform-cyan);
  outline:2px solid rgba(111,229,212,.08);
  outline-offset:0;
}
.admin-platform-v2 label{color:#cbd6db}
.admin-platform-v2 code,
.admin-platform-v2 .code-sample{
  background:#090e14;
  color:#b7dfff;
  border-color:#20303b;
}
.admin-platform-v2 .admin-warning{
  background:#22181b;
  border:1px solid #553039;
  color:#f1c1c8;
}
.admin-platform-v2 .admin-flash.ok{
  background:#102219;
  border-color:#26573b;
  color:#a7efbd;
}
.admin-platform-v2 .admin-flash.bad{
  background:#281519;
  border-color:#663039;
  color:#ffc0c6;
}
.admin-platform-v2 .admin-table-wrap{
  overflow:auto;
  border-radius:12px;
  border:1px solid var(--platform-line);
}
.admin-platform-v2 .admin-table{
  width:100%;
  border-collapse:collapse;
  color:var(--platform-text);
}
.admin-platform-v2 .admin-table th{
  color:#7f949f;
  background:#0b1116;
  font:800 .7rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.admin-platform-v2 .admin-table th,
.admin-platform-v2 .admin-table td{
  padding:11px 12px;
  border-bottom:1px solid #1f2a31;
}
.admin-platform-v2 .admin-table tr:last-child td{border-bottom:0}
.admin-platform-v2 .admin-table a{color:var(--platform-cyan)}
.admin-platform-v2 .admin-cards,
.platform-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.admin-platform-v2 .admin-cards article,
.platform-stat-grid article{
  padding:18px;
  border:1px solid var(--platform-line);
  border-radius:14px;
  background:linear-gradient(180deg,#10181e,#0d1318);
}
.admin-platform-v2 .admin-cards strong,
.platform-stat-grid strong{
  display:block;
  font-size:clamp(1.5rem,3vw,2.35rem);
  color:var(--platform-text);
  letter-spacing:-.04em;
}
.admin-platform-v2 .admin-cards span,
.platform-stat-grid span{color:var(--platform-muted)}
.platform-home-intro{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-end;
  padding:22px 0 16px;
}
.platform-home-intro h2{
  margin:.35rem 0 .45rem;
  font-size:clamp(2rem,5vw,4.4rem);
  letter-spacing:-.055em;
}
.platform-home-intro p{
  max-width:720px;
  color:var(--platform-muted);
  line-height:1.6;
}
.platform-home-actions{display:flex;gap:8px;flex-wrap:wrap}
.platform-dashboard-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);
  gap:12px;
}
.platform-panel-primary{min-height:330px}
.platform-record-list{display:grid;gap:8px}
.platform-record{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:4px 14px;
  padding:12px 0;
  border-bottom:1px solid #1f2a31;
  color:inherit;
  text-decoration:none;
}
.platform-record:last-child{border-bottom:0}
.platform-record-date{
  grid-row:1 / span 2;
  color:#71858f;
  font:700 .72rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;
}
.platform-record strong{color:var(--platform-text)}
.platform-record small{color:var(--platform-muted)}
.platform-record-list.compact .platform-record{grid-template-columns:150px minmax(0,1fr)}
.platform-health-list{display:grid}
.platform-health-list>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid #1f2a31;
}
.platform-health-list>div:last-child{border-bottom:0}
.health-ok{color:var(--platform-good)}
.health-warn{color:var(--platform-warn)}
.platform-health-list a{color:var(--platform-cyan)}
.platform-project-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.platform-project-card{
  display:flex;
  gap:11px;
  align-items:center;
  padding:12px;
  border:1px solid var(--platform-line);
  border-radius:11px;
  background:#0b1116;
  color:inherit;
  text-decoration:none;
}
.platform-project-card:hover{border-color:var(--platform-line-strong)}
.platform-project-card img{
  width:38px;height:38px;object-fit:contain;border-radius:8px
}
.platform-project-card strong,
.platform-project-card small{display:block}
.platform-project-card small{margin-top:3px;color:var(--platform-muted)}
.admin-platform-v2 .admin-advanced{
  margin:13px 0;
  border:1px solid var(--platform-line);
  border-radius:12px;
  background:#0b1116;
}
.admin-platform-v2 .admin-advanced summary{
  cursor:pointer;
  padding:13px 15px;
  color:#c9d4d9;
  font-weight:800;
}
.admin-platform-v2 .admin-advanced[open] summary{border-bottom:1px solid var(--platform-line)}
.admin-platform-v2 .admin-advanced>.form-grid,
.admin-platform-v2 .admin-advanced>p,
.admin-platform-v2 .admin-advanced>label{margin:14px}
.summary-note{
  float:right;
  color:#69808b;
  font-size:.75rem;
  font-weight:700;
}
.project-core-fields .field-wide{grid-column:1/-1}
.editor-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-mobile-nav{display:none}

/* Visitor cards become readable instead of metric wallpaper */
.admin-platform-v2 .visitor-summary-grid,
.admin-platform-v2 .machine-summary-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:9px;
}
.admin-platform-v2 .visitor-summary-grid article,
.admin-platform-v2 .machine-summary-grid article{
  min-height:112px;
  padding:16px;
  border:1px solid var(--platform-line);
  background:#0d1419;
  border-radius:12px;
}
.admin-platform-v2 .visitor-summary-grid strong,
.admin-platform-v2 .machine-summary-grid strong{
  font-size:1.9rem;
  color:var(--platform-text);
}

/* Patch Center — operational rather than theatrical */
.admin-platform-v2 .admin-panel:has(.patch-upload){
  background:#0d1419;
}
.admin-platform-v2 .patch-upload{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
}
.admin-platform-v2 .patch-upload label{margin:0}
.admin-platform-v2 .patch-upload input[type=file]{width:100%}

/* Mobile */
@media(max-width:980px){
  .current-development-grid,
  .platform-principles-grid,
  .platform-project-grid{grid-template-columns:1fr}
  .platform-principles-grid article+article{border-left:0;border-top:1px solid var(--platform-line)}
  .admin-platform-v2 .admin-shell{grid-template-columns:1fr}
  .admin-platform-v2 .admin-sidebar{display:none}
  .admin-platform-v2 .admin-main{padding:0 14px 88px}
  .admin-platform-v2 .admin-top{
    margin:0 -14px 14px;
    min-height:74px;
    padding:14px;
  }
  .admin-platform-v2 .admin-top .eyebrow{display:none}
  .admin-platform-v2 .admin-user{font-size:.72rem}
  .platform-dashboard-grid{grid-template-columns:1fr}
  .admin-platform-v2 .admin-cards,
  .platform-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-mobile-nav{
    position:fixed;
    z-index:90;
    left:8px;
    right:8px;
    bottom:8px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:4px;
    padding:6px;
    border:1px solid var(--platform-line);
    border-radius:14px;
    background:rgba(10,15,19,.96);
    backdrop-filter:blur(14px);
    box-shadow:0 18px 50px rgba(0,0,0,.45);
  }
  .admin-mobile-nav a{
    display:grid;
    place-items:center;
    min-height:44px;
    padding:4px 2px;
    color:#8fa2ac;
    text-decoration:none;
    font-size:.72rem;
    font-weight:800;
    border-radius:9px;
  }
  .admin-mobile-nav .admin-mobile-create{
    background:var(--platform-cyan);
    color:#06100e;
    font-size:1.5rem;
  }
  .admin-platform-v2 .admin-table-wrap{overflow:visible;border:0}
  .admin-platform-v2 .admin-table,
  .admin-platform-v2 .admin-table tbody,
  .admin-platform-v2 .admin-table tr,
  .admin-platform-v2 .admin-table td{display:block;width:100%}
  .admin-platform-v2 .admin-table thead,
  .admin-platform-v2 .admin-table th{display:none}
  .admin-platform-v2 .admin-table tr{
    margin:0 0 9px;
    padding:10px 12px;
    border:1px solid var(--platform-line);
    border-radius:11px;
    background:#0b1116;
  }
  .admin-platform-v2 .admin-table td{
    padding:5px 0;
    border:0;
    overflow-wrap:anywhere;
  }
  .admin-platform-v2 .patch-upload{grid-template-columns:1fr}
  .admin-platform-v2 .patch-upload .btn{width:100%}
}
@media(max-width:620px){
  body:not(.admin-body) .site-header{padding-left:12px;padding-right:12px}
  .altru-home-hero-v5{padding:48px 0 34px}
  .altru-home-hero-v5 h1{font-size:clamp(3rem,15vw,4.6rem)}
  .development-meta time{margin-left:0;width:100%}
  .admin-platform-v2 .admin-top h1{font-size:1.45rem}
  .admin-platform-v2 .admin-top{align-items:flex-start}
  .admin-platform-v2 .admin-user{max-width:45%;text-align:right}
  .admin-platform-v2 .admin-cards,
  .platform-stat-grid{grid-template-columns:1fr 1fr}
  .platform-home-intro{align-items:flex-start;flex-direction:column}
  .platform-home-intro h2{font-size:2.4rem}
  .platform-home-actions{width:100%}
  .platform-home-actions .btn{flex:1;text-align:center}
  .platform-record,
  .platform-record-list.compact .platform-record{grid-template-columns:1fr}
  .platform-record-date{grid-row:auto}
  .admin-platform-v2 .admin-panel{padding:14px}
  .admin-platform-v2 .admin-panel-head{flex-direction:column}
  .admin-platform-v2 .admin-panel-head .btn{width:100%;text-align:center}
  .editor-actions{width:100%}
  .editor-actions .btn{flex:1}
}
@media(prefers-reduced-motion:reduce){
  .development-card,.product-card{transition:none!important;transform:none!important}
}


/* === Frequency visual refinement v2.1.0 ===
   Higher contrast, tighter hierarchy, denser live-development platform. */
:root{
  --fp21-ink:#0d1725;
  --fp21-text:#243246;
  --fp21-muted:#5f6f82;
  --fp21-line:#cfd9e3;
  --fp21-panel:#ffffff;
  --fp21-panel-soft:#f6f9fc;
  --fp21-dark:#0c131a;
  --fp21-dark-2:#111b24;
  --fp21-cyan:#38cdbf;
  --fp21-blue:#5068e8;
}

body{
  color:var(--fp21-text) !important;
  background:
    linear-gradient(rgba(32,52,72,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,52,72,.045) 1px,transparent 1px),
    radial-gradient(circle at 88% 10%,rgba(56,205,191,.10),transparent 30rem),
    radial-gradient(circle at 20% 72%,rgba(80,104,232,.06),transparent 32rem),
    #f8fbfd !important;
  background-size:42px 42px,42px 42px,auto,auto,auto !important;
}

.site-header{
  max-width:1180px !important;
  min-height:72px !important;
  margin:10px auto 0 !important;
  padding:10px 16px !important;
  background:rgba(9,15,21,.97) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  box-shadow:0 10px 34px rgba(6,15,25,.12) !important;
}
.site-header .brand-lockup{transform:none !important}
.site-header .brand-heart{width:34px !important;height:34px !important}
.site-header .brand-word{font-size:1.1rem !important}
.site-header .brand-tagline{opacity:.78 !important}
.site-nav a{font-size:.79rem !important;color:#afbdca !important}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:#fff !important;background:#17232d !important}

.altru-home-hero-v5{
  min-height:auto !important;
  padding:76px 0 54px !important;
  border-bottom:1px solid #93a4b4 !important;
}
.altru-home-hero-v5 .altru-home-copy{max-width:880px !important}
.altru-home-hero-v5 h1{
  color:var(--fp21-ink) !important;
  font-size:clamp(3.5rem,8vw,7.2rem) !important;
  line-height:.92 !important;
  letter-spacing:-.075em !important;
  max-width:840px !important;
}
.altru-home-hero-v5 h1 span{
  color:var(--fp21-blue) !important;
  background:none !important;
  -webkit-text-fill-color:currentColor !important;
}
.altru-home-hero-v5 p{
  color:#4c5e73 !important;
  font-size:clamp(1.05rem,1.8vw,1.28rem) !important;
  line-height:1.58 !important;
  max-width:760px !important;
}
.hero-system-line{
  color:#607488 !important;
  opacity:1 !important;
}
.hero-system-line i{background:#9fb0be !important}

.section{
  padding-top:44px !important;
  padding-bottom:44px !important;
}
.section-head{
  margin-bottom:20px !important;
  align-items:flex-end !important;
}
.section-head h2{
  color:var(--fp21-ink) !important;
  opacity:1 !important;
  text-shadow:none !important;
}
.section-head p{color:var(--fp21-muted) !important}
.eyebrow{
  color:#178f85 !important;
  opacity:1 !important;
}

.current-development-section{
  padding-top:42px !important;
  padding-bottom:34px !important;
}
.current-development-section .section-head h2{
  font-size:clamp(2rem,4vw,3.6rem) !important;
  letter-spacing:-.055em !important;
}
.current-development-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
}
.development-card{
  min-height:230px !important;
  padding:20px !important;
  background:linear-gradient(180deg,var(--fp21-dark-2),var(--fp21-dark)) !important;
  border:1px solid #23313c !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
.development-card:hover{
  transform:translateY(-2px) !important;
  border-color:#3d5968 !important;
  box-shadow:0 14px 30px rgba(11,21,30,.12) !important;
}
.development-card h3{
  color:#fff !important;
  font-size:1.2rem !important;
  line-height:1.22 !important;
  letter-spacing:-.025em !important;
}
.development-card p{
  color:#aebcc7 !important;
  line-height:1.55 !important;
}
.development-meta{
  color:#80ddd3 !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}
.development-meta time{
  color:#82929e !important;
  margin-left:auto !important;
}
.development-link{color:#70e5d8 !important}

.platform-principles{
  padding-top:12px !important;
  padding-bottom:38px !important;
}
.platform-principles-grid{
  border-radius:14px !important;
  overflow:hidden !important;
}
.platform-principles-grid article{
  background:#101820 !important;
  border-color:#28343e !important;
  padding:20px !important;
}
.platform-principles-grid h3{color:#fff !important}
.platform-principles-grid p{color:#aeb9c3 !important}

.featured-public-tools{
  padding-top:42px !important;
}
.featured-public-tools .section-head h2{
  color:var(--fp21-ink) !important;
  font-size:clamp(2.2rem,5vw,4.4rem) !important;
  max-width:720px !important;
  opacity:1 !important;
}
.featured-public-tools .section-head p{
  max-width:720px !important;
  margin-top:10px !important;
}
.featured-product-grid{
  gap:12px !important;
}
.featured-product-grid .product-card{
  background:#fff !important;
  border:1px solid #d4dde6 !important;
  border-radius:16px !important;
  box-shadow:0 6px 20px rgba(26,42,58,.055) !important;
  min-height:300px !important;
  padding:18px !important;
}
.featured-product-grid .product-card:before{display:none !important}
.featured-product-grid .product-card:hover{
  transform:translateY(-2px) !important;
  border-color:#9db0bf !important;
  box-shadow:0 12px 30px rgba(26,42,58,.09) !important;
}
.featured-product-grid .product-card h3{
  color:#152132 !important;
  opacity:1 !important;
}
.featured-product-grid .product-card > p{
  color:#536477 !important;
  opacity:1 !important;
}
.featured-product-grid .card-meta,
.featured-product-grid .card-record{
  color:#657588 !important;
}
.featured-product-grid .status-pill{
  background:#e5f8f5 !important;
  color:#16796f !important;
  border-color:#bfe9e3 !important;
}

.site-footer{
  margin-top:46px !important;
  border-radius:18px !important;
}

.btn{
  border-radius:9px !important;
}
.btn-primary{
  background:#67dfd1 !important;
  border-color:#67dfd1 !important;
  color:#071411 !important;
}
.btn-ghost{
  background:#0e171f !important;
  border-color:#0e171f !important;
  color:#fff !important;
}

@media(max-width:980px){
  .site-header{margin:0 !important;border-radius:0 !important;max-width:none !important}
  .current-development-grid{grid-template-columns:1fr !important}
  .development-card{min-height:0 !important}
  .featured-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:640px){
  body{background-size:28px 28px,28px 28px,auto,auto,auto !important}
  .altru-home-hero-v5{padding:46px 0 34px !important}
  .altru-home-hero-v5 h1{font-size:clamp(3rem,16vw,4.6rem) !important}
  .section{padding-top:30px !important;padding-bottom:30px !important}
  .section-head{align-items:flex-start !important;gap:12px !important}
  .featured-product-grid{grid-template-columns:1fr !important}
  .featured-product-grid .product-card{min-height:0 !important}
  .platform-principles-grid{grid-template-columns:1fr !important}
}


/* === Frequency readability + identity correction v2.2.0 ===
   Softer technical surfaces, corrected header logo treatment, light Admin. */

/* Public header: technical slate instead of near-black. */
body:not(.admin-body) .site-header,
.site-header{
  background:rgba(39,54,66,.97) !important;
  border:1px solid #4c6170 !important;
  box-shadow:0 10px 28px rgba(33,48,60,.12) !important;
}
.site-header .brand-heart{
  width:42px !important;
  height:38px !important;
  flex-basis:42px !important;
  filter:drop-shadow(0 7px 14px rgba(255,92,99,.22)) !important;
}
.site-header .brand-heart .brand-heart-fill{
  fill:#ff655f !important;
}
.site-header .brand-code{
  color:#fff !important;
  font-size:.68rem !important;
  letter-spacing:-.08em !important;
  top:49% !important;
}
.site-header .brand-word{
  font-size:1.3rem !important;
  background:linear-gradient(100deg,#ffffff 0%,#d9f5f1 34%,#8fe3da 62%,#b9b7ff 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  text-shadow:none !important;
}
.site-header .brand-dev{
  color:#16313c !important;
  background:#bceee8 !important;
  border:1px solid #dffaf7 !important;
}
.site-header .brand-tagline{
  color:#d6e0e7 !important;
  opacity:.92 !important;
  letter-spacing:.28em !important;
}
.site-header .site-nav a{
  color:#d1dbe2 !important;
  opacity:1 !important;
}
.site-header .site-nav a:hover,
.site-header .site-nav .nav-progress{
  color:#fff !important;
  background:#3b4d5b !important;
}
.site-header .header-actions .btn-primary{
  background:#73ddd1 !important;
  border-color:#73ddd1 !important;
  color:#102028 !important;
}

/* Hero: strong but not oversized. */
.altru-home-hero-v5{
  padding:58px 0 44px !important;
}
.altru-home-hero-v5 h1{
  max-width:760px !important;
  font-size:clamp(3.2rem,6.4vw,5.9rem) !important;
  line-height:.94 !important;
}
.altru-home-hero-v5 p{
  max-width:720px !important;
  color:#4b5f71 !important;
}
.hero-system-line{margin-top:24px !important}

/* Soften dark public surfaces without losing technical contrast. */
.development-card{
  background:linear-gradient(180deg,#3a4d5b,#31424f) !important;
  border-color:#506574 !important;
  box-shadow:0 6px 18px rgba(42,58,70,.08) !important;
}
.development-card:hover{
  border-color:#6d8797 !important;
  box-shadow:0 10px 24px rgba(42,58,70,.12) !important;
}
.development-card h3{color:#fff !important}
.development-card p{color:#d4dde3 !important}
.development-meta{color:#92eee4 !important}
.development-meta time{color:#bdc9d1 !important}
.development-link{color:#9df2e8 !important}

.platform-principles-grid article{
  background:#435461 !important;
  border-color:#5a6d79 !important;
}
.platform-principles-grid h3{color:#fff !important}
.platform-principles-grid p{color:#d8e0e5 !important}
.platform-principles-grid .eyebrow{color:#9ef2e8 !important}

body:not(.admin-body) .btn-ghost{
  background:#435461 !important;
  border-color:#566b79 !important;
  color:#fff !important;
}
body:not(.admin-body) .site-footer{
  background:#354651 !important;
  border-color:#50616d !important;
}
body:not(.admin-body) .site-footer,
body:not(.admin-body) .site-footer a,
body:not(.admin-body) .site-footer p,
body:not(.admin-body) .site-footer small{
  color:#dbe5ea !important;
}
body:not(.admin-body) .site-footer .brand-word{
  background:linear-gradient(100deg,#fff,#9fe9df,#c6c4ff) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
body:not(.admin-body) .site-footer .brand-tagline{color:#c6d2d9 !important}

/* Keep the light canvas precise and readable. */
body:not(.admin-body){
  color:#243545 !important;
}
body:not(.admin-body) .section-head h2,
body:not(.admin-body) h1,
body:not(.admin-body) h2{
  color:#132130 !important;
}
body:not(.admin-body) .eyebrow{color:#178f85 !important}

/* ADMIN: switch from black console to a bright technical workspace. */
.admin-platform-v2{
  --platform-bg:#eef3f6;
  --platform-bg-soft:#e6edf1;
  --platform-panel:#ffffff;
  --platform-panel-2:#f6f9fb;
  --platform-line:#c9d5dc;
  --platform-line-strong:#9eb0bc;
  --platform-text:#172634;
  --platform-muted:#607482;
  --platform-cyan:#168f83;
  --platform-cyan-soft:#0e746c;
  --platform-blue:#386fa7;
  --platform-warn:#9a6515;
  --platform-good:#28744a;
  --platform-bad:#a7434b;
  background:#eef3f6 !important;
  color:#172634 !important;
}
.admin-platform-v2 .admin-shell{
  background:#eef3f6 !important;
}
.admin-platform-v2 .admin-sidebar{
  background:#f8fafb !important;
  border-right:1px solid #cbd6dd !important;
}
.admin-platform-v2 .admin-nav-label{
  color:#718592 !important;
}
.admin-platform-v2 .admin-nav>a,
.admin-platform-v2 .admin-nav-more>a{
  color:#435766 !important;
}
.admin-platform-v2 .admin-nav>a:hover,
.admin-platform-v2 .admin-nav-more>a:hover{
  background:#e8eff3 !important;
  color:#142532 !important;
}
.admin-platform-v2 .admin-nav>a.active,
.admin-platform-v2 .admin-nav-more>a.active{
  background:#dff2ef !important;
  color:#126c64 !important;
  box-shadow:inset 3px 0 #30b6a7 !important;
}
.admin-platform-v2 .admin-nav-more{
  border-top-color:#d9e2e7 !important;
}
.admin-platform-v2 .admin-nav-more summary{
  color:#657985 !important;
}
.admin-platform-v2 .admin-top{
  background:rgba(246,249,251,.96) !important;
  border-bottom:1px solid #cbd6dd !important;
}
.admin-platform-v2 .admin-top h1{color:#172634 !important}
.admin-platform-v2 .admin-user{color:#607482 !important}
.admin-platform-v2 .admin-user a{color:#137c72 !important}

.admin-platform-v2 .admin-panel,
.admin-platform-v2 .admin-cards article,
.admin-platform-v2 .visitor-summary-grid article,
.admin-platform-v2 .machine-summary-grid article,
.admin-platform-v2 .admin-panel:has(.patch-upload),
.platform-stat-grid article{
  background:#ffffff !important;
  border-color:#cad6dd !important;
  color:#172634 !important;
  box-shadow:0 5px 18px rgba(45,67,82,.055) !important;
}
.admin-platform-v2 .admin-panel h2,
.admin-platform-v2 .admin-panel h3,
.admin-platform-v2 .admin-cards strong,
.admin-platform-v2 .visitor-summary-grid strong,
.admin-platform-v2 .machine-summary-grid strong,
.platform-stat-grid strong{
  color:#172634 !important;
}
.admin-platform-v2 .admin-panel p,
.admin-platform-v2 .admin-panel small,
.admin-platform-v2 .muted,
.admin-platform-v2 .admin-cards span,
.platform-stat-grid span{
  color:#607482 !important;
}

.platform-home-intro h2{color:#172634 !important}
.platform-home-intro p{color:#607482 !important}

.platform-project-card,
.admin-platform-v2 .admin-advanced{
  background:#f7fafb !important;
  border-color:#cad6dd !important;
}
.platform-project-card strong{color:#172634 !important}
.platform-project-card small{color:#657985 !important}
.admin-platform-v2 .admin-advanced summary{
  color:#304653 !important;
}
.admin-platform-v2 .admin-advanced[open] summary{
  border-bottom-color:#cad6dd !important;
}
.summary-note{color:#718692 !important}

.admin-platform-v2 .admin-form input,
.admin-platform-v2 .admin-form textarea,
.admin-platform-v2 .admin-form select,
.admin-platform-v2 input,
.admin-platform-v2 textarea,
.admin-platform-v2 select{
  background:#fff !important;
  border-color:#bfcdd5 !important;
  color:#172634 !important;
}
.admin-platform-v2 input:focus,
.admin-platform-v2 textarea:focus,
.admin-platform-v2 select:focus{
  border-color:#38a99d !important;
  outline:3px solid rgba(56,169,157,.12) !important;
}
.admin-platform-v2 label{color:#304653 !important}

.admin-platform-v2 .btn-primary{
  background:#5fd3c7 !important;
  border-color:#5fd3c7 !important;
  color:#102b2a !important;
}
.admin-platform-v2 .btn-ghost{
  background:#edf3f6 !important;
  border-color:#becbd3 !important;
  color:#233744 !important;
}
.admin-platform-v2 code,
.admin-platform-v2 .code-sample{
  background:#e8eef2 !important;
  color:#24465d !important;
  border-color:#c7d3da !important;
}
.admin-platform-v2 .admin-table-wrap{
  border-color:#cad6dd !important;
  background:#fff !important;
}
.admin-platform-v2 .admin-table{color:#223542 !important}
.admin-platform-v2 .admin-table th{
  color:#5d7280 !important;
  background:#edf3f6 !important;
}
.admin-platform-v2 .admin-table th,
.admin-platform-v2 .admin-table td{
  border-bottom-color:#d8e1e6 !important;
}
.admin-platform-v2 .admin-table a{color:#147d73 !important}

.platform-record{
  border-bottom-color:#d7e1e6 !important;
}
.platform-record-date{color:#738692 !important}
.platform-record strong{color:#172634 !important}
.platform-record small{color:#607482 !important}
.platform-health-list>div{border-bottom-color:#d7e1e6 !important}
.platform-health-list a{color:#147d73 !important}

.admin-platform-v2 .admin-warning{
  background:#fff5f4 !important;
  border-color:#e6b9b6 !important;
  color:#8c3d42 !important;
}
.admin-platform-v2 .admin-flash.ok{
  background:#edf9f1 !important;
  border-color:#b9ddc6 !important;
  color:#286942 !important;
}
.admin-platform-v2 .admin-flash.bad{
  background:#fff2f3 !important;
  border-color:#e8b8bd !important;
  color:#963c45 !important;
}

/* Mobile: keep brand legible and surfaces airy, not dark slabs. */
@media(max-width:980px){
  .site-header{
    background:#2d3d49 !important;
    border-color:#435967 !important;
  }
  .site-header .brand-word{font-size:1.12rem !important}
  .site-header .brand-heart{width:38px !important;height:35px !important;flex-basis:38px !important}
  .altru-home-hero-v5 h1{font-size:clamp(3rem,13vw,4.8rem) !important}
  .admin-platform-v2 .admin-top{
    background:rgba(246,249,251,.98) !important;
  }
  .admin-mobile-nav{
    background:#f7fafb !important;
    border-color:#c5d2d9 !important;
    box-shadow:0 8px 28px rgba(45,67,82,.16) !important;
  }
  .admin-mobile-nav a{color:#415764 !important}
  .admin-mobile-nav .admin-mobile-create{
    background:#60d4c8 !important;
    color:#12302c !important;
  }
}


/* =========================================================
   ALTRU.DEV SITEWIDE READABILITY NORMALIZATION · FREQUENCY v2.3
   One visual contract across every public template.
   ========================================================= */

body:not(.admin-body){
  --public-bg:#f7fafc;
  --public-surface:#ffffff;
  --public-surface-soft:#eef4f7;
  --public-surface-alt:#e5edf2;
  --public-line:#c7d3dc;
  --public-line-strong:#a9bbc6;
  --public-ink:#132332;
  --public-text:#344b5d;
  --public-muted:#637888;
  --public-accent:#168f83;
  --public-link:#315fa8;
  --public-slate:#405563;
  --public-slate-2:#4d6370;
  background:
    linear-gradient(rgba(46,72,91,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(46,72,91,.045) 1px,transparent 1px),
    radial-gradient(circle at 88% 8%,rgba(76,199,187,.08),transparent 28rem),
    #f7fafc !important;
  background-size:42px 42px,42px 42px,auto,auto !important;
  color:var(--public-text) !important;
}

/* Global public typography: no dark-on-dark inherited states. */
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3,
body:not(.admin-body) h4,
body:not(.admin-body) strong{
  color:var(--public-ink);
}
body:not(.admin-body) p,
body:not(.admin-body) li,
body:not(.admin-body) td,
body:not(.admin-body) th{
  color:var(--public-text);
}
body:not(.admin-body) a:not(.btn):not(.brand):not(.product-card-link){
  color:var(--public-link);
}
body:not(.admin-body) .muted,
body:not(.admin-body) .small-note{
  color:var(--public-muted) !important;
}
body:not(.admin-body) .eyebrow{
  color:var(--public-accent) !important;
}
body:not(.admin-body) .section,
body:not(.admin-body) .page-hero,
body:not(.admin-body) .progress-page,
body:not(.admin-body) .progress-article-shell{
  border-color:var(--public-line) !important;
}

/* Buttons on light pages should not look like black holes. */
body:not(.admin-body) .btn-primary{
  background:#63d3c7 !important;
  border-color:#63d3c7 !important;
  color:#102b2a !important;
}
body:not(.admin-body) .btn-ghost,
body:not(.admin-body) .btn-dark,
body:not(.admin-body) .btn.primary{
  background:#e8eff3 !important;
  border:1px solid #b9c8d1 !important;
  color:#203746 !important;
  box-shadow:none !important;
}
body:not(.admin-body) .btn-ghost:hover,
body:not(.admin-body) .btn-dark:hover,
body:not(.admin-body) .btn.primary:hover{
  background:#dce7ed !important;
  border-color:#9fb3bf !important;
}

/* Header remains slate, but readable and brand-forward. */
body:not(.admin-body) .site-header{
  background:rgba(52,70,82,.98) !important;
  border:1px solid #536a78 !important;
  box-shadow:0 8px 24px rgba(36,54,66,.12) !important;
}
body:not(.admin-body) .site-header .site-nav a{
  color:#d9e3e8 !important;
}
body:not(.admin-body) .site-header .site-nav a:hover,
body:not(.admin-body) .site-header .site-nav .nav-progress{
  background:#465d6a !important;
  color:#fff !important;
}
body:not(.admin-body) .site-header .header-actions .btn-primary{
  background:#70ddd2 !important;
  border-color:#70ddd2 !important;
  color:#153139 !important;
}

/* Shared page hero / catalog / product pages. */
body:not(.admin-body) .page-hero{
  background:transparent !important;
}
body:not(.admin-body) .page-hero h1{
  color:var(--public-ink) !important;
}
body:not(.admin-body) .page-hero p{
  color:#4d6273 !important;
}
body:not(.admin-body) .mini-orb{
  opacity:.42 !important;
}
body:not(.admin-body) .filter-bar{
  background:rgba(255,255,255,.86) !important;
  border:1px solid var(--public-line) !important;
  box-shadow:none !important;
}
body:not(.admin-body) .chip{
  background:#edf3f6 !important;
  border-color:#c5d1d9 !important;
  color:#385061 !important;
}
body:not(.admin-body) .search{
  background:#fff !important;
  color:var(--public-ink) !important;
  border-color:#c0ced7 !important;
}

/* Product / catalog cards. */
body:not(.admin-body) .product-card,
body:not(.admin-body) .privacy-card,
body:not(.admin-body) .principle,
body:not(.admin-body) .feature-item,
body:not(.admin-body) .detail-panel,
body:not(.admin-body) .side-panel,
body:not(.admin-body) .mission-panel,
body:not(.admin-body) .content-card,
body:not(.admin-body) .page-panel{
  background:#fff !important;
  border:1px solid var(--public-line) !important;
  color:var(--public-text) !important;
  box-shadow:0 4px 16px rgba(45,67,82,.045) !important;
}
body:not(.admin-body) .product-card:before{display:none !important}
body:not(.admin-body) .product-card h3,
body:not(.admin-body) .privacy-card h3,
body:not(.admin-body) .feature-item strong,
body:not(.admin-body) .detail-panel h2,
body:not(.admin-body) .side-panel h2{
  color:var(--public-ink) !important;
}
body:not(.admin-body) .product-card p,
body:not(.admin-body) .privacy-card p,
body:not(.admin-body) .feature-item p,
body:not(.admin-body) .detail-panel p,
body:not(.admin-body) .side-panel p{
  color:#536878 !important;
}
body:not(.admin-body) .card-meta,
body:not(.admin-body) .card-record{
  color:#657a89 !important;
}
body:not(.admin-body) .trust-row{
  border-color:#d7e0e5 !important;
}
body:not(.admin-body) .trust-row strong{color:#213746 !important}
body:not(.admin-body) .trust-row span{color:#526977 !important}

/* Privacy pages and tables. */
body:not(.admin-body) .privacy-table{
  background:#fff !important;
  border:1px solid var(--public-line) !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
body:not(.admin-body) .privacy-table th{
  background:#eaf1f4 !important;
  color:#405665 !important;
}
body:not(.admin-body) .privacy-table td{
  background:#fff !important;
  border-color:#d8e1e6 !important;
  color:#445c6c !important;
}
body:not(.admin-body) .analytics-privacy-note .detail-panel{
  background:#f2f7f9 !important;
}

/* Progress: remove the unreadable near-black timeline wall. */
body:not(.admin-body) .progress-masthead{
  border-color:var(--public-line) !important;
}
body:not(.admin-body) .progress-masthead h1,
body:not(.admin-body) .progress-section-heading h2{
  color:var(--public-ink) !important;
}
body:not(.admin-body) .progress-masthead p,
body:not(.admin-body) .progress-masthead-note,
body:not(.admin-body) .progress-section-heading>p{
  color:#566c7c !important;
}
body:not(.admin-body) .progress-featured{
  background:linear-gradient(135deg,#ffffff,#edf6f7) !important;
  border:1px solid #bed0d9 !important;
  box-shadow:0 8px 24px rgba(46,69,83,.055) !important;
}
body:not(.admin-body) .progress-featured:after{
  opacity:.28 !important;
}
body:not(.admin-body) .progress-featured h2{
  color:#152736 !important;
}
body:not(.admin-body) .progress-featured p{
  color:#516879 !important;
}
body:not(.admin-body) .progress-featured-meta,
body:not(.admin-body) .progress-timeline-meta{
  color:#147c73 !important;
}
body:not(.admin-body) .progress-year-group{
  border-color:#cad6dd !important;
}
body:not(.admin-body) .progress-year-label h3{
  color:#617684 !important;
}
body:not(.admin-body) .progress-year-list{
  background:#fff !important;
  border:1px solid #cad6dd !important;
  border-radius:14px !important;
  overflow:hidden !important;
}
body:not(.admin-body) .progress-timeline-item{
  background:#fff !important;
  border-color:#d9e2e7 !important;
  padding:20px !important;
}
body:not(.admin-body) .progress-timeline-item:hover{
  background:#f4f8fa !important;
}
body:not(.admin-body) .progress-timeline-date{
  color:#6b7f8d !important;
}
body:not(.admin-body) .progress-timeline-content h4{
  color:#172938 !important;
}
body:not(.admin-body) .progress-timeline-content p{
  color:#536a79 !important;
}
body:not(.admin-body) .progress-timeline-link{
  color:#25649a !important;
}

/* Progress articles/community. */
body:not(.admin-body) .progress-article,
body:not(.admin-body) .progress-article-body,
body:not(.admin-body) .progress-community-card,
body:not(.admin-body) .progress-feedback-card,
body:not(.admin-body) .progress-comment,
body:not(.admin-body) .progress-documents{
  background:#fff !important;
  color:var(--public-text) !important;
  border-color:var(--public-line) !important;
}
body:not(.admin-body) .progress-article h1,
body:not(.admin-body) .progress-article h2,
body:not(.admin-body) .progress-article h3,
body:not(.admin-body) .progress-article-body h2,
body:not(.admin-body) .progress-article-body h3{
  color:var(--public-ink) !important;
}
body:not(.admin-body) .progress-article p,
body:not(.admin-body) .progress-article-body p,
body:not(.admin-body) .progress-comment p{
  color:#455d6d !important;
}

/* Mission / About / DDCAL — keep one visual language. */
body:not(.admin-body) .mission-statement-card,
body:not(.admin-body) .mission-principle-card,
body:not(.admin-body) .mission-long-card,
body:not(.admin-body) .mission-compact-card,
body:not(.admin-body) .about-lead-card,
body:not(.admin-body) .about-focus-card,
body:not(.admin-body) .about-method-card,
body:not(.admin-body) .about-evidence-card,
body:not(.admin-body) .about-background-card,
body:not(.admin-body) .about-links-card,
body:not(.admin-body) .about-research-grid article{
  background:#fff !important;
  border:1px solid var(--public-line) !important;
  color:var(--public-text) !important;
  box-shadow:0 4px 16px rgba(45,67,82,.04) !important;
}
body:not(.admin-body) .about-evidence-card.dark{
  background:#e8f0f4 !important;
  border-color:#c4d2da !important;
}
body:not(.admin-body) .about-evidence-card.dark h3,
body:not(.admin-body) .about-evidence-card.dark p,
body:not(.admin-body) .about-evidence-card.dark .eyebrow{
  color:inherit !important;
}
body:not(.admin-body) .about-flow span{
  background:#edf4f6 !important;
  border-color:#c6d4dc !important;
  color:#29404f !important;
}

/* Contact. */
body:not(.admin-body) .contact-form{
  background:#fff !important;
  border:1px solid var(--public-line) !important;
  box-shadow:0 4px 16px rgba(45,67,82,.04) !important;
}
body:not(.admin-body) .contact-form input,
body:not(.admin-body) .contact-form textarea,
body:not(.admin-body) .contact-form select{
  background:#fff !important;
  color:#172a39 !important;
  border-color:#bdccd5 !important;
}
body:not(.admin-body) .contact-side.mission-panel{
  background:#edf4f6 !important;
  border-color:#c5d3db !important;
}
body:not(.admin-body) .contact-side.mission-panel h2,
body:not(.admin-body) .contact-side.mission-panel p{
  color:#263e4d !important;
}

/* Changelog. */
body:not(.admin-body) .changelog-item{
  background:#fff !important;
  border-color:#cbd7de !important;
}
body:not(.admin-body) .changelog-item strong{color:#192d3c !important}
body:not(.admin-body) .changelog-item p{color:#536a79 !important}

/* Living Architecture Nodes: preserve the art, soften operational dark blocks. */
body:not(.admin-body) .lan-problem-card,
body:not(.admin-body) .lan-feature-grid article,
body:not(.admin-body) .lan-steps li,
body:not(.admin-body) .lan-link-grid a,
body:not(.admin-body) .lan-support-grid article{
  background:#fff !important;
  border-color:#c9d5dc !important;
  color:#344b5d !important;
}
body:not(.admin-body) .lan-trust-strip{
  background:#465d6a !important;
  color:#e7eef2 !important;
}
body:not(.admin-body) .lan-trust-strip h2,
body:not(.admin-body) .lan-trust-facts b{
  color:#fff !important;
}
body:not(.admin-body) .lan-trust-strip .eyebrow{
  color:#a4f1e8 !important;
}
body:not(.admin-body) .lan-status-card{
  background:rgba(65,84,98,.92) !important;
  color:#e6eef2 !important;
}

/* Footer: readable slate, not black. */
body:not(.admin-body) .site-footer{
  background:#405563 !important;
  border-color:#556b78 !important;
  color:#e8eef2 !important;
}
body:not(.admin-body) .site-footer a,
body:not(.admin-body) .site-footer p,
body:not(.admin-body) .site-footer small,
body:not(.admin-body) .site-footer strong{
  color:#e8eef2 !important;
}
body:not(.admin-body) .site-footer .brand-tagline{
  color:#d3dee4 !important;
}

/* Tighter page rhythm. */
body:not(.admin-body) .page-hero.compact{
  padding-top:48px !important;
  padding-bottom:34px !important;
}
body:not(.admin-body) .section{
  padding-top:34px !important;
  padding-bottom:34px !important;
}
body:not(.admin-body) .progress-page{
  padding-top:22px !important;
}
body:not(.admin-body) .progress-featured{
  margin:24px 0 34px !important;
}
body:not(.admin-body) .progress-year-group{
  padding-top:20px !important;
}

/* Mobile — cards become simple readable rows. */
@media(max-width:820px){
  body:not(.admin-body) .site-header{
    background:#405563 !important;
  }
  body:not(.admin-body) .progress-year-list{
    border-radius:12px !important;
  }
  body:not(.admin-body) .progress-timeline-item{
    padding:16px !important;
  }
  body:not(.admin-body) .product-grid,
  body:not(.admin-body) .product-grid.wide,
  body:not(.admin-body) .privacy-grid,
  body:not(.admin-body) .mission-principle-grid,
  body:not(.admin-body) .about-evidence-grid,
  body:not(.admin-body) .about-background-grid{
    grid-template-columns:1fr !important;
  }
}

/* Avoid invisible text caused by old gradient/opacity treatments. */
body:not(.admin-body) .progress-page *,
body:not(.admin-body) .page-hero *,
body:not(.admin-body) .detail-layout *,
body:not(.admin-body) .mission-page-shell *,
body:not(.admin-body) .about-page-shell *,
body:not(.admin-body) .contact-layout *{
  text-shadow:none;
}


/* =========================================================
   ALTRU.DEV ADMIN WORKSPACE NORMALIZATION · FREQUENCY v2.4
   Applies to every Admin route, including Progress authoring.
   ========================================================= */

.admin-platform-v2{
  --admin-bg:#edf3f6;
  --admin-panel:#ffffff;
  --admin-panel-soft:#f6f9fb;
  --admin-line:#c8d4dc;
  --admin-line-strong:#9eb2bf;
  --admin-ink:#172735;
  --admin-text:#344b5b;
  --admin-muted:#667b89;
  --admin-accent:#148c80;
  --admin-accent-soft:#dff4f1;
  --admin-blue:#315f9b;
  background:var(--admin-bg)!important;
  color:var(--admin-text)!important;
}

/* One integrated app shell. */
.admin-platform-v2 .admin-shell{
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:0!important;
  background:var(--admin-bg)!important;
}
.admin-platform-v2 .admin-sidebar{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  margin:0!important;
  padding:18px 14px!important;
  border:0!important;
  border-right:1px solid var(--admin-line)!important;
  border-radius:0!important;
  background:#f8fafb!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.admin-platform-v2 .admin-logo{
  padding:2px 6px 18px!important;
}
.admin-platform-v2 .admin-logo img{
  width:172px!important;
  filter:none!important;
}
.admin-platform-v2 .admin-sidebar-scroll{
  max-height:calc(100vh - 136px)!important;
  overflow:auto!important;
}
.admin-platform-v2 .admin-nav{
  gap:2px!important;
}
.admin-platform-v2 .admin-nav-label{
  margin:15px 9px 5px!important;
  color:#758996!important;
  font-size:.64rem!important;
  letter-spacing:.15em!important;
}
.admin-platform-v2 .admin-nav>a,
.admin-platform-v2 .admin-nav-more>a{
  padding:9px 11px!important;
  border-radius:9px!important;
  color:#405666!important;
  font-size:.86rem!important;
  font-weight:760!important;
}
.admin-platform-v2 .admin-nav>a:hover,
.admin-platform-v2 .admin-nav-more>a:hover{
  background:#e9f0f3!important;
  color:var(--admin-ink)!important;
}
.admin-platform-v2 .admin-nav>a.active,
.admin-platform-v2 .admin-nav-more>a.active{
  background:var(--admin-accent-soft)!important;
  color:#126c63!important;
  box-shadow:inset 3px 0 #2bb3a5!important;
}
.admin-platform-v2 .admin-nav-more{
  border-top:1px solid #d8e2e7!important;
}
.admin-platform-v2 .admin-sidebar-footer{
  left:14px!important;
  right:14px!important;
  bottom:14px!important;
}
.admin-platform-v2 .admin-sidebar-footer .btn{
  width:100%!important;
}

/* Main workspace uses available screen space. */
.admin-platform-v2 .admin-main{
  min-width:0!important;
  padding:0 28px 84px!important;
}
.admin-platform-v2 .admin-top{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  min-height:76px!important;
  margin:0 -28px 18px!important;
  padding:14px 28px!important;
  background:rgba(247,250,251,.96)!important;
  border:0!important;
  border-bottom:1px solid var(--admin-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
}
.admin-platform-v2 .admin-top h1{
  margin:2px 0 0!important;
  font-size:clamp(1.55rem,2.4vw,2.2rem)!important;
  color:var(--admin-ink)!important;
  letter-spacing:-.035em!important;
}
.admin-platform-v2 .admin-top .eyebrow{
  color:var(--admin-accent)!important;
}
.admin-platform-v2 .admin-user{
  color:var(--admin-muted)!important;
  font-size:.82rem!important;
}
.admin-platform-v2 .admin-user a{
  color:var(--admin-accent)!important;
}

/* All Admin pages share the same content width, spacing and panels. */
.admin-platform-v2 .admin-main > :not(.admin-top):not(.admin-mobile-nav){
  width:100%!important;
  max-width:1440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.admin-platform-v2 .admin-panel,
.admin-platform-v2 .admin-cards article,
.admin-platform-v2 .visitor-summary-grid article,
.admin-platform-v2 .machine-summary-grid article,
.admin-platform-v2 .platform-project-card{
  background:var(--admin-panel)!important;
  border:1px solid var(--admin-line)!important;
  border-radius:14px!important;
  color:var(--admin-text)!important;
  box-shadow:0 4px 16px rgba(45,67,82,.045)!important;
}
.admin-platform-v2 .admin-panel{
  padding:18px!important;
  margin:0 0 12px!important;
}
.admin-platform-v2 .admin-panel-head{
  gap:14px!important;
  margin-bottom:12px!important;
}
.admin-platform-v2 .admin-panel h2,
.admin-platform-v2 .admin-panel h3,
.admin-platform-v2 .admin-cards strong{
  color:var(--admin-ink)!important;
}
.admin-platform-v2 .admin-panel p,
.admin-platform-v2 .admin-panel small,
.admin-platform-v2 .muted,
.admin-platform-v2 .admin-cards span{
  color:var(--admin-muted)!important;
}

/* Forms: compact, consistent, readable. */
.admin-platform-v2 .admin-form{
  gap:12px!important;
}
.admin-platform-v2 .form-grid{
  gap:12px!important;
}
.admin-platform-v2 label{
  gap:6px!important;
  color:#314856!important;
  font-size:.84rem!important;
  font-weight:760!important;
}
.admin-platform-v2 input,
.admin-platform-v2 textarea,
.admin-platform-v2 select{
  min-height:42px!important;
  padding:10px 11px!important;
  border:1px solid #bccbd4!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#172936!important;
  box-shadow:none!important;
}
.admin-platform-v2 textarea{
  line-height:1.55!important;
}
.admin-platform-v2 input:focus,
.admin-platform-v2 textarea:focus,
.admin-platform-v2 select:focus,
.admin-platform-v2 [contenteditable="true"]:focus{
  border-color:#35aa9e!important;
  outline:3px solid rgba(53,170,158,.12)!important;
  box-shadow:none!important;
}
.admin-platform-v2 .check-row{
  gap:14px!important;
  padding:3px 0!important;
}
.admin-platform-v2 .check-row label{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.admin-platform-v2 .check-row input{
  min-height:0!important;
}

/* Tables become information surfaces, not spreadsheet walls. */
.admin-platform-v2 .admin-table-wrap{
  border:1px solid var(--admin-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  overflow:auto!important;
}
.admin-platform-v2 .admin-table{
  color:var(--admin-text)!important;
}
.admin-platform-v2 .admin-table th{
  background:#eef4f6!important;
  color:#5c7280!important;
  font-size:.69rem!important;
  letter-spacing:.08em!important;
}
.admin-platform-v2 .admin-table th,
.admin-platform-v2 .admin-table td{
  padding:11px 12px!important;
  border-bottom:1px solid #d9e3e8!important;
}
.admin-platform-v2 .admin-table a{
  color:var(--admin-blue)!important;
}

/* Tabs / secondary navigation. */
.admin-platform-v2 [role="tablist"],
.admin-platform-v2 .admin-tabs,
.admin-platform-v2 .progress-tabs,
.admin-platform-v2 .visitor-tabs{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin:0 auto 14px!important;
  max-width:1440px!important;
}
.admin-platform-v2 [role="tablist"] a,
.admin-platform-v2 .admin-tabs a,
.admin-platform-v2 .progress-tabs a,
.admin-platform-v2 .visitor-tabs a{
  padding:8px 11px!important;
  border:1px solid var(--admin-line)!important;
  border-radius:999px!important;
  background:#f5f8fa!important;
  color:#3c5261!important;
  text-decoration:none!important;
  font-size:.82rem!important;
  font-weight:760!important;
}
.admin-platform-v2 [role="tablist"] a.active,
.admin-platform-v2 .admin-tabs a.active,
.admin-platform-v2 .progress-tabs a.active,
.admin-platform-v2 .visitor-tabs a.active{
  background:#263c4a!important;
  color:#fff!important;
  border-color:#263c4a!important;
}

/* Buttons. */
.admin-platform-v2 .btn{
  min-height:40px!important;
  padding:9px 13px!important;
  border-radius:9px!important;
}
.admin-platform-v2 .btn-primary{
  background:#5fd3c7!important;
  border-color:#5fd3c7!important;
  color:#10302d!important;
}
.admin-platform-v2 .btn-ghost{
  background:#edf3f6!important;
  border-color:#bdcbd4!important;
  color:#28404e!important;
}

/* =====================================================================
   PROGRESS AUTHORING — this is the screen from the current screenshots.
   ===================================================================== */
.admin-view-progress .admin-main{
  padding-bottom:110px!important;
}
.admin-view-progress .admin-main > form,
.admin-view-progress .admin-main > .admin-panel,
.admin-view-progress .admin-main > section{
  max-width:1320px!important;
}
.admin-view-progress .admin-panel{
  padding:20px!important;
}
.admin-view-progress .admin-panel > h2:first-child,
.admin-view-progress .admin-panel-head h2{
  font-size:1.15rem!important;
}
.admin-view-progress .form-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.admin-view-progress .form-grid > .field-wide,
.admin-view-progress .form-grid > label:has(textarea),
.admin-view-progress label:has(textarea[name="summary"]),
.admin-view-progress label:has(input[name="subtitle"]){
  grid-column:1/-1!important;
}
.admin-view-progress textarea[name="summary"]{
  min-height:88px!important;
  max-height:130px!important;
}
.admin-view-progress input[name="title"]{
  font-weight:780!important;
}
.admin-view-progress input[name="slug"]{
  color:#5a6e7b!important;
  background:#f7fafb!important;
}

/* Rich editor: long articles stay inside the editor instead of making a 5-screen page. */
.admin-view-progress [contenteditable="true"],
.admin-view-progress .contenteditable,
.admin-view-progress .rich-editor-body,
.admin-view-progress .progress-editor-body,
.admin-view-progress .editor-body{
  min-height:520px!important;
  max-height:68vh!important;
  overflow:auto!important;
  padding:26px 28px!important;
  background:#fff!important;
  border:1px solid #c6d2da!important;
  border-radius:0 0 10px 10px!important;
  color:#233744!important;
  line-height:1.65!important;
  font-size:1rem!important;
  scrollbar-gutter:stable!important;
}
.admin-view-progress [contenteditable="true"] h1,
.admin-view-progress [contenteditable="true"] h2,
.admin-view-progress [contenteditable="true"] h3{
  color:#162936!important;
}
.admin-view-progress [contenteditable="true"] p,
.admin-view-progress [contenteditable="true"] li{
  color:#3f5665!important;
}
.admin-view-progress [contenteditable="true"] a{
  color:#315f9b!important;
}

/* Toolbars stay visible while scrolling a long update. */
.admin-view-progress .toolbar,
.admin-view-progress .editor-toolbar,
.admin-view-progress .progress-editor-toolbar,
.admin-view-progress [class*="toolbar"]{
  position:sticky!important;
  top:76px!important;
  z-index:12!important;
  background:#f0f5f7!important;
  border-color:#c7d4dc!important;
  box-shadow:0 3px 10px rgba(45,67,82,.05)!important;
}
.admin-view-progress [class*="toolbar"] button{
  min-height:32px!important;
  padding:6px 9px!important;
  border-radius:7px!important;
  border:1px solid #c4d1d9!important;
  background:#fff!important;
  color:#2f4655!important;
}

/* Any Progress media/asset rail becomes a compact utility rail. */
.admin-view-progress [class*="media-panel"],
.admin-view-progress [class*="image-panel"],
.admin-view-progress [class*="asset-panel"],
.admin-view-progress [class*="media-rail"],
.admin-view-progress [class*="image-rail"]{
  background:#f7fafb!important;
  border:1px solid #cbd7de!important;
  border-radius:12px!important;
  padding:12px!important;
}

/* Documents, featured image and publication controls become tighter. */
.admin-view-progress [class*="document"],
.admin-view-progress [class*="featured-image"],
.admin-view-progress [class*="publication"]{
  border-color:#d0dbe1!important;
}
.admin-view-progress details{
  border-color:#d0dbe1!important;
}
.admin-view-progress details > summary{
  color:#314856!important;
  font-weight:780!important;
}

/* Save actions remain reachable. */
.admin-view-progress button[type="submit"],
.admin-view-progress input[type="submit"]{
  min-height:42px!important;
}

/* =====================================================================
   PROJECTS / PAGES / MEDIA / TRAFFIC / SEO / PATCH CENTER
   ===================================================================== */
.admin-view-products .admin-table-wrap,
.admin-view-pages .admin-table-wrap,
.admin-view-media .admin-table-wrap,
.admin-view-seo .admin-table-wrap,
.admin-view-growth-trust .admin-table-wrap,
.admin-view-patches .admin-table-wrap{
  margin-top:10px!important;
}
.admin-view-product-edit .form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.admin-view-product-edit .admin-advanced,
.admin-view-pages .admin-advanced,
.admin-view-seo .admin-advanced{
  background:#f7fafb!important;
  border:1px solid var(--admin-line)!important;
  border-radius:12px!important;
}
.admin-view-product-edit .admin-advanced summary,
.admin-view-pages .admin-advanced summary,
.admin-view-seo .admin-advanced summary{
  color:#314856!important;
}
.admin-view-growth-trust .visitor-summary-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.admin-view-patches .code-sample,
.admin-view-patches code{
  background:#e9eff3!important;
  color:#27475b!important;
  border-color:#c4d2da!important;
}
.admin-view-patches .patch-upload{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
.admin-view-media .admin-panel,
.admin-view-seo .admin-panel{
  min-height:0!important;
}

/* Desktop density. */
@media(min-width:1200px){
  .admin-platform-v2 .admin-cards{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* Tablet / mobile: one-thumb workflow, no detached sidebar. */
@media(max-width:980px){
  .admin-platform-v2 .admin-shell{
    grid-template-columns:1fr!important;
  }
  .admin-platform-v2 .admin-sidebar{
    display:none!important;
  }
  .admin-platform-v2 .admin-main{
    padding:0 14px 90px!important;
  }
  .admin-platform-v2 .admin-top{
    margin:0 -14px 14px!important;
    padding:12px 14px!important;
    min-height:68px!important;
  }
  .admin-platform-v2 .admin-top h1{
    font-size:1.45rem!important;
  }
  .admin-platform-v2 .admin-user{
    max-width:44vw!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .admin-platform-v2 .admin-cards,
  .admin-view-growth-trust .visitor-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .admin-view-progress .form-grid,
  .admin-view-product-edit .form-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .admin-view-progress [contenteditable="true"],
  .admin-view-progress .contenteditable,
  .admin-view-progress .rich-editor-body,
  .admin-view-progress .progress-editor-body,
  .admin-view-progress .editor-body{
    min-height:460px!important;
    max-height:62vh!important;
    padding:20px!important;
  }
  .admin-mobile-nav{
    background:#f8fafb!important;
    border:1px solid #c6d3db!important;
    box-shadow:0 8px 28px rgba(45,67,82,.15)!important;
  }
}

@media(max-width:620px){
  .admin-platform-v2 .admin-main{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .admin-platform-v2 .admin-top{
    margin-left:-10px!important;
    margin-right:-10px!important;
  }
  .admin-platform-v2 .admin-panel{
    padding:14px!important;
    border-radius:12px!important;
  }
  .admin-platform-v2 .admin-cards,
  .admin-view-growth-trust .visitor-summary-grid,
  .admin-view-progress .form-grid,
  .admin-view-product-edit .form-grid{
    grid-template-columns:1fr!important;
  }
  .admin-view-progress [contenteditable="true"],
  .admin-view-progress .contenteditable,
  .admin-view-progress .rich-editor-body,
  .admin-view-progress .progress-editor-body,
  .admin-view-progress .editor-body{
    min-height:420px!important;
    max-height:58vh!important;
    padding:16px!important;
  }
  .admin-view-patches .patch-upload{
    grid-template-columns:1fr!important;
  }
  .admin-platform-v2 .admin-table,
  .admin-platform-v2 .admin-table tbody,
  .admin-platform-v2 .admin-table tr,
  .admin-platform-v2 .admin-table td{
    display:block!important;
    width:100%!important;
  }
  .admin-platform-v2 .admin-table thead{
    display:none!important;
  }
  .admin-platform-v2 .admin-table tr{
    padding:9px 0!important;
    border-bottom:1px solid #d9e3e8!important;
  }
  .admin-platform-v2 .admin-table td{
    border:0!important;
    padding:4px 10px!important;
  }
}


/* Altru Browser — restrained Ukrainian vyshyvanka identity */
.featured-product-grid .product-altru-browser {
  border-color: rgba(46,128,178,.28);
  background:
    linear-gradient(145deg,rgba(247,251,255,.98),rgba(238,247,255,.92)),
    #f7fbff;
}
.featured-product-grid .product-altru-browser:before {
  background: linear-gradient(135deg,rgba(79,183,239,.92),rgba(247,201,72,.82),rgba(216,50,60,.34));
  opacity: .72;
}
.featured-product-grid .product-altru-browser:after {
  content:"";
  position:absolute;
  right:-26px;
  bottom:-32px;
  width:150px;
  height:150px;
  background:url('/assets/brand/altru-browser-mark.svg') center/contain no-repeat;
  opacity:.075;
  transform:rotate(8deg);
  pointer-events:none;
}
.featured-product-grid .product-altru-browser .product-icon {
  width:58px;
  height:58px;
  border-radius:15px;
  box-shadow:0 10px 26px rgba(18,65,96,.18);
}


/* Altru Browser public landing page */
.altru-browser-page{max-width:1240px;margin:0 auto;padding:36px 0 86px}
.altru-browser-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:34px;align-items:center;margin:34px 0 28px;padding:46px;border:1px solid rgba(64,91,132,.18);border-radius:36px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,247,255,.86));box-shadow:var(--shadow)}
.altru-browser-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(90deg,#65c7ff 0 34%,#f7c948 34% 68%,#d8323c 68% 72%,#65c7ff 72% 100%)}
.altru-browser-hero-copy{position:relative;z-index:2}
.altru-browser-kicker{display:flex;align-items:center;gap:12px;color:#315776;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.altru-browser-kicker img{border-radius:14px;box-shadow:0 10px 26px rgba(18,65,96,.18)}
.altru-browser-hero h1{font-size:clamp(3.2rem,6vw,5.6rem);line-height:.92;letter-spacing:-.065em;margin:.28em 0 .22em}
.altru-browser-hero p{font-size:1.06rem;line-height:1.68;color:#52627a;max-width:680px}
.altru-browser-hero-art img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 25px 55px rgba(24,57,84,.20)}
.altru-browser-evidence{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.altru-browser-evidence span{padding:8px 11px;border:1px solid rgba(55,96,128,.16);border-radius:999px;background:rgba(255,255,255,.76);font-size:.78rem;color:#5c6f83}
.altru-browser-evidence strong{color:#163e5b}
.altru-browser-principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.altru-browser-principle-grid article{position:relative;overflow:hidden;padding:24px;border:1px solid rgba(54,89,116,.15);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 16px 34px rgba(50,77,106,.08)}
.altru-browser-principle-grid article:after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:4px;background:linear-gradient(90deg,#65c7ff,#f7c948,#65c7ff);opacity:.7}
.altru-browser-principle-grid strong{display:block;color:#173c57;margin-bottom:9px;font-size:1.03rem}
.altru-browser-principle-grid p{margin:0;color:#607084;line-height:1.55}
.altru-browser-shell-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.4fr);gap:22px;align-items:start}
.altru-browser-shell-grid figure{margin:0;padding:15px;border:1px solid rgba(50,81,110,.16);border-radius:26px;background:rgba(255,255,255,.80);box-shadow:var(--shadow-soft)}
.altru-browser-shell-grid img{display:block;width:100%;height:auto;border-radius:18px}
.altru-browser-shell-grid .mobile{max-width:360px;justify-self:center}
.altru-browser-shell-grid figcaption{padding:12px 6px 2px;color:#6a788a;font-size:.82rem;font-weight:800;text-align:center}
.altru-browser-status{padding-bottom:10px}
@media(max-width:980px){.altru-browser-hero{grid-template-columns:1fr}.altru-browser-hero-art{order:-1}.altru-browser-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.altru-browser-shell-grid{grid-template-columns:1fr}.altru-browser-shell-grid .mobile{max-width:330px}}
@media(max-width:640px){.altru-browser-page{padding:14px 0 60px}.altru-browser-hero{padding:26px 20px;border-radius:26px;gap:22px}.altru-browser-hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.altru-browser-principle-grid{grid-template-columns:1fr}.altru-browser-evidence span{font-size:.72rem}}