@import url('https://fonts.googleapis.com/css2?family=Calistoga&family=DM+Sans:wght@400;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,800&family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@400;600;800;900&family=JetBrains+Mono:wght@400;600&family=Kalam:wght@700&family=Nunito:wght@400;700;800&family=Orbitron:wght@500;700;900&family=Outfit:wght@400;600;800;900&family=Patrick+Hand&family=Playfair+Display:ital,wght@0,600;0,800;1,600&family=Share+Tech+Mono&family=Source+Serif+4:wght@400;600&family=Space+Grotesk:wght@400;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.collection{--bg:#fff;--ink:#111827;--muted:#526070;--surface:#f3f4f6;--accent:#3b82f6;--button-ink:#111827;--line:#d4d7dc;--radius:8px;--font:Inter,sans-serif;--heading:var(--font);font:16px/1.65 var(--font);color:var(--ink);background:var(--bg)}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(46px,5.8vw,82px);margin:22px 0 26px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(34px,4vw,54px);margin:18px 0 24px}h3{font-size:26px;margin:22px 0 15px}p{max-width:62ch}.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.concept-bar{padding:9px 32px;display:flex;justify-content:space-between;gap:20px;font:10px/1.6 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid var(--line)}.concept-bar a{white-space:nowrap}.nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}.wordmark{font:800 24px/1.1 var(--heading);text-decoration:none;letter-spacing:-.04em}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px}.nav-links>a{text-decoration:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:14px 22px;background:var(--accent);color:var(--button-ink);border:1px solid transparent;border-radius:var(--radius);font-weight:700;font-size:14px;text-decoration:none;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s}.button:hover{filter:brightness(1.08);transform:translateY(-2px)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:50px;align-items:center;min-height:650px;padding:60px 0 85px}.hero-copy{min-width:0}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--accent)}.lead{font-size:18px;color:var(--muted);max-width:540px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}.text-link{font-size:14px}.hero-note{font-size:11px;color:var(--muted);margin:26px 0 0}.hero-art{min-width:0;position:relative}.hero-art>div{position:relative;min-height:410px;overflow:hidden;border-radius:var(--radius)}.service-strip{border-block:1px solid var(--line);padding:25px 0}.service-strip .wrap{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:600}.services,.faq-section{padding:100px 0}.section-heading{max-width:700px;margin-bottom:44px}.section-heading p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-width:0}.number{font:600 13px var(--font);color:var(--accent)}.service-card p{color:var(--muted);font-size:15px}.service-card a{margin-top:auto;padding-top:22px;font-size:13px;font-weight:600}.approach{background:var(--surface);padding:90px 0;border-block:1px solid var(--line)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.approach p{color:var(--muted)}.process-list{list-style:none;padding:0;margin:0}.process-list li{display:flex;align-items:center;gap:25px;padding:27px 0;border-bottom:1px solid var(--line)}.process-list span{font:600 34px var(--heading);color:var(--accent)}.process-list strong{font:600 22px var(--heading)}.faq-grid{border-top:1px solid var(--line)}.faq-grid details{border-bottom:1px solid var(--line);padding:24px 0}.faq-grid summary{cursor:pointer;font-weight:600;min-height:30px}.faq-grid p{margin:20px 0 0;color:var(--muted)}.request-section{padding:90px 0;background:var(--surface)}.request-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.demo-note{border-left:2px solid var(--accent);padding-left:20px;margin-top:32px;font-size:13px;color:var(--muted)}.demo-note p{margin-bottom:0}.sample-form{min-width:0;padding:30px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.sample-form label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.sample-form input,.sample-form textarea,.sample-form select{width:100%;min-width:0;padding:13px;min-height:48px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 22px;font-size:16px}.sample-form textarea{resize:vertical}.sample-form ::placeholder{color:var(--muted);opacity:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row>div{min-width:0}.sample-form .button{width:100%}#requestResult{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}#requestResult p{margin-top:12px}.footer{padding:48px 0;display:flex;justify-content:space-between;gap:30px;align-items:start}.footer p{max-width:440px;font-size:12px;color:var(--muted)}.footer>a:last-child{font-size:12px}.skip{position:fixed;top:-100px;z-index:50;padding:12px;background:var(--ink);color:var(--bg)}.skip:focus{top:10px}.menu-toggle,.mobile-nav{display:none}[hidden]{display:none!important}section{scroll-margin-top:24px}
/* 02 — Monochrome: editorial serif, strict black and white, precision rules. */
.monochrome{--ink:#000;--bg:#fff;--muted:#525252;--surface:#f5f5f5;--accent:#000;--button-ink:#fff;--line:#000;--radius:0;--font:'Source Serif 4',serif;--heading:'Playfair Display',serif}.monochrome .eyebrow,.monochrome .hero-note,.monochrome .number{font-family:'JetBrains Mono',monospace}.monochrome .hero{grid-template-columns:1.15fr .85fr;padding-top:65px}.monochrome h1{font-size:clamp(62px,7.4vw,104px);font-weight:600}.monochrome h1 em{font-style:italic}.monochrome .nav{border-bottom:4px solid #000}.monochrome .service-card{border:0;border-top:3px solid #000;background:#fff;padding-inline:0}.monochrome .service-card:nth-child(2){margin-top:50px}.monochrome .approach{background:#000;color:#fff;--muted:#ccc;--accent:#fff;--line:#777}.monochrome .room-art{height:480px;background:repeating-linear-gradient(90deg,#e8e8e8 0 1px,#fff 1px 38px);border:1px solid #000;border-bottom:25px solid #000}.room-window{position:absolute;top:35px;left:35px;width:52%;height:260px;background:linear-gradient(90deg,transparent 48%,#000 48% 50%,transparent 50%),linear-gradient(transparent 48%,#000 48% 50%,transparent 50%),#ddd;border:8px solid #111}.room-chair{position:absolute;bottom:20px;left:70px;width:200px;height:120px;background:#222;box-shadow:0 -70px 0 -20px #333}.room-chair:after{content:'';position:absolute;bottom:-25px;left:20px;width:10px;height:25px;background:#000;box-shadow:150px 0 #000}.room-vase{position:absolute;right:35px;bottom:0;width:65px;height:140px;background:#555;border-radius:25% 25% 40% 40%}.room-art b{position:absolute;bottom:175px;right:14px;writing-mode:vertical-rl;font:10px 'JetBrains Mono',monospace}
/* 03 — Linear: layered ambient light, glass panels and precise software details. */
.linear{--bg:#050506;--ink:#ededef;--muted:#a2a5b0;--surface:#0d0d14;--accent:#8793ff;--button-ink:#fff;--line:#ffffff18;--radius:12px;background:radial-gradient(ellipse at 75% 10%,#5e6ad230,transparent 34%),radial-gradient(ellipse at 5% 30%,#682c8520,transparent 30%),linear-gradient(#0a0a0f,#050506 50%,#020203)}.linear .button{background:#5e6ad2;box-shadow:inset 0 1px #ffffff40,0 4px 12px #0008,0 0 24px #5e6ad230}.linear .hero{grid-template-columns:1fr;min-height:0;text-align:center;padding-bottom:80px}.linear .hero-copy{max-width:850px;margin:auto}.linear .lead{margin-inline:auto;max-width:620px}.linear .actions{justify-content:center}.linear .hero-art{width:min(920px,100%);margin:auto}.linear .hero-art>div{min-height:310px}.linear .app-art,.linear .service-card{background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#5e6ad222,transparent 55%),#ffffff05;border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff12,0 12px 30px #0006,0 0 60px #5e6ad212}.app-art{text-align:left}.app-top{padding:18px 24px;border-bottom:1px solid #ffffff20;font:10px 'JetBrains Mono',monospace;display:flex;justify-content:space-between}.app-top span{color:#a2a5b0}.app-body{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:24px}.app-body aside{font-size:12px;line-height:3.8;color:#9395a2;border-right:1px solid #ffffff15}.app-body h3{font-size:26px}.app-body small{font-size:9px;color:#a5acf8;letter-spacing:.15em}.app-body p{display:flex;gap:12px;align-items:center;border-top:1px solid #ffffff12;padding:10px 0;margin:0;font-size:12px}.app-body b{margin-left:auto;font-size:10px;color:#b7bdfc}.app-body i{width:7px;height:7px;border-radius:50%;background:#8793ff}.linear .service-card:hover{transform:translateY(-4px);transition:.25s cubic-bezier(.16,1,.3,1)}
/* 05 — Minimalist Modern: Calistoga warmth against electric-blue precision. */
.modern{--bg:#fff;--ink:#0f172a;--muted:#526079;--surface:#f4f7fc;--accent:#0052ff;--button-ink:#fff;--line:#dce5f4;--radius:20px;--heading:Calistoga,serif;background:radial-gradient(circle at 90% 9%,#0052ff0a,transparent 32%),#fff}.modern h1,.modern h2{font-weight:400}.modern .button{background:linear-gradient(110deg,#0052ff,#4d7cff);border-radius:10px;box-shadow:0 8px 24px #0052ff24}.modern .hero-art{transform:rotate(2deg)}.modern .service-card{box-shadow:0 10px 30px #0052ff0a}.modern .service-card h3{font-family:Inter,sans-serif}.modern .approach{--surface:#0f172a;--ink:#fff;--muted:#b8c4dc;--accent:#86a8ff;--line:#ffffff30;color:var(--ink);background:var(--surface)}.pipe-art{background:#eaf0ff;border:1px solid #d1ddff}.water-drop{position:absolute;top:28px;left:30px;font:600 74px Inter;color:#0052ff}.pipe-track{position:absolute;width:220px;height:220px;right:-50px;bottom:-40px;border:42px solid #0052ff;border-radius:70px;box-shadow:inset 0 0 0 6px #8dabff,0 0 0 5px #fff}.pipe-label{position:absolute;left:35px;top:155px}.pipe-label small{font:600 9px Inter;letter-spacing:.12em}.pipe-label strong{display:block;font:40px/1.15 Calistoga;color:#0f172a;margin-top:14px}.art-stamp{position:absolute;right:22px;top:32px;width:95px;height:95px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center;font:14px Calistoga;transform:rotate(12deg);box-shadow:0 10px 20px #0052ff12}
/* 07 — Flat: solid-color geometry, Outfit, no simulated depth. */
.flat{--font:Outfit,sans-serif;--heading:Outfit,sans-serif;--accent:#3b82f6;--radius:6px;--line:transparent}.flat .hero{grid-template-columns:1fr 1fr}.flat h1{font-weight:800}.flat .service-strip{background:#10b981;color:#082f24}.flat .service-card:nth-child(1){background:#dbeafe}.flat .service-card:nth-child(2){background:#d1fae5}.flat .service-card:nth-child(3){background:#fef3c7}.flat .service-card:hover{transform:scale(1.015);transition:.2s}.flat .approach{background:#3b82f6;color:#0b1730;--muted:#0b1730;--accent:#111827;--line:#11182755}.flat .boxes-art{min-height:470px;background:#f3f4f6;border-radius:0}.box{position:absolute;font:800 27px/1 Outfit;padding:23px;border-radius:6px}.box span{display:block;margin-top:20px;font-size:36px}.box.one{background:#f59e0b;bottom:0;left:0;width:56%;height:210px}.box.two{background:#3b82f6;right:0;bottom:0;width:44%;height:290px;font-size:20px}.box.three{background:#10b981;left:8%;bottom:210px;width:48%;height:195px;font-size:23px}
/* 08 — Bold Typography: enormous type, asymmetric rules, vermillion links. */
.bold{--bg:#0a0a0a;--ink:#fafafa;--muted:#a1a1a1;--surface:#1a1a1a;--accent:#ff5730;--line:#333;--radius:0;--font:'Inter Tight',Inter,sans-serif;--heading:var(--font)}.bold .hero{grid-template-columns:1fr;gap:50px}.bold .hero-copy{position:relative}.bold h1{font-size:clamp(64px,10vw,144px);font-weight:900;line-height:.93;letter-spacing:-.065em}.bold .hero-copy .lead{margin-left:auto}.bold .hero-art{border-top:1px solid #333;padding-top:30px}.bold .hero-art>div{min-height:240px}.bold .sign-art{display:grid;grid-template-columns:1fr 1.5fr;align-items:center;background:#ff3d00;color:#0a0a0a;padding:32px}.sign-art b{font:900 clamp(70px,9vw,130px)/.8 'Inter Tight';letter-spacing:-.06em}.sign-art small{font:10px 'JetBrains Mono',monospace;grid-column:1/-1;margin-top:30px}.bold .button{background:transparent;color:#ff5730;border:0;border-bottom:2px solid #ff3d00;padding-inline:0;text-transform:uppercase;letter-spacing:.08em}.bold .button:hover{transform:none;border-bottom-width:4px}.bold .service-card{background:transparent;border:0;border-top:1px solid #555;padding-inline:0}.bold .number{font-size:64px;color:#444}.bold .eyebrow{font-family:'JetBrains Mono',monospace}.bold .service-grid{gap:45px}.bold .request-section{border-top:4px solid #ff3d00}
/* 09 — Cyberpunk: green diagnostics, chromatic splits, chamfered technical panels. */
.cyber{--bg:#0a0a0f;--ink:#e0e0e0;--muted:#a2a7b5;--surface:#12121a;--accent:#00ff88;--button-ink:#0a0a0f;--line:#2a2a3a;--radius:0;--font:'JetBrains Mono',monospace;--heading:Orbitron,sans-serif;background:linear-gradient(#00ff8805 1px,transparent 1px),linear-gradient(90deg,#00ff8805 1px,transparent 1px),radial-gradient(ellipse at 100% 0%,#ff00ff12,transparent 40%),#0a0a0f;background-size:50px 50px,50px 50px,auto,auto}.cyber h1{font-size:clamp(40px,4.6vw,66px);text-shadow:2px 0 #ff00ff,-2px 0 #00d4ff;line-height:1.15}.cyber h2{font-size:clamp(28px,3vw,42px);line-height:1.2}.cyber h3{font-size:20px}.cyber .button,.cyber .terminal-art,.cyber .service-card{clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))}.cyber .button{border:2px solid #00ff88;background:transparent;color:#00ff88;text-transform:uppercase}.cyber .button:hover{background:#00ff88;color:#0a0a0f;box-shadow:0 0 20px #00ff8860}.terminal-art{background:repeating-linear-gradient(0deg,transparent 0 3px,#0003 3px 4px),#12121a;border:1px solid #00ff88;box-shadow:0 0 40px #00ff8815;padding:24px}.terminal-top{font-size:10px;color:#00ff88;display:flex;justify-content:space-between}.terminal-top span{color:#00d4ff}.device-outline{width:180px;height:120px;border:2px solid #00d4ff;margin:50px auto 32px;display:grid;place-items:center;position:relative;box-shadow:0 0 25px #00d4ff20}.device-outline:after{content:'';position:absolute;bottom:-12px;width:220px;border-bottom:5px solid #00d4ff}.device-outline span{color:#00ff88;font-size:44px}.terminal-art p{font-size:12px;line-height:2.2}.terminal-bottom{border-top:1px solid #2a2a3a;padding-top:16px;font-size:9px;display:flex;justify-content:space-between;color:#00ff88}.cyber .hero-art:hover{filter:drop-shadow(2px 0 #ff00ff)}
/* 10 — Bitcoin/DeFi visual system, applied to an electrical service business. */
.bitcoin{--bg:#030304;--ink:#fff;--muted:#94a3b8;--surface:#0f1115;--accent:#f7931a;--button-ink:#111;--line:#1e293b;--radius:16px;--heading:'Space Grotesk',sans-serif;background:radial-gradient(ellipse at 75% 12%,#f7931a18,transparent 38%),#030304}.bitcoin .button{border-radius:999px;background:linear-gradient(100deg,#f7931a,#ffd600);box-shadow:0 0 26px -5px #f7931a55}.bitcoin .hero h1 em{background:linear-gradient(90deg,#f7931a,#ffd600);background-clip:text;color:transparent}.bitcoin .eyebrow,.bitcoin .hero-note{font-family:'JetBrains Mono',monospace}.bitcoin .service-card:hover{border-color:#f7931a;box-shadow:0 0 30px #f7931a16}.power-art{min-height:470px!important;background:linear-gradient(#1e293b66 1px,transparent 1px),linear-gradient(90deg,#1e293b66 1px,transparent 1px);background-size:35px 35px}.power-orbit{position:absolute;width:300px;height:300px;border:1px solid #f7931a55;border-radius:50%;top:65px;left:50%;transform:translateX(-50%);box-shadow:0 0 60px #f7931a15,inset 0 0 60px #f7931a10}.power-core{position:absolute;top:145px;left:50%;transform:translateX(-50%);width:140px;height:140px;border-radius:50%;display:grid;place-items:center;font-size:100px;line-height:1;background:linear-gradient(145deg,#f7931a,#ea580c);color:#090909;box-shadow:0 0 60px #f7931a40,inset 0 2px #ffd600}.power-node{position:absolute;font:10px 'JetBrains Mono',monospace;background:#0f1115e8;border:1px solid #f7931a66;border-radius:12px;padding:14px 18px;backdrop-filter:blur(12px)}.n1{top:45px;left:25px}.n2{top:160px;right:10px}.n3{bottom:75px;left:20px}.power-caption{position:absolute;bottom:15px;width:100%;text-align:center;font:9px 'JetBrains Mono';color:#f7931a}
/* 15 — Vaporwave: neon sunset, perspective grid and retro window chrome. */
.vapor{--bg:#090014;--ink:#e0e0e0;--muted:#c5b4d9;--surface:#1a103c;--accent:#00ffff;--button-ink:#090014;--line:#7e339d;--radius:0;--font:'Share Tech Mono',monospace;--heading:Orbitron,sans-serif;background:radial-gradient(ellipse at 75% 10%,#ff00ff1a,transparent 40%),#090014}.vapor .hero{grid-template-columns:1fr;position:relative;min-height:740px}.vapor .hero-copy{position:relative;z-index:2;max-width:850px}.vapor h1{font-size:clamp(50px,6.8vw,96px);font-weight:900;text-shadow:0 0 26px #ff00ff55}.vapor h1 em{background:linear-gradient(90deg,#ff9900,#ff00ff,#00ffff);background-clip:text;color:transparent}.vapor h2{font-size:clamp(29px,3.6vw,48px)}.vapor h3{font-size:23px;color:#00ffff}.vapor .lead{max-width:560px;background:#090014c9}.vapor .button{background:#ff00ff;color:#090014;transform:skewX(-5deg);box-shadow:4px 4px #00ffff,0 0 30px #ff00ff45;border:1px solid #ff00ff}.vapor .button:hover{transform:skewX(0);box-shadow:7px 7px #00ffff,0 0 40px #ff00ff75}.vapor .hero-art{position:absolute;right:0;top:70px;width:57%;z-index:0;opacity:.6}.vapor .hero-art>div{height:560px}.sunset-art{background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 4px);border:1px solid #ff00ff}.retro-sun{width:270px;height:270px;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 19px,#090014 19px 24px),linear-gradient(#ff9900,#ff00ff);position:absolute;top:50px;left:50%;transform:translateX(-50%);box-shadow:0 0 90px #ff00ff44}.retro-grid{position:absolute;bottom:-120px;left:-40%;width:180%;height:390px;background:linear-gradient(#ff00ff 1px,transparent 1px),linear-gradient(90deg,#ff00ff 1px,transparent 1px);background-size:45px 45px;transform:perspective(180px) rotateX(42deg);box-shadow:0 0 40px #ff00ff40}.retro-label{position:absolute;bottom:130px;right:22px;font:900 42px/.95 Orbitron;transform:skewY(-8deg);color:#00ffff;text-shadow:3px 3px #ff00ff}.retro-tag{position:absolute;bottom:20px;right:15px;font-size:10px;background:#090014;padding:5px}.vapor .service-card{border:2px solid #ff00ff;box-shadow:5px 5px #00ffff20;position:relative}.vapor .service-card:before{content:'● ● ●  / AFTERGLOW';font-size:10px;color:#ff00ff;padding-bottom:15px;border-bottom:1px solid #ff00ff;margin-bottom:15px}.vapor .service-strip{background:#ff00ff;color:#090014;border:0}
/* 17 — Hand-drawn: handwritten type, wobbly paper shapes and hard shadows. */
.sketch{--bg:#fdfbf7;--ink:#2d2d2d;--muted:#59534e;--surface:#fffdf1;--accent:#a92727;--button-ink:#2d2d2d;--line:#2d2d2d;--radius:255px 15px 225px 15px / 15px 225px 15px 255px;--font:'Patrick Hand',cursive;--heading:Kalam,cursive;background:radial-gradient(#e5e0d8 1px,transparent 1px),#fdfbf7;background-size:24px 24px;font-size:20px}.sketch .wordmark{font-size:32px}.sketch .button{border:3px solid #2d2d2d;background:#fff;box-shadow:4px 4px #2d2d2d;font-size:18px}.sketch .button:hover{background:#ff4d4d;color:#2d2d2d;box-shadow:2px 2px #2d2d2d;transform:translate(2px,2px)}.sketch h1{font-size:clamp(48px,5.8vw,80px)}.sketch h1 em{color:#2d5da1}.sketch .lead{font-size:22px}.sketch .eyebrow{font-size:14px}.sketch .service-card{border:2px solid #2d2d2d;background:#fff;box-shadow:4px 4px #2d2d2d;transform:rotate(-1deg)}.sketch .service-card:nth-child(2){background:#fff5ac;transform:rotate(1.5deg)}.sketch .service-card p,.sketch .service-card a{font-size:19px}.sketch .notebook-art{overflow:visible;padding:40px 28px;background:repeating-linear-gradient(transparent 0 31px,#2d5da120 31px 32px),#fff5ac;border:3px solid #2d2d2d;box-shadow:8px 8px #2d2d2d;transform:rotate(2deg)}.notebook-art h3{font:700 40px/1.3 Kalam;margin:30px 0 20px}.notebook-art small{font-size:17px}.notebook-art p{font-size:19px}.tape{position:absolute;top:-15px;left:40%;width:100px;height:30px;background:#e5e0d8b5;transform:rotate(-7deg)}.math-doodle{font-size:38px;color:#2d5da1}.math-doodle b{border:3px solid #ff4d4d;padding:0 14px;border-radius:45% 55% 40% 60%}.star-doodle{position:absolute;right:20px;bottom:45px;font-size:64px;color:#ff4d4d}.sketch .sample-form{border:2px solid #2d2d2d;box-shadow:4px 4px #2d2d2d}.sketch .sample-form label{font-size:17px}
/* 18 — Organic: Fraunces, moss and clay, asymmetric soft shapes and grain. */
.organic{--bg:#fdfcf8;--ink:#2c2c24;--muted:#626258;--surface:#f0ebe5;--accent:#5d7052;--button-ink:#f3f4f1;--line:#ded8cf;--radius:28px;--font:Nunito,sans-serif;--heading:Fraunces,serif;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.04' filter='url(%23n)'/%3E%3C/svg%3E")}.organic h1{font-size:clamp(48px,5.3vw,74px)}.organic .button{border-radius:999px;box-shadow:0 4px 20px #5d705226}.organic .button:hover{transform:scale(1.03);transition:.5s}.organic .hero-art>div{min-height:460px;overflow:hidden;border-radius:60% 40% 35% 65% / 45% 50% 50% 55%;background:#e6dccd;box-shadow:0 20px 50px #c18c5d25}.organic .service-card{border-radius:40px 26px 55px 30px;box-shadow:0 8px 28px #5d705210;background:#fefefa}.organic .service-card:nth-child(2){margin-top:30px;border-radius:25px 55px 30px 45px}.shelf{position:absolute;left:10%;right:10%;height:15px;background:#c18c5d;bottom:130px;border-radius:10px}.jar{position:absolute;bottom:15px;left:10%;width:65px;height:110px;border-radius:20px 20px 28px 25px;background:#fdfcf8;border-top:10px solid #967355}.folds{position:absolute;left:40%;bottom:15px;width:100px;height:30px;background:#a1ad98;border-radius:12px;box-shadow:0 -31px #5d7052,0 -62px #b4bfae}.basket{position:absolute;right:0;bottom:15px;width:70px;height:130px;border-radius:12px 12px 30px 30px;background:repeating-linear-gradient(0deg,#c18c5d 0 3px,#d9b69a 3px 7px)}.leaf{position:absolute;top:10px;width:110px;height:200px;background:#5d7052;border-radius:0 100% 0 100%;transform:rotate(-25deg);opacity:.6}.leaf-one{left:0}.leaf-two{right:0;transform:rotate(45deg);background:#c18c5d}.organic-tag{position:absolute;top:55px;left:22%;font:600 31px/1.2 Fraunces;transform:rotate(-6deg)}.organic-tag em{font-weight:600}.organic .sample-form{border-radius:35px 24px 40px 28px}
/* 19 — Maximalism: five accents, clashing patterns, layered shadows and joyful type. */
.maximal{--bg:#0d0d1a;--ink:#fff;--muted:#ded8e8;--surface:#2d1b4e;--accent:#ff3af2;--button-ink:#0d0d1a;--line:#ff3af2;--radius:18px;--font:'DM Sans',sans-serif;--heading:Outfit,sans-serif;background:radial-gradient(#7b2fff40 2px,transparent 2px),repeating-linear-gradient(45deg,transparent 0 30px,#ff3af208 30px 60px),#0d0d1a;background-size:20px 20px,auto,auto}.maximal h1{font-size:clamp(65px,7vw,100px);font-weight:900;text-shadow:3px 3px #7b2fff,6px 6px #ff3af2,9px 9px #00f5d4;line-height:.95;position:relative;z-index:2}.maximal h1 em{color:#fff}.maximal h2{text-transform:uppercase;text-shadow:2px 2px #7b2fff,4px 4px #ff3af2;font-weight:900}.maximal h3{text-transform:uppercase;text-shadow:2px 2px #7b2fff}.maximal .hero{gap:20px}.maximal .lead{background:#0d0d1ad9;padding:12px 0}.maximal .button{background:#ffe600;border:3px solid #ff3af2;box-shadow:4px 4px #7b2fff,8px 8px #00f5d4;text-transform:uppercase;transform:rotate(-1deg)}.maximal .button:hover{transform:rotate(1deg) translateY(-3px)}.maximal .service-strip{background:#00f5d4;color:#0d0d1a;transform:rotate(-1deg);border:4px dashed #7b2fff}.maximal .service-card{border:4px solid #ffe600;box-shadow:5px 5px #7b2fff,10px 10px #ff3af2;background:radial-gradient(#ff3af220 1px,transparent 1px),repeating-linear-gradient(45deg,transparent 0 25px,#7b2fff22 25px 50px),#2d1b4e;background-size:12px 12px,auto,auto;transform:rotate(-1deg)}.maximal .service-card:nth-child(2){border-color:#ff6b35;border-style:dashed;transform:rotate(2deg)}.maximal .service-card:nth-child(3){border-color:#00f5d4;transform:rotate(-2deg)}.maximal .approach{border-block:5px dashed #ff6b35;background:radial-gradient(#ff3af225 2px,transparent 2px),linear-gradient(120deg,#2d1b4e,#211542);background-size:24px 24px,auto}.maximal .request-section{border-top:6px double #00f5d4;background:radial-gradient(#ffe60015 2px,transparent 2px),repeating-linear-gradient(135deg,transparent 0 24px,#7b2fff15 24px 48px),#0d0d1a;background-size:18px 18px,auto,auto}.maximal .sample-form{border:3px solid #00f5d4;box-shadow:6px 6px #7b2fff,10px 10px #ff3af2}.party-art{min-height:490px!important;overflow:visible!important;background:repeating-conic-gradient(#7b2fff30 0% 25%,transparent 0% 50%) 0 0/40px 40px;border:4px dashed #ff3af2;transform:rotate(3deg)}.party-disc{position:absolute;left:30px;top:50px;width:245px;height:245px;border-radius:50%;background:#ff3af2;color:#0d0d1a;display:grid;place-content:center;text-align:center;font:900 75px/.9 Outfit;transform:rotate(-15deg);box-shadow:9px 9px #ffe600,16px 16px #7b2fff;border:5px solid #00f5d4}.party-star{position:absolute;right:12px;top:-30px;font-size:145px;line-height:1;color:#ffe600;text-shadow:6px 6px #ff6b35;transform:rotate(15deg)}.party-ticket{position:absolute;bottom:70px;left:25px;background:#00f5d4;color:#0d0d1a;font:800 16px/1.5 Outfit;padding:15px 25px;border:3px dashed #7b2fff;transform:rotate(-8deg);box-shadow:5px 5px #ff3af2}.party-ribbon{position:absolute;bottom:15px;right:5px;background:#ff6b35;color:#0d0d1a;padding:10px 15px;font:800 15px Outfit;transform:rotate(4deg)}.party-orb{position:absolute;width:80px;height:80px;border-radius:50%;right:15px;bottom:170px;background:repeating-linear-gradient(45deg,#ffe600 0 7px,#7b2fff 7px 14px);box-shadow:5px 5px #00f5d4}
/* Every style retains its identity at smaller widths. */
@media(max-width:900px){.nav-links{gap:16px}.nav-links .button{padding:12px;font-size:12px}.hero{gap:28px}.hero-art>div{min-height:360px}.request-grid,.approach-grid{gap:35px}.service-card{padding:22px}.concept-bar{font-size:9px}.wordmark{font-size:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.concept-bar{padding:9px 20px;font-size:8px;align-items:center}.concept-bar span{max-width:180px}.nav{min-height:78px}.nav-links{display:none}.menu-toggle{display:block;padding:12px 16px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font-size:14px;cursor:pointer}.mobile-nav{display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--bg);border:1px solid var(--line);padding:16px;gap:8px;border-radius:var(--radius)}.mobile-nav a{padding:12px;font-size:14px;text-decoration:none}.hero,.monochrome .hero,.flat .hero{grid-template-columns:1fr;min-height:0;padding:40px 0 55px;gap:38px}.hero-art{width:100%}h1{font-size:clamp(46px,10vw,70px)}.monochrome h1{font-size:clamp(57px,13vw,80px)}.hero-art>div{min-height:340px}.hero .lead{font-size:17px}.service-strip .wrap{flex-wrap:wrap;font-size:11px;gap:12px 20px}.services,.faq-section{padding:60px 0}.service-grid,.approach-grid,.request-grid{grid-template-columns:1fr;gap:25px}.approach,.request-section{padding:60px 0}.service-card{padding:26px}.form-row{grid-template-columns:1fr;gap:0}.sample-form{padding:24px}.footer{flex-direction:column;gap:20px}.footer p{margin:0}.monochrome .service-card:nth-child(2),.organic .service-card:nth-child(2){margin-top:0}.linear .app-body{grid-template-columns:90px 1fr;gap:16px;padding:18px}.linear .app-body aside{font-size:10px}.app-body h3{font-size:23px}.app-body p{font-size:10px}.app-body b{font-size:9px}.app-top{font-size:8px;padding:16px}.linear .hero-art>div{min-height:310px}.modern .hero-art{transform:none}.modern .pipe-art{min-height:400px}.flat .boxes-art{min-height:440px}.bold h1{font-size:clamp(42px,13vw,88px)}.bold .sign-art{padding:25px;gap:20px;grid-template-columns:1fr}.bold .sign-art b{font-size:85px}.bold .hero-art>div{min-height:290px}.cyber h1{font-size:clamp(35px,8vw,58px)}.cyber .terminal-art{padding:20px}.vapor .hero-art{position:relative;top:auto;right:auto;width:100%;opacity:1}.vapor .hero-art>div{height:450px}.vapor h1{font-size:clamp(40px,9vw,64px)}.vapor .retro-sun{width:220px;height:220px}.sketch .notebook-art{transform:rotate(1deg);padding:30px 24px}.notebook-art h3{font-size:34px}.sketch .hero-art{padding:8px}.sketch .hero .lead{font-size:22px}.organic .hero-art>div{min-height:410px}.organic-tag{font-size:27px}.shelf .folds{left:36%;width:85px}.maximal h1{font-size:clamp(58px,13vw,78px)}.maximal .party-art{transform:rotate(1deg);min-height:440px!important}.party-disc{width:210px;height:210px;left:15px;font-size:64px}.party-star{font-size:110px;top:-15px}.maximal .service-grid{gap:35px}.maximal .hero-art{padding:10px}.maximal .service-card{transform:rotate(-.5deg)}.actions{gap:20px}.actions .button{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep the plumbing illustration clear of its text at every card width. */
.modern .pipe-track{right:-105px;bottom:-105px}
.modern .pipe-label strong{font-size:34px}
/* Leave a margin for the rotated maximalist strip instead of creating page overflow. */
.maximal .service-strip{width:calc(100% - 8px);margin-inline:auto}