/* Wicky Labs — minimal dark website. Pure HTML/CSS/JS, no external requests. */
:root{color-scheme:dark;--bg:#0d1117;--bg-2:#111821;--card:#161e27;--line:#2a3440;--text:#f1f5f9;--muted:#aab6c4;--soft:#788797;--accent:#8ebcf5;--accent-2:#b2d3fd;--radius:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}svg{width:20px;height:20px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
::selection{background:#34577e;color:white}
.container{width:min(1170px,calc(100% - 96px));margin:0 auto}
.skip-link{position:absolute;left:12px;top:-90px;background:var(--text);color:var(--bg);z-index:200;padding:10px 16px}.skip-link:focus{top:10px}
.site-header{height:88px;border-bottom:1px solid #222b35;position:relative;z-index:20}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}
.logo{display:flex;align-items:center;gap:13px;flex-shrink:0}
.logo-symbol{height:43px;width:43px;display:grid;place-items:center;border:1px solid #374455;border-radius:11px;font-size:25px;font-weight:790;letter-spacing:-.15em;padding-right:5px;line-height:1}
.logo-symbol span,.full-stop,.footer-logo span{color:var(--accent)}
.logo-type,.footer-logo{font-size:15px;letter-spacing:.15em;font-weight:800;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:32px}.nav-links>a{font-size:13px;font-weight:550;color:#c3ccd7;transition:color .2s}.nav-links>a:hover,.nav-links>a[aria-current]{color:white}.nav-links .nav-contact{margin-left:12px;border:1px solid #3a4858;border-radius:100px;padding:10px 17px;color:white;display:flex;align-items:center;gap:12px}.nav-links .nav-contact svg{width:17px;height:17px}.nav-links .nav-contact:hover{border-color:var(--accent);color:var(--accent)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:9px;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.nav-toggle span{display:block;background:white;width:18px;height:1.5px}
.overline{font-size:11px;letter-spacing:.17em;color:var(--accent);font-weight:750;line-height:1.8;margin:0 0 22px}.accent-rule{display:inline-block;height:1px;width:25px;background:var(--accent);vertical-align:middle;margin-right:13px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.09;letter-spacing:-.048em}
.hero{padding-top:112px;padding-bottom:116px}.hero-overline{margin-bottom:28px}.hero h1{font-size:clamp(75px,11.25vw,162px);line-height:.94;letter-spacing:-.092em;font-weight:750;margin:0 0 54px;white-space:nowrap}.hero h1>span{color:#aebfd4}.hero h1 .full-stop{color:var(--accent)}
.hero-bottom{border-top:1px solid var(--line);padding-top:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.hero-tagline{font-size:clamp(23px,2.7vw,35px);font-weight:600;letter-spacing:-.045em;line-height:1.2;margin:0 0 11px}.hero-support{max-width:480px;color:var(--muted);font-size:15px;line-height:1.75;margin:0}
.button-primary{display:inline-flex;justify-content:center;align-items:center;gap:38px;background:#e8edf5;color:#10151b;border-radius:100px;padding:16px 21px;font-weight:750;font-size:13px;white-space:nowrap;transition:background .2s,transform .2s;align-self:center}.button-primary:hover{background:#bddefd;transform:translateY(-2px)}.button-primary svg{width:19px;height:19px}
.projects-section{padding:91px 0 110px;background:var(--bg-2);border-top:1px solid #202832;border-bottom:1px solid #202832}
.section-header{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.section-header h2,.about-section h2,.contact-section h2,.page-content h2{font-size:clamp(35px,4.1vw,54px);font-weight:650;line-height:1.08;margin:0}.section-header>p{max-width:360px;font-size:14px;color:var(--muted);line-height:1.75;margin:0 0 5px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{background:#171f29;border:1px solid #2c3744;border-radius:var(--radius);min-height:348px;padding:26px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#6087af;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.project-number{color:#8c9bab;letter-spacing:.15em;font-size:11px;font-weight:700}.status{font-size:11px;color:#bac8d7;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.card-icon{width:53px;height:53px;border:1px solid #354457;border-radius:13px;color:var(--accent);display:grid;place-items:center;margin:41px 0 25px}.card-icon svg{width:29px;height:29px}.project-card .overline{font-size:10px;margin-bottom:9px;color:#94a5b7}.project-card h3{font-size:23px;margin:0 0 11px;letter-spacing:-.04em}.card-desc{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 26px;min-height:48px}.card-link{margin-top:auto;display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:700;color:#dce8f6}.card-link:hover{color:var(--accent)}.card-link svg{width:17px;height:17px}
.about-section{padding:111px 0 118px}.about-grid,.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy{padding-top:26px}.about-copy p{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:19px}.about-copy .large-copy{font-size:23px;line-height:1.55;letter-spacing:-.025em;color:var(--text);margin-bottom:24px}.large-copy strong{font-weight:750}
.contact-section{background:var(--bg-2);border-top:1px solid #242e39;padding:73px 0 79px}.contact-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.contact-section h2{margin-bottom:15px}.contact-section .overline{margin-bottom:17px}.contact-section p:not(.overline){font-size:14px;color:var(--muted);margin:0}.email-button{display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #4b5b6e;border-radius:10px;padding:19px 22px;white-space:nowrap;font-size:14px;font-weight:650;transition:border-color .2s}.email-button:hover{border-color:var(--accent);color:var(--accent)}
.site-footer{padding:62px 0 27px}.footer-main{display:flex;justify-content:space-between;gap:35px;align-items:start;padding-bottom:55px}.footer-logo{font-size:19px}.footer-main p{font-size:13px;color:var(--muted);margin:11px 0 0}.footer-email{font-size:13px;color:#c1cddc;display:flex;align-items:center;gap:12px}.footer-email:hover{color:var(--accent)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;gap:24px;color:var(--soft);font-size:12px}.footer-bottom>div{display:flex;gap:25px}.footer-bottom a:hover{color:var(--accent)}
.page-hero{padding-top:102px;padding-bottom:93px;min-height:350px}.page-hero h1{font-size:clamp(52px,6.5vw,94px);margin:0 0 24px;max-width:900px;overflow-wrap:anywhere}.page-lead{font-size:clamp(19px,2.1vw,27px);color:var(--muted);line-height:1.5;max-width:750px;margin-bottom:27px;letter-spacing:-.018em}.back-link{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:47px}.back-link:hover{color:var(--accent)}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:22px}.page-icon{display:grid;place-items:center;border:1px solid #3a4756;border-radius:22px;width:112px;height:112px;flex:none;color:var(--accent)}.page-icon svg{height:59px;width:59px}.page-hero .status{border:1px solid var(--line);padding:9px 13px;border-radius:100px;margin-top:15px}
.page-content{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:89px 0 105px}.content-grid{gap:80px}.body-lead{color:#d7e0ea;font-size:18px;line-height:1.8;margin:0 0 30px}.feature-list{border-top:1px solid var(--line);margin-top:27px}.feature-row{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid var(--line)}.feature-mark{font-size:15px;color:var(--accent);min-width:24px;font-weight:650}.feature-row h3{font-size:17px;letter-spacing:-.02em;margin:0 0 6px}.feature-row p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}.note{font-size:12px;color:#9aabbb;line-height:1.8;border-left:2px solid #47658b;padding-left:17px;margin:30px 0 0}.inline-email,.text-email{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.inline-email{font-size:18px;font-weight:650;overflow-wrap:anywhere}
.policy-body{max-width:800px}.policy-body h2{font-size:23px;letter-spacing:-.025em;margin:32px 0 10px}.policy-body p{font-size:15px;line-height:1.9;color:var(--muted)}.policy-body p strong{color:var(--text)}.not-found{min-height:60vh;display:flex;flex-direction:column;align-items:start}.not-found .button-primary{align-self:start;margin-top:8px}
@media(max-width:980px){.container{width:min(1170px,calc(100% - 64px))}.hero{padding-top:95px}.hero h1{font-size:clamp(65px,11.5vw,110px)}.project-card{padding:20px}.project-grid{gap:12px}.project-card h3{font-size:20px}.about-grid,.content-grid{gap:40px}.email-button{gap:12px}}
@media(max-width:720px){.container{width:calc(100% - 42px)}.site-header{height:75px}.logo-symbol{height:39px;width:39px;font-size:23px}.logo-type{font-size:13px}.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#141b24;padding:17px 21px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 20px #0005}.nav-links.is-open{display:flex}.nav-links>a{padding:12px 3px}.nav-links .nav-contact{margin:9px 0 0;justify-content:space-between;padding:11px 17px}.hero{padding-top:75px;padding-bottom:77px}.hero-overline{margin-bottom:29px}.hero h1{font-size:clamp(59px,14.6vw,104px);letter-spacing:-.09em;margin-bottom:41px}.hero-bottom{flex-direction:column;align-items:stretch;padding-top:27px;gap:25px}.hero-tagline{font-size:25px}.hero-support{font-size:14px}.button-primary{align-self:flex-start}.projects-section{padding:70px 0 74px}.section-header{flex-direction:column;gap:18px;align-items:start;margin-bottom:28px}.section-header>p{max-width:520px}.project-grid{grid-template-columns:1fr;gap:13px}.project-card{min-height:282px;padding:23px}.card-icon{margin:27px 0 16px}.card-desc{min-height:auto;margin-bottom:20px}.about-section{padding:75px 0 80px}.about-grid,.content-grid{grid-template-columns:1fr;gap:24px}.about-copy{padding-top:0}.about-copy .large-copy{font-size:20px}.contact-section{padding:64px 0}.contact-inner{flex-direction:column;align-items:stretch;gap:27px}.contact-section h2{font-size:40px}.email-button{align-self:start;max-width:100%;font-size:13px;overflow-wrap:anywhere;white-space:normal;padding:15px}.site-footer{padding-top:44px}.footer-main{flex-direction:column;gap:23px;padding-bottom:39px}.footer-bottom{align-items:start;flex-direction:column;gap:14px}.footer-bottom>div{flex-wrap:wrap;column-gap:19px;row-gap:9px}.page-hero{padding:75px 0 67px;min-height:auto}.page-hero h1{font-size:clamp(49px,10vw,70px)}.page-lead{font-size:19px}.page-icon{width:70px;height:70px;border-radius:14px}.page-icon svg{width:38px;height:38px}.page-content{padding:70px 0 75px}.body-lead{font-size:16px}.back-link{margin-bottom:39px}}
@media(max-width:385px){.hero h1{font-size:14.2vw}.logo-type{letter-spacing:.09em}.page-title-row{align-items:start}.page-icon{width:55px;height:55px}.page-icon svg{width:31px;height:31px}.footer-email{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}