:root{--navy:#0F2A44;--blue:#1E6FA8;--teal:#2BB3A3;--sand:#F4EFE6;--coral:#E8704A;--dark:#071b2d;--muted:#bed6db}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--sand);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffb896;outline-offset:4px}.skip{position:absolute;left:-9999px;top:5px;z-index:99;background:#fff;color:#000;padding:8px}.skip:focus{left:10px}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.dark-head{overflow:hidden;position:relative;background:radial-gradient(circle at 80% 37%,#147e8350,transparent 29%),radial-gradient(circle at 7% 72%,#1E6FA83b,transparent 39%),linear-gradient(135deg,#061827,#0F2A44 75%,#071c2e)}header{border-bottom:1px solid #88bdba35}.top{min-height:85px;display:flex;align-items:center;gap:25px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.035em;font-size:22px;white-space:nowrap}.brand-symbol{display:grid;place-items:center;border:2px solid #64dacc;width:42px;height:42px;border-radius:13px;font-size:23px;color:var(--sand);transform:rotate(-4deg);box-shadow:0 0 22px #2BB3A34c}.nav{display:flex;gap:23px;align-items:center;font-size:13px;font-weight:650}.nav a:hover,.nav a:focus-visible{color:#72e7d6}.head-actions{display:flex;align-items:center;gap:10px}select{background:#16384e;color:#fff;border:1px solid #72a5aa;border-radius:8px;padding:9px}button.menu{display:none;background:transparent;color:#fff;border:1px solid #4b8190;border-radius:8px;padding:7px 13px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;padding:103px 0 101px}.eyebrow,.kicker{color:#69dfcb;letter-spacing:.16em;font-size:11px;font-weight:850}.hero h1{font-size:clamp(43px,5.15vw,76px);line-height:1.075;letter-spacing:-.055em;margin:20px 0}.hero h1 em{font-style:normal;color:#6be7d4}.hero p{color:#d6e6e9;max-width:510px;font-size:17px}.buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.btn{border-radius:10px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:750;min-height:48px}.btn.coral{background:var(--coral);color:var(--navy)}.btn.ghost{border:1px solid #79adb7}.hero-art{min-height:370px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";width:min(360px,90%);aspect-ratio:1;border:2px solid #46d7ca85;box-shadow:0 0 42px #2BB3A355;border-radius:50%;position:absolute;transform:rotate(-19deg) scaleY(.55)}.hero-art:after{content:"";width:260px;height:70px;background:#3be4cc70;filter:blur(55px);position:absolute;bottom:30px;z-index:-1}.brand-visual{width:230px;height:260px;position:relative;display:grid;place-items:center;border-radius:31px;background:linear-gradient(140deg,#2BB3A344,#1E6FA84d 60%,#E8704A1c);border:1px solid #92f2e3a6;backdrop-filter:blur(13px);box-shadow:0 20px 45px #0008,0 0 45px #28bfae46;transform:rotate(9deg)}.brand-visual span{font-size:155px;line-height:1;font-weight:900;font-style:italic;color:var(--sand);text-shadow:15px 12px #2BB3A3}.brand-visual:before,.brand-visual:after{content:"";position:absolute;width:140px;height:195px;border-radius:22px;border:1px solid #6edbc5aa;background:#2BB3A329;z-index:-1}.brand-visual:before{transform:translate(-125px,-9px) rotate(-23deg)}.brand-visual:after{transform:translate(134px,14px) rotate(11deg);border-color:#E8704A80}.feature-row{border-top:1px solid #81d9cf34;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:22px 0 34px}.feature{border-left:3px solid var(--teal);padding-left:15px;font-size:12px;letter-spacing:.04em;color:#e0ecee;font-weight:700}.section{padding:90px 0}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:35px}.section h2{font-size:clamp(31px,3.5vw,49px);letter-spacing:-.04em;line-height:1.14;margin:11px 0 0}.section-top p{max-width:400px;color:#b9d0d6;font-size:14px}.projects{background:#092338}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{border:1px solid #47768a;background:linear-gradient(125deg,#10364b,#0c293d);border-radius:20px;padding:25px;display:flex;flex-direction:column;gap:13px;min-width:0}.card:first-child{border-top:3px solid var(--coral)}.card:last-child{border-top:3px solid var(--teal)}.card-title{display:flex;justify-content:space-between;gap:10px;align-items:start}.card h3{font-size:23px;margin:0;letter-spacing:-.02em}.status{font-size:11px;color:#a6fff0;border:1px solid #56bca9;border-radius:100px;padding:3px 10px;white-space:nowrap}.card p{margin:0;color:#d2e0e6;font-size:14px}.illustration{position:relative;min-height:235px;background:radial-gradient(circle at 50% 40%,#20727b65,#102638);border:1px solid #4a899050;border-radius:14px;display:grid;place-items:center;overflow:hidden}.illustration:before{content:"";position:absolute;inset:20px 13%;border:1px solid #4d9e9a60;border-radius:14px}.illustration svg{width:67%;max-width:250px;height:146px;filter:drop-shadow(0 0 17px #2BB3A333)}.placeholder{position:absolute;bottom:13px;color:#c7dcdf;font-size:11px;letter-spacing:.02em;text-align:center;padding:0 12px}.card details{margin-top:4px;border-top:1px solid #527789;padding-top:14px}.card summary{cursor:pointer;font-size:14px;color:#ffc4af;font-weight:700}.card details p{margin-top:10px;font-size:13px}.work{background:var(--sand);color:var(--navy)}.work .kicker{color:#146e70}.work .section-top p{color:#4c636d}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value{background:white;border:1px solid #dedfd9;border-radius:15px;padding:24px}.value .num{color:#a9502f;font-weight:850;letter-spacing:.16em;font-size:12px}.value h3{font-size:17px;margin:15px 0 8px}.value p{font-size:13px;color:#4c6067}.about{background:#0d2b43}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-grid p{color:#d2e2e7}.about-art{border:1px solid #57968e80;border-radius:28px;min-height:235px;background:linear-gradient(135deg,#13475a,#08273b);display:grid;place-items:center}.about-art span{font-size:clamp(62px,9vw,125px);font-weight:850;letter-spacing:-.08em;color:#f4efe6;text-shadow:8px 9px 0 #288d87}.contact{padding:80px 0;background:linear-gradient(125deg,#0c3b4e,#0d2941);border-top:1px solid #418585}.contact-box{display:flex;justify-content:space-between;gap:40px;align-items:center}.contact h2{max-width:690px}.contact p{color:#d7e4e7}footer{background:#061827;padding:40px 0;color:#b3cad2}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer-grid a{display:block;margin:8px 0;font-size:13px}.footer-grid p{font-size:13px}.smallprint{border-top:1px solid #4c677245;margin-top:25px;padding-top:18px;font-size:12px}#legal{font-size:12px;color:#bacbd0}@media(max-width:900px){.nav{gap:12px}.hero{gap:25px}.card-title{display:block}.status{display:inline-flex;margin-top:10px}}@media(max-width:720px){.wrap{width:min(100% - 32px,1160px)}.top{min-height:74px;flex-wrap:wrap}.brand{font-size:19px}.nav{display:flex;order:3;flex:0 0 100%;flex-direction:column;align-items:stretch;padding:10px 0 20px;gap:0}html.js .nav{display:none}html.js .nav.open{display:flex}html:not(.js) button.menu{display:none}.nav a{padding:11px 5px}.head-actions{margin-left:auto}button.menu{display:inline-block}.hero{grid-template-columns:1fr;padding:55px 0 45px;gap:18px}.hero-art{min-height:300px}.brand-visual{transform:rotate(7deg) scale(.81)}.feature-row{grid-template-columns:1fr;gap:15px}.section{padding:64px 0}.section-top,.contact-box{display:block}.cards,.values,.about-grid,.footer-grid{grid-template-columns:1fr}.card-title{display:flex}.about-art{min-height:175px}.contact-box .btn{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.brand .smyrna-mark{width:42px;height:34px;flex:none;display:block;overflow:visible}.brand-visual .smyrna-mark{width:175px;height:auto;max-width:82%;filter:drop-shadow(0 0 19px #2BB3A355);transform:rotate(-9deg)}.about-art .smyrna-mark{width:165px;max-width:50%;filter:drop-shadow(0 0 24px #2BB3A344)}@media(max-width:720px){.brand .smyrna-mark{width:36px;height:30px}}
@media(max-width:720px){.hero-art{min-height:230px}.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
:target{scroll-margin-top:28px}

/* V11: preserve approved Ege palette and single reusable SVG mark; richer layered hero only */
.hero-art{min-height:410px;perspective:950px;overflow:visible}
.hero-art:before{width:114%;height:155px;aspect-ratio:auto;transform:rotate(-13deg);border-color:#28e6d3bd;box-shadow:0 0 19px #2bb3a38c, inset 0 0 12px #2bb3a355;z-index:0}
.hero-art:after{bottom:18px;width:320px;z-index:0}
.hero-art .brand-visual{z-index:4;width:195px;height:257px;transform:rotate(9deg) translateY(-7px);border:1.5px solid #a7fff0;background:linear-gradient(130deg,#0c7c85bc,#0c3858d9 54%,#ec764f60);box-shadow:0 25px 46px #000a,0 0 40px #18efd577, inset 0 0 35px #6efee225}
.hero-art .brand-visual:before,.hero-art .brand-visual:after{display:none}
.hero-art .brand-visual .smyrna-mark{width:149px;filter:drop-shadow(0 0 14px #55dcca6b)}
.glass-panel{position:absolute;width:147px;height:200px;border-radius:19px;background:linear-gradient(135deg,#0d93ac52,#0b3a6299 65%,#226a8c7a);border:1px solid #40d7e2b0;box-shadow:inset 0 0 35px #1f91a052,0 18px 38px #0008,0 0 19px #09bcdd41;display:grid;place-items:center;backdrop-filter:blur(6px)}
.glass-panel svg{width:51px;height:51px;stroke:#64e9e3;fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 7px #21e6d3)}
.panel-left{z-index:1;transform:translate(-180px,10px) rotate(-13deg)}
.panel-mid{z-index:2;transform:translate(-102px,-24px) rotate(-5deg);height:220px}
.panel-right{z-index:3;transform:translate(134px,-6px) rotate(13deg);border-color:#ed976fbb;background:linear-gradient(135deg,#E8704A40,#103d5fc9 68%)}
.panel-right svg{stroke:#ffb18d}
.panel-far{z-index:2;transform:translate(215px,-4px) rotate(7deg);height:183px;width:126px}
@media(max-width:1100px){.hero{gap:18px}.hero-art{transform:scale(.82);transform-origin:center}.hero h1{font-size:clamp(38px,4.9vw,64px)}}
@media(max-width:720px){.hero-art{min-height:270px;transform:scale(.65);margin:-43px -20px -37px}.hero-art .brand-visual{width:190px;height:248px}.glass-panel{width:141px}}
@media(max-width:420px){.hero-art{transform:scale(.55);margin:-57px -26px -48px}}

/* V12: visual refinement only; approved mark and content remain unchanged */
:root{--card-border:#548aa0}
.hero{padding-top:76px;padding-bottom:67px;gap:45px}
.hero h1{font-size:clamp(43px,4.75vw,69px);line-height:1.10;letter-spacing:-.048em;max-width:640px}
.hero p{font-size:16px;max-width:530px;line-height:1.7}
.eyebrow{display:inline-block;padding:7px 12px;border:1px solid #36cdb39a;border-radius:100px;background:#2bb3a313;letter-spacing:.12em}
.buttons{margin-top:26px}
.btn.coral{box-shadow:0 8px 24px #e8704a27}
.btn:hover{filter:brightness(1.07)}
.hero-art{min-height:395px}
.feature-row{padding-top:19px;padding-bottom:26px}
.projects{background:linear-gradient(180deg,#092338,#08283d)}
.projects.section{padding-top:72px;padding-bottom:77px}
.section-top{margin-bottom:29px}
.section h2{font-size:clamp(32px,3vw,43px)}
.cards{gap:22px}
.card{border-color:#477e92;border-radius:18px;padding:27px;box-shadow:0 18px 50px #02142344;transition:transform .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-3px);border-color:#6bcfc2}
.card h3{font-size:24px}
.card p{line-height:1.65}
.illustration{min-height:255px;border-color:#57a89a55;background:radial-gradient(circle at 55% 45%,#287f8270,#102d40 65%)}
.card details summary:hover{color:#ffdfd2}
@media(max-width:900px){.hero{gap:8px}.hero h1{font-size:clamp(37px,4.8vw,51px)}.card{padding:20px}}
@media(max-width:720px){.hero{padding-top:47px;padding-bottom:42px;gap:7px}.hero h1{font-size:clamp(37px,9vw,47px)}.hero p{font-size:15px}.projects.section{padding-top:56px;padding-bottom:56px}.cards{gap:18px}.card{padding:22px}.illustration{min-height:205px}.card:hover{transform:none}}

#barber-project,#humnlabs-project,#products,#about,#contact {scroll-margin-top:90px}
.preview-disclosure{font-size:.83rem;color:#bed6db;padding:15px 0 4px;max-width:900px;line-height:1.55}
@media (max-width:650px){#barber-project,#humnlabs-project,#products,#about,#contact{scroll-margin-top:76px}}

.faq-section{padding-top:65px;padding-bottom:75px;background:#0a2236}.faq-list{display:grid;gap:12px;margin-top:28px;max-width:900px}.faq-list details{border:1px solid #4380827b;background:#12374b;border-radius:14px;padding:17px 20px}.faq-list summary{cursor:pointer;font-weight:700}.faq-list summary:focus-visible{outline:3px solid #ffb896;outline-offset:5px}.faq-list p{color:#d3e8eb;max-width:760px;margin-bottom:0}.faq-section h2{margin:10px 0 0}

/* V15: restrained usability refinement; fixed brand artwork and palette unchanged */
#faq {scroll-margin-top:90px}
.footer-extra{display:flex;gap:22px;flex-wrap:wrap;padding:16px 0 0}
.footer-extra a{color:#c6e5e5;text-underline-offset:4px}
:focus-visible{outline:3px solid #F4EFE6;outline-offset:4px}
@media(max-width:650px){#faq{scroll-margin-top:76px}}

.compliance{background:#102e43;padding-block:68px}.compliance h2{max-width:850px}.compliance-intro{max-width:850px;color:#cce1e5}.compliance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.compliance-card{border:1px solid #397788;border-radius:16px;background:#183d51;padding:22px}.compliance-card h3{margin:0 0 12px;color:#f4efe6;font-size:1.1rem}.compliance-card p{margin:0;color:#d0e2e5;line-height:1.6}.legal-warning{margin-top:22px!important;font-size:.88rem;color:#f4b49c;max-width:940px}#company{scroll-margin-top:90px}@media(max-width:760px){.compliance-grid{grid-template-columns:1fr}.compliance{padding-block:48px}.compliance-card{padding:18px}}