:root{--bg:#080a0d;--panel:#12151b;--text:#f6f6f7;--muted:#a4aab3;--red:#ec343b;--border:#292c33;--shell:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(var(--shell),calc(100% - 64px));margin:auto}.site-header{height:82px;border-bottom:1px solid #252830;background:#0c0e12e8;position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;font-size:12px;font-weight:850;letter-spacing:.14em}.logo .light{font-weight:420;color:#c4c8ce;margin-left:3px}.mark{display:grid;place-items:center;width:39px;height:39px;border:2px solid var(--red);font-size:24px;letter-spacing:-.08em;font-weight:900}.mark-dot{color:var(--red)}.nav-links{display:flex;gap:34px;align-items:center;font-size:13px;color:#bfc2c9}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a.active{border-bottom:2px solid var(--red);padding:10px 0}.nav-toggle{display:none;border:1px solid var(--border);background:#15171e;color:white;border-radius:5px;padding:5px 10px}.hero{overflow:hidden;background:radial-gradient(circle at 79% 42%,#282026 0,#0d0f13 40%,#080a0d 72%);border-bottom:1px solid #22252b}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:575px;gap:25px}.eyebrow{color:#b9bdc5;font-size:11px;letter-spacing:.22em;font-weight:780}.red-line{display:inline-block;width:22px;height:2px;background:var(--red);vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(54px,5.4vw,78px);line-height:1.04;letter-spacing:-.055em;margin:23px 0 22px;font-weight:830}.hero h1 em,.statement h2 em{font-style:normal;color:var(--red)}.lead{color:#b3b8c0;font-size:17px;max-width:475px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;gap:24px;align-items:center;justify-content:center;border-radius:4px;padding:13px 18px;font-size:13px;font-weight:750;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--red);color:white}.btn-primary:hover{background:#ca232b}.btn-ghost{border:1px solid #41434a;background:transparent}.btn-outline{border:1px solid #777b86}.hero-note{color:#b0b5be;font-size:12px;margin-top:35px}.signal{display:inline-block;background:var(--red);border-radius:50%;height:7px;width:7px;margin-right:9px}.hero-art{height:450px;position:relative;display:grid;place-items:center}.orbit{border:1px solid #3c3036;border-radius:50%;position:absolute;width:400px;height:400px;opacity:.65}.orbit-two{width:530px;height:530px;opacity:.25}.panel{background:#171b22;border:1px solid #525057;border-radius:10px;box-shadow:0 35px 100px #000a;position:absolute}.back-panel{height:275px;width:355px;right:5px;top:62px;transform:rotate(9deg);opacity:.75}.front-panel{height:310px;width:385px;left:15px;top:95px;transform:rotate(-6deg)}.panel-top{height:36px;border-bottom:1px solid #33373f;display:flex;align-items:center;gap:6px;padding:0 14px}.panel-top i{display:block;width:7px;height:7px;border-radius:100%;background:#4b515c}.panel-top i:first-child{background:var(--red)}.content-canvas{width:85%;margin:24px auto 14px;background:linear-gradient(140deg,#29262b,#1d242e 65%,#2b1b23);height:165px;border:1px solid #383a44;border-radius:5px;position:relative;display:grid;place-items:center}.play-icon{background:var(--red);width:49px;height:49px;display:grid;place-items:center;border-radius:50%;font-size:17px;padding-left:3px}.decor-line{position:absolute;bottom:16px;left:18px;width:68%;height:5px;border-radius:5px;background:#5e5861}.decor-line.short{width:35%;bottom:29px;background:#796a72}.timeline{margin:0 27px}.track{height:11px;background:#434b57;border-radius:3px;margin-bottom:8px}.red-track{width:78%;background:#b82b35}.half{width:49%}.fake-bars{display:flex;align-items:flex-end;gap:12px;height:180px;margin:20px 25px}.fake-bars b{display:block;flex:1;background:#5d3e49;border-radius:5px;height:65%}.fake-bars b:nth-child(2){height:90%;background:#9d2933}.fake-bars b:nth-child(3){height:42%}.art-caption{position:absolute;right:18px;bottom:6px;font-size:10px;letter-spacing:.22em;color:#c2abb2}.art-caption span{color:var(--red);padding:0 7px}.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin:12px 0 38px}.section-heading h2,.statement h2,.page-header h1{font-size:clamp(37px,4vw,56px);letter-spacing:-.045em;line-height:1.14;margin:0}.section-heading p{max-width:350px;color:var(--muted);font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.product-card{min-height:353px;position:relative;overflow:hidden;padding:31px;border:1px solid #34363f;border-radius:8px;background:linear-gradient(140deg,#191c24,#0f1116)}.product-icon{font-weight:900;font-size:26px;border:1px solid #d33a42;width:49px;height:49px;display:grid;place-items:center;margin-bottom:24px}.product-icon span{color:var(--red)}.product-icon.outlined{font-size:21px;color:var(--red)}.product-meta{display:flex;align-items:center;gap:18px}.pill{border:1px solid #a73842;color:#ff6c76;font-weight:850;letter-spacing:.13em;font-size:9px;padding:6px 9px;border-radius:3px}.product-number{font-size:10px;letter-spacing:.12em;color:#8e939e}.product-card h3{font-size:31px;letter-spacing:-.04em;margin:20px 0 7px}.product-card p{color:#b4b7c0;line-height:1.75;max-width:430px;margin:0 0 22px;font-size:14px}.text-link{font-size:13px;font-weight:760;color:#fff}.text-link span{color:var(--red);margin-left:9px}.small-note{font-size:12px;color:#898f99;margin-top:20px}.statement{border-top:1px solid #292b33;background:radial-gradient(ellipse at 50% 110%,#271318,transparent 65%),#0f1116;text-align:center}.statement-inner{max-width:800px}.statement h2{margin:20px auto;font-size:clamp(34px,3.6vw,49px)}.statement p{color:#aeb2bb;max-width:540px;margin:0 auto 30px}.footer{border-top:1px solid #292b33;background:#08090c}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:38px 0;border-bottom:1px solid #24262c}.footer-top p{color:#89909a;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 0 40px;color:#8f949e;font-size:12px}.footer-bottom div{display:flex;gap:20px;flex-wrap:wrap}.footer a:hover{color:white}.page-header{padding:95px 0 45px;background:linear-gradient(150deg,#15151b,#080a0d)}.page-header h1{margin:20px 0}.page-header p{font-size:17px;color:#b7bac2;max-width:720px}.content-section{padding:55px 0 110px;min-height:45vh}.readable{max-width:770px}.readable h2{font-size:25px;margin:40px 0 10px;letter-spacing:-.02em}.readable p,.readable li{color:#b9bdc5;line-height:1.83}.readable a{color:#f17b83;text-decoration:underline}.notice{background:#231d1e;border-left:3px solid var(--red);padding:18px 22px;color:#f2c7ca;margin:0 0 28px;font-size:14px}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.info-card{border:1px solid #353841;padding:25px;border-radius:7px;background:#14171d}.info-card h3{margin:0 0 9px}.info-card p{color:#aab0ba;font-size:14px}.cta{margin-top:36px}.muted{color:var(--muted)}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;padding:65px 0 20px}.hero-art{height:340px}.front-panel{left:12%;top:25px}.back-panel{right:10%;top:0}.orbit{width:350px;height:350px}.orbit-two{width:400px;height:400px}.section-heading{display:block}.product-grid,.info-cards{grid-template-columns:1fr}.nav-links{display:none;position:absolute;top:81px;left:0;right:0;background:#111319;padding:24px;flex-direction:column;align-items:start;border-bottom:1px solid #333}.nav-links.open{display:flex}.nav-toggle{display:block}.footer-bottom,.footer-top{flex-direction:column;align-items:start}}@media(max-width:530px){.shell{width:calc(100% - 36px)}.hero h1{font-size:54px}.hero-art{height:285px}.front-panel{width:275px;height:254px;left:2%;top:28px}.back-panel{width:255px;height:215px;right:0}.content-canvas{height:126px;margin-top:15px}.play-icon{width:42px;height:42px}.orbit{width:270px;height:270px}.orbit-two{width:320px;height:320px}.section{padding:70px 0}.site-header{height:70px}.nav-links{top:69px}.logo{font-size:10px}.mark{width:33px;height:33px;font-size:20px}.page-header{padding-top:65px}}

/* Fennell Technologies brand review — October 19, 2026 */
:root{--bg:#040b15;--panel:#0b1928;--text:#f4f6fa;--muted:#a9bbcf;--red:#00a8f4;--border:#264055}
body{background:#050c17}
.site-header{height:94px;background:rgba(3,10,19,.94);border-bottom:1px solid #1d3852}
.logo.brand-image{width:clamp(215px,27vw,320px);height:76px;display:flex;align-items:center;overflow:hidden}
.brand-image img{display:block;width:100%;height:auto;mix-blend-mode:screen}
.nav-links a.active{border-bottom-color:#d6a352}.nav-links a:hover{color:#f4cb75}
.hero.ft-hero{background:radial-gradient(ellipse at 24% 50%,#123459 0%,#08192d 42%,#030914 80%);border-bottom:1px solid #23435d;position:relative}
.ft-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0 85px,#2973a3 86px,transparent 87px),repeating-linear-gradient(0deg,transparent 0 85px,#2973a3 86px,transparent 87px)}
.ft-hero-grid{position:relative;display:grid;grid-template-columns:48% 52%;align-items:center;gap:18px;min-height:625px;padding:45px 0 55px}
.ft-hero-art{width:100%;max-width:540px;filter:drop-shadow(0 0 30px #006dc54f)}
.ft-hero-art img{width:100%;display:block;border-radius:50%;mix-blend-mode:screen}
.ft-hero-copy{padding:25px 10px 25px 12px}
.ft-hero h1{font-size:clamp(45px,5.15vw,74px);letter-spacing:-.047em;margin:26px 0 22px}
.ft-hero h1 em{color:#e7b860;text-shadow:0 0 28px #bb761644}
.ft-hero .lead{color:#c1cee0;max-width:550px}
.red-line{background:#e9b957}.signal{background:#00b9ff;box-shadow:0 0 13px #00b9ff}
.btn-primary{background:linear-gradient(120deg,#ad7626,#efc66f);color:#09111d}.btn-primary:hover{background:#f1cc7f}
.btn-ghost{border-color:#376387}.btn-outline{border-color:#bb9655}
.products{background:linear-gradient(180deg,#081525,#060d18)}
.product-card{border-color:#2b4964;background:radial-gradient(circle at 92% 10%,#183858,#0b1a2d 52%,#09111d)}
.product-icon{border-color:#d7ab58;color:#efd28c}.product-icon span,.product-icon.outlined,.text-link span{color:#00baff}
.pill{border-color:#b28b48;color:#f2c978}.product-number{color:#a9bbcf}
.statement{background:radial-gradient(ellipse at 50% 95%,#123453,#060e1b 70%)}
.statement h2 em{color:#f1c775}
.footer{background:#040a13;border-top-color:#244058}
.page-header{background:linear-gradient(135deg,#102c46,#050b16)}
.readable a{color:#72cfff}.notice{background:#1a2737;border-left-color:#d3a456;color:#e9d0a2}
@media(max-width:850px){.site-header{height:82px}.nav-links{top:81px;background:#081526}.ft-hero-grid{grid-template-columns:1fr;gap:0;text-align:center;padding:35px 0 65px}.ft-hero-art{max-width:390px;margin:auto}.ft-hero-copy{padding:0}.ft-hero .lead{margin-left:auto;margin-right:auto}.ft-hero .hero-actions{justify-content:center}.logo.brand-image{width:250px;height:70px}}
@media(max-width:530px){.site-header{height:70px}.nav-links{top:69px}.logo.brand-image{width:202px;height:60px}.ft-hero-grid{padding:24px 0 55px}.ft-hero-art{max-width:290px}.ft-hero h1{font-size:clamp(39px,10vw,52px)}.ft-hero .lead{font-size:15px}.ft-hero .hero-actions{gap:9px}}
