:root { --ink:#101315; --paper:#ecece6; --acid:#d5ff3f; --violet:#7e61ff; --muted:#71746e; --line:rgba(16,19,21,.16); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; } .noise { position:fixed; inset:0; opacity:.055; pointer-events:none; z-index:10; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.section-wrap { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }.site-header { width:min(1240px,calc(100% - 48px)); height:96px; margin:auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:5; }.brand { color:var(--ink); display:flex; gap:9px; align-items:center; text-decoration:none; font-size:19px; font-weight:800; letter-spacing:-1px; }.brand-mark { width:27px; height:27px; background:var(--ink); color:var(--acid); display:grid; place-items:center; font-family:Georgia,serif; font-style:italic; font-size:20px; border-radius:50% 50% 50% 4px; }.brand-dot { color:var(--violet); }.main-nav { display:flex; align-items:center; gap:30px; font-size:13px; font-weight:700; }.main-nav a { color:var(--ink); text-decoration:none; }.main-nav .nav-cta { background:var(--ink); color:white; padding:13px 17px; border-radius:99px; }.nav-cta span { color:var(--acid); margin-left:5px; }.menu-toggle { display:none; }
.hero { min-height:675px; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:42px; padding:44px 0 70px; }.eyebrow { font-family:'DM Mono',monospace; letter-spacing:.04em; font-size:11px; text-transform:uppercase; display:flex; align-items:center; gap:8px; margin:0 0 25px; }.eyebrow span { display:inline-block; width:8px; height:8px; background:var(--violet); border-radius:50%; }.hero h1,.statement h2,.process h2,.contact h2 { font-size:clamp(52px,6.4vw,92px); letter-spacing:-.075em; line-height:.93; margin:0; font-weight:800; }.hero h1 em,.statement em,.process em { color:var(--violet); font-family:Georgia,serif; font-weight:400; }.hero-intro { max-width:455px; font-size:17px; line-height:1.65; margin:32px 0; color:#333834; }.hero-actions { display:flex; align-items:center; gap:26px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:16px 20px; border-radius:4px; border:0; font:700 13px Manrope,sans-serif; text-decoration:none; cursor:pointer; transition:transform .2s,background .2s; }.button:hover { transform:translateY(-3px); }.button-primary { background:var(--ink); color:white; }.button-primary span { color:var(--acid); font-size:19px; }.text-link { color:var(--ink); font-size:13px; font-weight:700; text-decoration:none; border-bottom:1px solid var(--ink); padding-bottom:3px; }.text-link span { color:var(--violet); margin-left:5px; }
.hero-art { position:relative; height:530px; overflow:hidden; background:#171e1d; border-radius:2px; isolation:isolate; }.orb { position:absolute; border-radius:50%; filter:blur(1px); mix-blend-mode:screen; }.orb-one { width:330px; height:330px; top:70px; left:85px; background:radial-gradient(circle at 34% 30%,#d9ffff 0 3%,#7f5dff 19%,#1f2652 52%,transparent 70%); box-shadow:0 0 100px #5d42ff; }.orb-two { width:200px; height:200px; background:radial-gradient(circle at 30% 30%,#fff 0 2%,#eaff59 18%,#a9dc27 42%,transparent 68%); bottom:-35px; right:18px; box-shadow:0 0 70px #c8ff2d; }.orb-three { width:105px; height:105px; background:radial-gradient(circle at 30% 30%,#ffc8ee,#ff4db8 38%,transparent 68%); top:56px; right:55px; box-shadow:0 0 58px #ff52bf; }.grid-plane { position:absolute; width:130%; height:63%; left:-15%; bottom:-20%; background:repeating-linear-gradient(90deg,transparent 0 48px,rgba(213,255,63,.32) 49px 50px),repeating-linear-gradient(0deg,transparent 0 48px,rgba(213,255,63,.32) 49px 50px); transform:perspective(330px) rotateX(63deg); opacity:.5; z-index:-1; }.art-label { position:absolute; color:#d7d8d4; font:10px/1.4 'DM Mono',monospace; letter-spacing:.08em; }.label-top { top:22px; left:23px; }.label-bottom { left:23px; bottom:22px; }.scroll-note { position:absolute; right:22px; bottom:20px; color:var(--acid); font:9px/1.55 'DM Mono',monospace; letter-spacing:.08em; text-align:center; }.scroll-note span { font-size:20px; }
.statement { padding:133px 0 154px; display:grid; grid-template-columns:.65fr 1.2fr; column-gap:45px; }.statement h2 { grid-column:2; font-size:clamp(40px,5vw,72px); }.statement > p:last-child { grid-column:2; max-width:500px; margin:37px 0 0; font-size:17px; line-height:1.7; color:#333834; }.services { padding:87px 0 120px; border-top:1px solid var(--line); }.section-heading { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:38px; }.section-aside { margin:0; font-size:13px; color:var(--muted); }.service-list { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.service-card { min-height:390px; padding:26px; background:#e3e4de; position:relative; display:flex; flex-direction:column; transition:transform .25s; }.service-card:hover { transform:translateY(-7px); }.service-card.featured { background:var(--violet); color:white; }.service-number { font:10px 'DM Mono',monospace; color:var(--muted); }.featured .service-number { color:#d2caff; }.service-icon { margin-top:48px; color:var(--violet); font:44px Georgia,serif; }.featured .service-icon { color:var(--acid); }.icon-device { font:43px 'DM Mono',monospace; }.service-card h3 { font-size:25px; letter-spacing:-.05em; margin:20px 0 12px; }.service-card p { font-size:14px; line-height:1.65; margin:0; max-width:290px; }.service-card a { margin-top:auto; padding-top:25px; color:inherit; text-decoration:none; font-size:12px; font-weight:800; }.service-card a span { color:var(--violet); margin-left:4px; }.featured a span { color:var(--acid); }
.process { padding:118px 0; background:var(--ink); color:white; width:100%; display:grid; grid-template-columns:minmax(24px,1fr) minmax(0,545px) minmax(0,620px) minmax(24px,1fr); column-gap:45px; }.process-copy { grid-column:2; }.process h2 { font-size:clamp(43px,4.6vw,68px); }.process .eyebrow { color:#b9bdb8; }.process .eyebrow span { background:var(--acid); }.process-list { grid-column:3; list-style:none; padding:0; margin:3px 0 0; }.process-list li { border-top:1px solid rgba(255,255,255,.2); padding:24px 0 29px; display:grid; grid-template-columns:64px 1fr; }.process-list li:last-child { border-bottom:1px solid rgba(255,255,255,.2); }.process-list span { color:var(--acid); font:10px 'DM Mono',monospace; }.process-list h3 { margin:0 0 7px; font-size:20px; letter-spacing:-.04em; }.process-list p { margin:0; line-height:1.6; font-size:14px; color:#b9bdb8; max-width:370px; }
.contact { padding:123px 0; }.contact-panel { background:var(--acid); display:grid; grid-template-columns:1.05fr .95fr; padding:68px clamp(28px,6vw,88px); gap:64px; }.contact h2 { font-size:clamp(43px,5vw,72px); }.contact-copy > p:last-child { font-size:15px; line-height:1.6; max-width:370px; margin:28px 0 0; }.contact-form { display:flex; flex-direction:column; gap:15px; }.contact-form label { display:flex; flex-direction:column; gap:7px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }.contact-form input,.contact-form textarea { border:0; border-bottom:1px solid rgba(16,19,21,.45); background:transparent; padding:8px 0 10px; outline:0; font:16px Manrope,sans-serif; border-radius:0; resize:vertical; }.contact-form input:focus,.contact-form textarea:focus { border-color:var(--ink); }.button-light { background:var(--ink); color:white; align-self:flex-start; margin-top:6px; }.button-light span { color:var(--acid); font-size:17px; }.form-note,.form-success { font-size:11px; line-height:1.5; margin:0; color:#3b4321; }.form-success { min-height:16px; font-weight:700; }
.site-footer { padding:30px 0 38px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr auto; align-items:center; font-size:11px; color:var(--muted); }.site-footer p { margin:0; }.site-footer p:nth-child(2) { text-align:center; font-family:'DM Mono',monospace; text-transform:uppercase; font-size:9px; letter-spacing:.08em; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .75s ease,transform .75s ease; }.reveal.visible { opacity:1; transform:none; }
@media (max-width:760px) { .section-wrap,.site-header { width:min(100% - 32px,1240px); }.site-header { height:78px; }.main-nav { display:none; position:absolute; right:0; top:66px; width:210px; padding:18px; flex-direction:column; align-items:flex-start; background:var(--paper); box-shadow:0 12px 30px rgba(0,0,0,.11); }.main-nav.open { display:flex; }.menu-toggle { display:flex; align-items:center; gap:7px; border:0; background:transparent; font:700 12px Manrope,sans-serif; }.menu-toggle span,.menu-toggle:after { content:''; display:block; width:17px; height:1px; background:var(--ink); }.hero { min-height:unset; grid-template-columns:1fr; gap:44px; padding:50px 0 72px; }.hero h1 { font-size:clamp(52px,15vw,73px); }.hero-art { height:430px; }.statement { padding:90px 0 100px; display:block; }.statement h2 { margin-top:29px; }.services { padding:70px 0; }.section-heading { display:block; }.section-aside { margin-top:-10px; margin-bottom:25px; }.service-list { grid-template-columns:1fr; }.service-card { min-height:330px; }.process { padding:80px 16px; display:block; }.process-copy,.process-list { max-width:620px; margin-inline:auto; }.process-list { margin-top:44px; }.contact { padding:70px 0; }.contact-panel { grid-template-columns:1fr; padding:44px 26px; gap:43px; }.site-footer { grid-template-columns:1fr auto; gap:23px; }.site-footer p:nth-child(2) { display:none; } }

/* Tech-studio finish */
body { background-color:#e9eae3; background-image:linear-gradient(rgba(16,19,21,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,19,21,.035) 1px,transparent 1px); background-size:32px 32px; }
.site-header { border-bottom:1px solid rgba(16,19,21,.12); }
.brand-mark { border-radius:2px; font-family:'DM Mono',monospace; font-style:normal; font-size:15px; }
.main-nav a:not(.nav-cta) { position:relative; }
.main-nav a:not(.nav-cta)::before { content:'// '; color:var(--violet); opacity:0; transition:opacity .2s; }
.main-nav a:not(.nav-cta):hover::before { opacity:1; }
.hero { position:relative; }
.hero::before { content:'[ SWB / CORE_INTERFACE ]'; position:absolute; top:20px; right:0; color:var(--muted); font:9px 'DM Mono',monospace; letter-spacing:.12em; }
.hero-art { border:1px solid rgba(213,255,63,.25); box-shadow:12px 12px 0 rgba(16,19,21,.08); }
.hero-art::before { content:''; position:absolute; inset:0; z-index:2; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 4px 5px); mix-blend-mode:screen; }
.hero-art::after { content:'◼ SIGNAL: STABLE'; position:absolute; right:20px; top:20px; z-index:3; color:var(--acid); font:9px 'DM Mono',monospace; letter-spacing:.08em; }
.orb-one { background:radial-gradient(circle at 34% 30%,#d9ffff 0 3%,#7f5dff 17%,#24346b 48%,#151d34 69%,transparent 70%); }
.service-card { border:1px solid rgba(16,19,21,.16); }
.service-card::after { content:'↗'; position:absolute; top:25px; right:26px; color:var(--violet); font:15px 'DM Mono',monospace; }
.featured::after { color:var(--acid); }
.service-number { letter-spacing:.12em; }
.process { background-color:#111716; background-image:linear-gradient(rgba(213,255,63,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(213,255,63,.045) 1px,transparent 1px); background-size:32px 32px; }
.process-copy h2::after { content:'_'; color:var(--acid); font-family:'DM Mono',monospace; font-size:.55em; animation:blink 1.1s steps(2,end) infinite; }
.contact-panel { border:1px solid var(--ink); box-shadow:12px 12px 0 rgba(16,19,21,.12); }
.contact-form input,.contact-form textarea { font-family:'DM Mono',monospace; font-size:14px; }
@keyframes blink { 50% { opacity:0; } }
@media (max-width:760px) { .hero::before { top:9px; font-size:8px; }.hero-art { box-shadow:7px 7px 0 rgba(16,19,21,.08); }.contact-panel { box-shadow:7px 7px 0 rgba(16,19,21,.12); } }

.brand-logo { width:34px; height:34px; object-fit:cover; border:1px solid rgba(16,19,21,.35); border-radius:2px; }
.work { padding:92px 0 128px; border-top:1px solid var(--line); }
.work-grid { display:grid; grid-template-columns:1.35fr .8fr .8fr; grid-auto-rows:230px; gap:12px; }
.work-card { display:block; position:relative; overflow:hidden; background:#161c1b; color:white; text-decoration:none; min-height:0; }
.work-card-large { grid-row:span 2; }
.work-card img { width:100%; height:100%; display:block; object-fit:cover; filter:saturate(.82); transition:transform .5s,filter .5s; }
.work-card:hover img { transform:scale(1.06); filter:saturate(1.15); }
.work-card::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82)); pointer-events:none; }
.work-meta { position:absolute; z-index:1; left:17px; right:17px; bottom:16px; display:flex; flex-direction:column; gap:3px; }
.work-meta strong { font-size:15px; letter-spacing:-.03em; }
.work-meta small { color:var(--acid); font:9px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.06em; }
.reviews { padding:118px 0 125px; display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; }
.reviews h2 { font-size:clamp(45px,4.4vw,68px); line-height:.95; letter-spacing:-.07em; margin:0 0 34px; }
.reviews h2 em { color:var(--violet); font-family:Georgia,serif; font-weight:400; }
.rating { display:flex; flex-wrap:wrap; align-items:baseline; gap:9px 12px; margin:0 0 24px; }
.rating strong { font-size:47px; letter-spacing:-.09em; }
.rating span { color:#ffbd18; letter-spacing:2px; font-size:17px; }
.rating small { flex-basis:100%; color:var(--muted); font:10px 'DM Mono',monospace; text-transform:uppercase; letter-spacing:.05em; }
.review-list { display:flex; flex-direction:column; gap:12px; }
.review-card { display:grid; grid-template-columns:155px 1fr; min-height:157px; background:#e2e3dd; border:1px solid rgba(16,19,21,.13); }
.review-image { overflow:hidden; }
.review-image img { width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.82); }
.review-copy { padding:20px 22px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.review-stars { color:#ffbd18; font-size:12px; letter-spacing:2px; }
.review-card blockquote { font-size:15px; line-height:1.45; letter-spacing:-.02em; margin:12px 0 10px; max-width:400px; }
.review-card cite { color:var(--muted); font:9px 'DM Mono',monospace; text-transform:uppercase; font-style:normal; letter-spacing:.05em; }
.site-footer .brand-logo { width:28px; height:28px; }
.site-footer a { color:inherit; }
@media (max-width:760px) { .work { padding:70px 0 90px; }.work-grid { grid-template-columns:1fr 1fr; grid-auto-rows:190px; }.work-card-large { grid-row:span 1; grid-column:span 2; }.reviews { padding:80px 0 90px; display:block; }.review-list { margin-top:45px; }.review-card { grid-template-columns:112px 1fr; }.review-copy { padding:15px; }.review-card blockquote { font-size:13px; }.brand-logo { width:30px; height:30px; } }

/* Dark logo-led direction */
:root { --ink:#edf4eb; --paper:#0b100d; --acid:#9cff70; --violet:#80e86d; --muted:#8c9b90; --line:rgba(170,255,145,.19); }
body { background-color:#0b100d; background-image:linear-gradient(rgba(156,255,112,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(156,255,112,.045) 1px,transparent 1px),radial-gradient(circle at 82% 2%,rgba(96,255,92,.11),transparent 26%); background-size:32px 32px,32px 32px,100% 100%; }
.noise { opacity:.08; }
.site-header { border-bottom-color:rgba(170,255,145,.18); }
.brand { color:var(--ink); }
.brand-logo { border-color:rgba(156,255,112,.5); box-shadow:0 0 0 3px rgba(156,255,112,.05),0 0 24px rgba(90,255,90,.13); }
.brand-stack { display:flex; flex-direction:column; align-items:flex-start; gap:3px; line-height:.86; }
.brand-stack small { color:var(--acid); font:8px 'DM Mono',monospace; letter-spacing:.19em; }
.brand-stack > span { font-size:19px; font-weight:800; letter-spacing:-1px; }
.main-nav a { color:var(--ink); }
.main-nav .nav-cta { background:var(--acid); color:#0b100d; }
.nav-cta span { color:#0b100d; }
.hero::before { color:#708574; }
.hero-intro,.statement > p:last-child { color:#b3c1b5; }
.text-link { color:var(--ink); border-bottom-color:var(--acid); }
.text-link span { color:var(--acid); }
.hero-art { border-color:rgba(156,255,112,.34); box-shadow:12px 12px 0 rgba(0,0,0,.3),0 0 70px rgba(58,255,69,.09); }
.hero-art::after { color:var(--acid); }
.grid-plane { background:repeating-linear-gradient(90deg,transparent 0 48px,rgba(156,255,112,.42) 49px 50px),repeating-linear-gradient(0deg,transparent 0 48px,rgba(156,255,112,.42) 49px 50px); }
.service-card { background:#111913; color:var(--ink); border-color:rgba(156,255,112,.2); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.service-card.featured { background:#1b3321; color:var(--ink); }
.service-number,.section-aside { color:#8ea18f; }
.service-icon,.service-card a { color:var(--acid); }
.featured .service-number { color:#b9eeb3; }
.featured .service-icon,.featured a span { color:var(--acid); }
.process { background-color:#070b09; background-image:linear-gradient(rgba(156,255,112,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(156,255,112,.07) 1px,transparent 1px); }
.process .eyebrow { color:#a8b8aa; }
.contact-panel { background:#111913; color:var(--ink); border-color:var(--acid); box-shadow:12px 12px 0 rgba(0,0,0,.35),0 0 60px rgba(58,255,69,.08); }
.contact-form input,.contact-form textarea { color:var(--ink); border-bottom-color:rgba(156,255,112,.45); }
.contact-form input::placeholder,.contact-form textarea::placeholder { color:#718274; }
.button-light { background:var(--acid); color:#0b100d; }
.button-light span { color:#0b100d; }
.form-note,.form-success { color:#a9dca4; }
.reviews h2 em { color:var(--acid); }
.rating strong { color:var(--ink); }
.rating small { color:#8ea18f; }
.review-card { background:#111913; border-color:rgba(156,255,112,.2); }
.review-card blockquote { color:#e5eee3; }
.review-card cite { color:#8ea18f; }
.site-footer { border-top-color:rgba(170,255,145,.2); }
.site-footer a { color:var(--acid); }
@media (max-width:760px) { .main-nav { background:#0f1711; border:1px solid rgba(156,255,112,.22); }.hero-art { box-shadow:7px 7px 0 rgba(0,0,0,.3); }.contact-panel { box-shadow:7px 7px 0 rgba(0,0,0,.35); } }

/* Extended Swebbles wordmark */
.brand-logo-frame { width:88px; height:34px; display:block; overflow:hidden; background:#050805; border:1px solid rgba(156,255,112,.42); box-shadow:0 0 0 3px rgba(156,255,112,.04),0 0 22px rgba(90,255,90,.12); }
.brand-logo-frame .brand-logo { width:100%; height:100%; display:block; object-fit:cover; object-position:center; border:0; border-radius:0; box-shadow:none; }
.brand-tech { display:inline-block; background:linear-gradient(180deg,#f0f5ef 0%,#aeb8ae 34%,#4d584f 68%,#d5ded4 100%); -webkit-background-clip:text; background-clip:text; color:transparent; font:800 19px/1 Manrope,sans-serif; letter-spacing:-1.4px; text-transform:lowercase; -webkit-text-stroke:.2px rgba(210,225,211,.35); filter:drop-shadow(1px 1px 0 #283129) drop-shadow(2px 2px 0 #050805); }
.site-footer .brand-logo-frame { width:72px; height:28px; }
.site-footer .brand-tech { font-size:16px; }

/* Cutaway processor replacing the planet */
.chip-board { position:absolute; inset:0; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(140,255,112,.13),transparent 34%),linear-gradient(128deg,#0b1510 0%,#111d15 46%,#07100b 100%); }
.chip-board::before { content:''; position:absolute; inset:-18%; opacity:.54; background:linear-gradient(rgba(156,255,112,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(156,255,112,.11) 1px,transparent 1px); background-size:34px 34px; transform:perspective(500px) rotateX(54deg) rotateZ(-7deg); }
.chip-board::after { content:'CUTAWAY / SILICON CORE'; position:absolute; right:24px; top:48px; color:rgba(156,255,112,.66); font:9px 'DM Mono',monospace; letter-spacing:.08em; }
.chip-shell { position:absolute; z-index:2; width:288px; height:288px; top:112px; left:50%; transform:translateX(-50%) rotate(-12deg); border:1px solid rgba(203,255,205,.58); background:linear-gradient(135deg,rgba(213,235,216,.17),rgba(11,25,16,.76) 43%,rgba(0,0,0,.85)); box-shadow:inset 0 0 0 8px rgba(4,11,7,.66),inset 0 0 40px rgba(156,255,112,.16),0 0 38px rgba(104,255,103,.17); clip-path:polygon(0 8%,8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%); }
.chip-shell::before { content:''; position:absolute; inset:19px; border:1px solid rgba(156,255,112,.3); clip-path:inherit; }
.chip-shell::after { content:''; position:absolute; width:170px; height:170px; top:59px; left:59px; background:linear-gradient(135deg,rgba(207,232,210,.17),rgba(50,117,61,.17)); border:1px solid rgba(202,255,205,.7); box-shadow:inset 8px 8px 0 rgba(218,247,218,.06),inset -12px -12px 0 rgba(0,0,0,.26); clip-path:polygon(0 10%,10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%); }
.chip-core { position:absolute; z-index:3; width:142px; height:142px; top:73px; left:73px; overflow:hidden; background:linear-gradient(145deg,#25492a,#09130c 74%); border:1px solid var(--acid); box-shadow:0 0 22px rgba(146,255,112,.25),inset 0 0 25px rgba(156,255,112,.18); clip-path:polygon(0 12%,12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%); }
.chip-core::before { content:''; position:absolute; inset:17px; background:repeating-linear-gradient(90deg,transparent 0 16px,rgba(156,255,112,.25) 17px 18px),repeating-linear-gradient(0deg,transparent 0 16px,rgba(156,255,112,.25) 17px 18px); opacity:.75; }
.chip-core::after { content:''; position:absolute; inset:34px; border:1px solid rgba(201,255,207,.72); box-shadow:0 0 18px rgba(156,255,112,.26); }
.core-line { position:absolute; z-index:1; display:block; height:1px; background:var(--acid); box-shadow:0 0 5px var(--acid); transform-origin:left center; }
.core-line-a { width:95px; left:7px; top:51px; transform:rotate(23deg); }.core-line-b { width:86px; right:-9px; top:85px; transform:rotate(157deg); }.core-line-c { width:74px; left:31px; bottom:20px; transform:rotate(-42deg); }
.core-label { position:absolute; z-index:2; bottom:13px; right:13px; color:#d9ffd5; font:8px 'DM Mono',monospace; letter-spacing:.08em; }
.chip-corner { position:absolute; z-index:4; width:9px; height:9px; border:1px solid var(--acid); box-shadow:0 0 7px var(--acid); }.chip-corner-a { top:23px; left:23px; border-right:0;border-bottom:0; }.chip-corner-b { right:23px; bottom:23px; border-left:0;border-top:0; }
.chip-pins { position:absolute; z-index:3; opacity:.82; background:repeating-linear-gradient(90deg,rgba(174,255,170,.76) 0 2px,transparent 2px 13px); filter:drop-shadow(0 0 3px rgba(156,255,112,.45)); }
.pins-top,.pins-bottom { width:220px; height:7px; left:50%; transform:translateX(-50%) rotate(-12deg); }.pins-top { top:97px; }.pins-bottom { bottom:92px; }
.pins-right,.pins-left { width:7px; height:220px; top:50%; transform:translateY(-50%) rotate(-12deg); background:repeating-linear-gradient(0deg,rgba(174,255,170,.76) 0 2px,transparent 2px 13px); }.pins-right { right:calc(50% - 160px); }.pins-left { left:calc(50% - 160px); }
.chip-trace { position:absolute; z-index:1; height:1px; background:var(--acid); box-shadow:0 0 6px rgba(156,255,112,.8); opacity:.76; }
.trace-a { width:178px; left:22px; top:188px; transform:rotate(23deg); }.trace-b { width:135px; right:25px; top:269px; transform:rotate(-28deg); }.trace-c { width:194px; left:54px; bottom:110px; transform:rotate(-11deg); }.trace-d { width:120px; right:14px; bottom:178px; transform:rotate(38deg); }
.art-label { z-index:5; }.label-bottom { color:var(--acid); }
@media (max-width:760px) { .brand-logo-frame { width:76px; height:30px; }.brand-tech { font-size:17px; }.chip-shell { width:238px; height:238px; top:100px; }.chip-shell::after { width:140px; height:140px; top:48px; left:48px; }.chip-core { width:118px; height:118px; top:59px; left:59px; }.chip-pins { opacity:.7; }.pins-top,.pins-bottom { width:184px; }.pins-right,.pins-left { height:184px; }.pins-right { right:calc(50% - 132px); }.pins-left { left:calc(50% - 132px); }.trace-a { left:0; }.trace-c { left:16px; } }

/* Larger wordmark, digital tech label, brighter hero CTA and emergency contact panel */
.site-header { height:108px; }
.brand { gap:11px; }
.brand-logo-frame { width:176px; height:58px; }
.brand-tech { min-height:42px; padding:10px 11px 8px; border:1px solid rgba(156,255,112,.48); background-color:#07100b; background-image:repeating-linear-gradient(0deg,transparent 0 5px,rgba(156,255,112,.08) 6px 7px),linear-gradient(180deg,rgba(156,255,112,.08),transparent 72%); -webkit-background-clip:border-box; background-clip:border-box; color:var(--acid); -webkit-text-stroke:0; font:500 17px/1 'DM Mono',monospace; letter-spacing:.1em; text-transform:lowercase; text-shadow:0 0 9px rgba(156,255,112,.55); box-shadow:inset 0 0 0 1px rgba(156,255,112,.05),0 0 18px rgba(90,255,90,.12); }
.brand-tech::after { content:'▌'; margin-left:5px; color:rgba(156,255,112,.8); font-size:.7em; animation:blink 1.1s steps(2,end) infinite; }
.site-footer .brand-logo-frame { width:112px; height:38px; }
.site-footer .brand-tech { min-height:31px; padding:7px 8px 6px; font-size:13px; }
.button-primary { background:var(--acid); color:#0b100d; box-shadow:0 0 22px rgba(156,255,112,.16); }
.button-primary span { color:#0b100d; }

.emergency { padding:0 0 128px; }
.emergency-panel { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:54px; padding:70px clamp(26px,6vw,82px); background:radial-gradient(circle at 15% 20%,rgba(156,255,112,.14),transparent 32%),#0f1b12; border:1px solid rgba(156,255,112,.38); box-shadow:12px 12px 0 rgba(0,0,0,.28),0 0 60px rgba(58,255,69,.08); }
.emergency-panel::before { content:'EMERGENCY / DIRECT LINE'; position:absolute; right:28px; top:23px; color:rgba(156,255,112,.56); font:9px 'DM Mono',monospace; letter-spacing:.1em; }
.emergency-panel::after { content:''; position:absolute; inset:0; pointer-events:none; opacity:.24; background:linear-gradient(rgba(156,255,112,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(156,255,112,.12) 1px,transparent 1px); background-size:30px 30px; mask-image:linear-gradient(90deg,black,transparent 72%); }
.emergency-copy,.contact-links { position:relative; z-index:1; }
.emergency-copy .eyebrow { color:#a8b8aa; }
.emergency-copy .eyebrow span { background:var(--acid); }
.emergency h2 { color:var(--ink); font-size:clamp(42px,4.8vw,70px); line-height:.95; letter-spacing:-.07em; margin:0; }
.emergency h2 em { color:var(--acid); font-family:Georgia,serif; font-weight:400; }
.emergency-copy > p:last-child { max-width:360px; margin:30px 0 0; color:#b3c1b5; font-size:15px; line-height:1.6; }
.contact-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.contact-link { min-height:94px; display:flex; align-items:flex-start; gap:12px; padding:18px; color:var(--ink); background:#142219; border:1px solid rgba(156,255,112,.2); text-decoration:none; transition:transform .2s,border-color .2s,background .2s; }
.contact-link:hover { transform:translateY(-3px); border-color:var(--acid); background:#1b3321; }
.contact-link-primary { background:var(--acid); color:#0b100d; border-color:var(--acid); }
.contact-link-primary:hover { background:#b8ff92; }
.contact-icon { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; color:var(--acid); border:1px solid rgba(156,255,112,.42); }
.contact-link-primary .contact-icon { color:#0b100d; border-color:rgba(11,16,13,.42); }
.contact-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.contact-icon svg path[fill="currentColor"] { fill:currentColor; stroke:none; }
.contact-link strong { display:block; font-size:14px; line-height:1.25; letter-spacing:-.02em; }
.contact-link small { display:block; margin-top:5px; color:#8ea18f; font:10px/1.35 'DM Mono',monospace; letter-spacing:.02em; }
.contact-link-primary small { color:#25462c; }
@media (max-width:760px) { .site-header { height:88px; }.brand-logo-frame { width:138px; height:46px; }.brand-tech { min-height:35px; padding:8px 7px 7px; font-size:14px; letter-spacing:.08em; }.site-footer .brand-logo-frame { width:90px; height:31px; }.site-footer .brand-tech { min-height:27px; padding:6px 6px 5px; font-size:11px; }.main-nav { top:76px; }.emergency { padding-bottom:90px; }.emergency-panel { grid-template-columns:1fr; gap:35px; padding:43px 24px; }.emergency-panel::before { right:20px; top:18px; font-size:8px; }.contact-links { grid-template-columns:1fr; } }

/* Casio-inspired segmented display for the tech wordmark */
.brand-tech { min-height:58px; padding:12px 13px 10px; display:inline-flex; align-items:center; gap:0; }
.digital-word { display:flex; align-items:center; gap:4px; height:31px; }
.digital-character { position:relative; display:block; flex:0 0 18px; width:18px; height:31px; }
.digital-character .seg { position:absolute; display:block; background:var(--acid); opacity:.08; filter:drop-shadow(0 0 2px rgba(156,255,112,.3)); }
.digital-character .seg-a,.digital-character .seg-d,.digital-character .seg-g { left:3px; width:12px; height:3px; clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%); }
.digital-character .seg-a { top:0; }.digital-character .seg-g { top:14px; }.digital-character .seg-d { bottom:0; }
.digital-character .seg-b,.digital-character .seg-c,.digital-character .seg-e,.digital-character .seg-f { width:3px; height:12px; clip-path:polygon(0 15%,50% 0,100% 15%,100% 85%,50% 100%,0 85%); }
.digital-character .seg-b { top:3px; right:0; }.digital-character .seg-c { bottom:3px; right:0; }.digital-character .seg-e { bottom:3px; left:0; }.digital-character .seg-f { top:3px; left:0; }
.digital-t .seg-a,.digital-t .seg-b,.digital-t .seg-f,.digital-t .seg-g { opacity:1; }
.digital-e .seg-a,.digital-e .seg-d,.digital-e .seg-e,.digital-e .seg-f,.digital-e .seg-g { opacity:1; }
.digital-c .seg-a,.digital-c .seg-d,.digital-c .seg-e,.digital-c .seg-f { opacity:1; }
.digital-h .seg-b,.digital-h .seg-c,.digital-h .seg-e,.digital-h .seg-f,.digital-h .seg-g { opacity:1; }
.site-footer .brand-tech { min-height:38px; padding:7px 9px 6px; }
.site-footer .digital-word { transform:scale(.72); transform-origin:left center; margin-right:-24px; }
@media (max-width:760px) { .brand-tech { min-height:46px; padding:9px 9px 8px; }.digital-word { transform:scale(.82); transform-origin:left center; margin-right:-14px; }.site-footer .brand-tech { min-height:33px; padding:6px 7px 5px; }.site-footer .digital-word { transform:scale(.62); margin-right:-30px; } }

/* Make the T unmistakable and turn the cursor into a taller, thinner display bar */
.digital-t .seg-b { left:7.5px; right:auto; top:3px; width:3px; height:28px; opacity:1; }
.digital-t .seg-c,.digital-t .seg-d,.digital-t .seg-e,.digital-t .seg-f,.digital-t .seg-g { opacity:.08; }
.brand-tech::after { content:''; display:block; align-self:center; width:3px; height:40px; margin-left:7px; background:var(--acid); color:transparent; font-size:0; box-shadow:0 0 8px rgba(156,255,112,.7); }
.site-footer .brand-tech::after { width:2px; height:28px; margin-left:5px; }

/* More review cards in a compact two-column gallery */
.review-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-content:start; }
.review-card { grid-template-columns:105px minmax(0,1fr); min-height:170px; }
.review-copy { padding:17px 18px; }
.review-card blockquote { font-size:14px; }
@media (max-width:760px) { .brand-tech::after { width:2px; height:32px; margin-left:6px; }.site-footer .brand-tech::after { height:24px; }.review-list { display:flex; flex-direction:column; gap:12px; }.review-card { grid-template-columns:112px 1fr; min-height:157px; }.review-copy { padding:15px; } }

/* One shared frame keeps the logo and tech label together */
.brand-lockup { display:inline-flex; align-items:center; gap:9px; padding:4px; border:1px solid rgba(156,255,112,.48); background:#050805; box-shadow:0 0 0 3px rgba(156,255,112,.04),0 0 24px rgba(90,255,90,.13); }
.brand-lockup .brand-logo-frame { border:0; box-shadow:none; }
.brand-lockup .brand-tech { height:58px; min-height:0; border:0; box-shadow:none; }
.site-footer .brand-lockup { gap:6px; padding:3px; }
.site-footer .brand-lockup .brand-logo-frame { width:112px; height:38px; }
.site-footer .brand-lockup .brand-tech { height:38px; min-height:0; }

/* Give the review images a wider, almost square frame */
.reviews { grid-template-columns:.68fr 1.32fr; gap:45px; }
.review-card { grid-template-columns:160px minmax(0,1fr); min-height:170px; }
.review-card { align-items:start; }
.review-image { width:100%; aspect-ratio:1 / 1; height:auto; align-self:start; }

/* The same blinking underscore marks the larger headline sections */
.hero h1::after,.statement h2::after,.process-copy h2::after,.reviews h2::after,.emergency h2::after,.contact h2::after { content:'_'; display:inline-block; margin-left:.08em; color:var(--acid); font:500 .55em/1 'DM Mono',monospace; letter-spacing:0; vertical-align:baseline; animation:blink 1.1s steps(2,end) infinite; }
.contact h2::after { color:#0b100d; }
@media (max-width:760px) { .brand-lockup { gap:7px; padding:3px; }.brand-lockup .brand-tech { height:46px; min-height:0; }.site-footer .brand-lockup { gap:5px; padding:2px; }.site-footer .brand-lockup .brand-logo-frame { width:90px; height:31px; }.site-footer .brand-lockup .brand-tech { height:33px; min-height:0; }.reviews { grid-template-columns:1fr; gap:0; }.review-card { grid-template-columns:128px minmax(0,1fr); min-height:157px; }.review-image { width:128px; height:128px; } }