:root{--bg:#f3f0e9;--ink:#141414;--muted:#6e6b64;--line:rgba(20,20,20,.16);--card:#fbfaf6;--accent:#E7FF62;--radius:22px;--shadow:0 22px 70px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1320px,calc(100% - 40px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-weight:800;letter-spacing:-.05em;font-size:22px}.brand span{font-weight:450}.navlinks{display:flex;align-items:center;gap:24px;font-size:13px}.pill-btn,.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid var(--ink);padding:13px 18px;font-weight:700;font-size:13px;transition:.2s;background:transparent}.pill-btn:hover{background:var(--ink);color:white}.cta{background:var(--ink);color:white}.cta:hover{transform:translateY(-2px)}
.hero{min-height:620px;padding:88px 0 70px;display:grid;grid-template-columns:1.5fr .8fr;gap:70px;align-items:end}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;margin-bottom:22px}.hero h1{font-family:"Iowan Old Style",Baskerville,"Times New Roman",serif;font-weight:500;letter-spacing:-.055em;line-height:.92;font-size:clamp(64px,9vw,142px);margin:0;max-width:1050px}.hero h1 em{font-style:italic;font-weight:400}.hero-side{padding-bottom:14px}.hero-side p{font-size:19px;line-height:1.5;margin:0 0 28px;color:#333;max-width:440px}.micro{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:12px;margin-top:18px}
.section{padding:96px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.section-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.section h2{font-family:"Iowan Old Style",Baskerville,serif;font-size:clamp(40px,5.6vw,76px);font-weight:500;letter-spacing:-.045em;line-height:.95;margin:12px 0 0}.section-head p{max-width:430px;color:var(--muted);line-height:1.55;margin:0}
.marquee-wrap{overflow:hidden;margin-inline:0;padding:12px 0;max-width:100vw}.marquee{display:flex;width:max-content;gap:16px;animation:scroll 38s linear infinite}.marquee.reverse{animation-direction:reverse;animation-duration:44s}.marquee:hover{animation-play-state:paused}@keyframes scroll{to{transform:translateX(-50%)}}.mark-tile{width:260px;height:180px;border:1px solid var(--line);border-radius:18px;background:var(--card);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:22px}.mark-tile img{max-width:84%;max-height:74%;object-fit:contain}.mark-demo{font-family:"Iowan Old Style",Baskerville,serif;text-align:center;font-size:28px;line-height:.9;letter-spacing:-.05em}.mark-demo small{font-family:Inter,sans-serif;display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-top:14px}.style-Modern .mark-demo{font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.08em}.style-Bold .mark-demo{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;font-size:34px}.style-Friendly .mark-demo{font-family:Arial Rounded MT Bold,Inter,sans-serif;font-weight:700;letter-spacing:-.05em}.style-Playful .mark-demo{transform:rotate(-4deg);font-family:Comic Sans MS,Inter,sans-serif;font-weight:800}.demo-badge{position:absolute;right:10px;top:10px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;background:var(--accent);padding:6px 8px;border-radius:99px;font-weight:900}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0}.filter{border:1px solid var(--line);background:transparent;padding:10px 15px;border-radius:999px;cursor:pointer;font-weight:700;font-size:12px}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.project{grid-column:span 4;min-height:390px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden;cursor:pointer;transition:.25s;display:flex;flex-direction:column}.project:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project:nth-child(5n+1){grid-column:span 7}.project:nth-child(5n+2){grid-column:span 5}.project-visual{height:260px;display:flex;align-items:center;justify-content:center;padding:32px;background:#fff;position:relative}.project-visual img{max-height:78%;max-width:82%;object-fit:contain}.project-info{display:flex;justify-content:space-between;gap:18px;padding:21px 22px}.project-name{font-weight:800;letter-spacing:-.02em}.project-meta{font-size:11px;color:var(--muted);margin-top:5px}.arrow{font-size:22px}
.need-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.need{border-top:2px solid var(--ink);padding:22px 0 0;min-height:205px}.need .num{font-size:11px;color:var(--muted);margin-bottom:42px}.need h3{font-size:22px;letter-spacing:-.04em;margin:0 0 12px}.need p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.need strong{display:block;margin-top:20px;font-size:13px}
.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.price-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;min-height:460px;display:flex;flex-direction:column;position:relative}.price-card.popular{background:var(--ink);color:white}.popular-tag{position:absolute;top:16px;right:16px;background:var(--accent);color:#111;padding:7px 10px;border-radius:999px;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.price-card .code{font-size:11px;opacity:.62}.price-card h3{font-size:24px;letter-spacing:-.05em;margin:22px 0 8px}.price{font-family:"Iowan Old Style",Baskerville,serif;font-size:34px;margin-bottom:24px}.price-card ul{list-style:none;margin:0;padding:0;border-top:1px solid currentColor}.price-card li{font-size:12px;line-height:1.4;padding:11px 0;border-bottom:1px solid currentColor;opacity:.78}.price-card .spacer{flex:1}.price-card .package-link{margin-top:18px;display:inline-flex;justify-content:space-between;font-size:12px;font-weight:800}
.cta-panel{background:var(--ink);color:white;border-radius:32px;padding:70px;display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:end}.cta-panel h2{font-size:clamp(48px,7vw,92px);margin:0}.cta-panel p{color:#c8c8c8;line-height:1.6}.cta-panel .cta{background:var(--accent);color:#111;border-color:var(--accent)}.footer{padding:28px 0 40px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(10,10,10,.76);display:none;align-items:center;justify-content:center;padding:24px;z-index:50}.modal.open{display:flex}.modal-card{background:var(--bg);width:min(1060px,100%);max-height:90vh;overflow:auto;border-radius:28px;display:grid;grid-template-columns:1.2fr .8fr;position:relative}.modal-img{min-height:520px;background:#fff;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:50px}.modal-primary{min-height:360px;display:flex;align-items:center;justify-content:center}.modal-primary>img{max-width:80%;max-height:360px}.variant-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.variant-row figure{margin:0;border:1px solid var(--line);border-radius:14px;min-height:112px;padding:14px;display:grid;place-items:center;background:var(--card)}.variant-row img{max-width:78%;max-height:72px;object-fit:contain}.variant-row figcaption{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--muted);margin-top:8px}.modal-copy{padding:46px}.modal-copy h3{font-family:"Iowan Old Style",Baskerville,serif;font-size:48px;line-height:.98;letter-spacing:-.05em;margin:15px 0}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:700}.modal-copy p{color:var(--muted);line-height:1.6}.close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--card);cursor:pointer;font-size:19px}.empty{padding:70px 20px;border:1px dashed var(--line);border-radius:20px;text-align:center;color:var(--muted);grid-column:1/-1}
@media(max-width:900px){.shell{width:min(100% - 28px,1320px)}.navlinks a:not(.pill-btn){display:none}.hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding:72px 0}.hero-side{max-width:560px}.section{padding:70px 0}.section-head{display:block}.section-head p{margin-top:22px}.project,.project:nth-child(n){grid-column:span 6}.need-grid,.pricing{grid-template-columns:repeat(2,1fr)}.cta-panel{grid-template-columns:1fr;padding:45px}.modal-card{grid-template-columns:1fr}.modal-img{min-height:350px}.modal-copy{padding:30px}}
@media(max-width:600px){.modal-primary{min-height:210px}.variant-row figure{min-height:90px}.nav{height:70px}.brand{font-size:19px}.hero h1{font-size:60px}.hero-side p{font-size:16px}.micro{display:none}.section{padding:58px 0}.section h2{font-size:43px}.mark-tile{width:190px;height:138px}.grid{gap:10px}.project,.project:nth-child(n){grid-column:1/-1;min-height:330px}.project-visual{height:230px}.need-grid,.pricing{grid-template-columns:1fr}.need{min-height:auto;padding-bottom:22px}.price-card{min-height:auto}.cta-panel{padding:32px 24px;border-radius:22px}.cta-panel h2{font-size:50px}.footer{display:block}.footer div+div{margin-top:8px}.modal{padding:10px}.modal-card{border-radius:18px}.modal-img{min-height:280px;padding:35px}.modal-copy h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marquee{animation:none!important}.project:hover,.cta:hover{transform:none}}