@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap");:root{--bg:#0a0a0a;--fg:#ededed;--border:#2a2a2a;--border-hover:#555;--card-bg:hsla(0,0%,100%,.03);--header-bg:hsla(0,0%,4%,.8);--muted:#666;--accent:#fff}[data-theme=light]{--bg:#fff;--fg:#000;--border:#000;--border-hover:#555;--card-bg:hsla(0,0%,100%,.67);--header-bg:hsla(0,0%,100%,.9);--muted:#555;--accent:#000}*,:after,:before{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,sans-serif;background-color:var(--bg);text-transform:uppercase;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}a,body{color:var(--fg)}a{text-decoration:none}a:hover{text-decoration:underline}.watermark{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.watermark-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:900px;opacity:.045;will-change:transform;transition:transform .05s linear}[data-theme=light] .watermark-inner{opacity:.1}.watermark-inner img{width:100%;height:auto;display:block}.container{width:90%;margin:0 auto;max-width:1200px}header{position:fixed;width:100%;top:0;left:0;z-index:1000;background-color:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:18px 0;transition:border-color .3s ease}header .container{display:flex;justify-content:space-between;align-items:center}.logo img{height:36px;display:block}nav ul{list-style:none;display:flex;gap:28px}nav ul li a{font-size:.72em;font-weight:500;letter-spacing:.1em;color:var(--muted);transition:color .2s ease}nav ul li a:hover{color:var(--fg);text-decoration:none}.theme-toggle{background:none;border:none;cursor:pointer;padding:4px;color:var(--fg);display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease}.theme-toggle:hover{opacity:1}.theme-toggle svg{width:18px;height:18px}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.hamburger span{display:block;width:22px;height:1px;background-color:var(--fg);transition:all .25s ease}section{padding:120px 0 80px;position:relative;z-index:1}#home{min-height:100vh;display:flex;align-items:center;padding-top:80px}.hero-text h1{font-size:clamp(1.9em,3.8vw,3.6em);font-weight:900;line-height:1.12;letter-spacing:-.02em;text-align:left;max-width:960px}.hero-text h1 u{text-decoration-thickness:2px;text-underline-offset:5px}h2{font-size:.72em;font-weight:500;letter-spacing:.2em;color:var(--muted);margin-bottom:48px;border-bottom:1px solid var(--border);padding-bottom:16px}h2,h3{text-align:left}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1px;gap:1px;border:1px solid var(--border)}.portfolio-card{padding:20px;display:flex;flex-direction:column;background-color:var(--bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background-color .3s ease;cursor:default}.portfolio-card:hover{background-color:hsla(0,0%,100%,.03)}.portfolio-card img{width:100%;aspect-ratio:1/1;object-fit:cover;margin-bottom:16px;display:block;transition:opacity .3s ease}.portfolio-card:hover img{opacity:.85}.portfolio-info{width:100%;margin-bottom:16px;flex:1 1}.portfolio-info h3{font-size:.78em;font-weight:700;letter-spacing:.05em;margin-bottom:6px}.portfolio-info .p-label{font-size:.7em;color:var(--muted);margin-bottom:3px}.portfolio-info .p-service{font-size:.65em;color:var(--muted)}.portfolio-card iframe{width:100%;border:none;border-radius:4px;margin-top:auto;flex-shrink:0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1px;gap:1px;border:1px solid var(--border)}.pricing-plan{padding:28px 24px;display:flex;flex-direction:column;background-color:var(--bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background-color .3s ease}.pricing-plan:hover{background-color:hsla(0,0%,100%,.03)}.pricing-plan h3{font-size:.75em;font-weight:700;letter-spacing:.12em;margin-bottom:20px;color:var(--muted)}.pricing-plan .price-block{margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:20px}.main-price{font-size:3em;font-weight:900;line-height:1;letter-spacing:-.03em;display:block}.price-modifier{font-size:.72em;color:var(--muted);font-weight:400;margin-left:4px}.price-tax-info{display:block;font-size:.62em;color:var(--muted);margin-top:6px;line-height:1.4}.pricing-plan ul{list-style:none;flex:1 1;margin-bottom:28px}.pricing-plan ul li{font-size:.75em;padding:8px 0 8px 18px;position:relative;color:#aaa;border-bottom:1px solid var(--border)}.pricing-plan ul li:last-child{border-bottom:none}.pricing-plan ul li:before{content:"—";position:absolute;left:0;color:var(--muted);font-size:.9em}.btn{display:inline-block;background-color:var(--fg);color:var(--bg);padding:12px 24px;border:1px solid var(--fg);cursor:pointer;font-family:Inter,sans-serif;font-size:.72em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;transition:background-color .2s ease,color .2s ease;text-decoration:none}.btn:hover{text-decoration:none}.btn-ghost,.btn:hover{background-color:transparent;color:var(--fg)}.btn-ghost{border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--fg)}#about .container{max-width:900px}#about p{font-size:.92em;line-height:1.9;color:#ccc;font-weight:300}#about p u{color:var(--fg);font-weight:500;text-decoration-thickness:1px;text-underline-offset:3px}.contact-form{max-width:580px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.68em;letter-spacing:.15em;color:var(--muted);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:1px solid var(--border);background-color:transparent;color:var(--fg);font-family:Inter,sans-serif;font-size:.88em;text-transform:uppercase;letter-spacing:.05em;box-sizing:border-box;transition:border-color .2s ease;border-radius:0;-webkit-appearance:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#555}.form-group textarea{min-height:160px;resize:vertical}.form-status{font-size:.8em;padding:12px 0;letter-spacing:.08em}.form-status.success{color:#7fff7f}.form-status.error{color:#ff7f7f}.form-help-text{font-size:.72em;color:var(--muted);margin-top:8px;line-height:1.6;text-transform:uppercase}.form-help-list{list-style:none;margin-top:12px}.form-help-list li{font-size:.72em;color:var(--muted);padding:6px 0 6px 16px;position:relative;border-bottom:1px solid var(--border);line-height:1.6}.form-help-list li:before{content:"—";position:absolute;left:0;color:var(--muted)}.sub-list{list-style:none;margin-top:8px;padding-left:0}.sub-list li{font-size:.95em;border-bottom:none;padding:3px 0 3px 16px}.privacy-text{font-size:.7em;color:var(--muted);margin-bottom:20px;line-height:1.6}.privacy-link{text-decoration:underline;color:var(--muted);transition:color .2s}.privacy-link:hover{color:var(--fg)}footer{background-color:#000;border-top:1px solid var(--border);padding:28px 0;position:relative;z-index:1}footer .container{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-copy{font-size:.68em;color:var(--muted);letter-spacing:.08em}.footer-links{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:28px}.footer-links a{color:var(--muted);font-size:.72em;letter-spacing:.12em;transition:color .2s ease;text-decoration:none}.footer-links a:hover{color:var(--fg);text-decoration:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.blog-post-summary{border-bottom:1px solid var(--border);padding-bottom:40px;margin-bottom:40px}.blog-post-summary h3{font-size:1.4em;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.post-date{font-size:.7em;color:var(--muted);margin-bottom:16px;display:block}.blog-post-summary p{font-size:.88em;color:#aaa;line-height:1.8;margin-bottom:20px;font-weight:300}.small-btn{padding:8px 16px;font-size:.68em}#single-blog-post h2{font-size:2em;font-weight:900;letter-spacing:-.02em;color:var(--fg);border:none;padding:0;margin-bottom:12px}#single-blog-post p{font-size:.92em;color:#aaa;line-height:1.9;margin-bottom:20px;font-weight:300;text-align:left}@media (max-width:767px){nav ul{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg);justify-content:center;align-items:center;gap:32px;z-index:999}nav ul.open{display:flex}nav ul li a{font-size:1em}.hamburger{display:flex;z-index:1001;position:relative}.logo img{height:26px}.hero-text h1{font-size:1.7em}.portfolio-grid,.pricing-grid{grid-template-columns:1fr}}@media (min-width:768px){footer .container{flex-direction:row;justify-content:space-between}.footer-links{justify-content:flex-end}}