.home-hero{padding:65px 0 67px;border-bottom:2px solid var(--ink)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:56px;align-items:center}.hero-copy h1{font-size:clamp(58px,6.8vw,94px);line-height:1;letter-spacing:-.067em;margin-bottom:30px}.hero-copy h1 em{display:inline-block;font-style:normal;background:var(--lime);border:2px solid var(--ink);padding:0 10px 8px;transform:rotate(-2deg);margin-top:7px}.hero-copy>p{max-width:480px;font-size:18px;line-height:1.65;color:var(--muted)}.hero-note{font-family:Consolas,monospace;font-size:11px!important;margin-top:25px;margin-bottom:0}.location-dot{display:inline-block;width:8px;height:8px;background:#648b25;border-radius:50%;margin-right:9px}.hero-studio{position:relative;padding:26px 0 28px}.studio-top{display:flex;justify-content:space-between;font-family:Consolas,monospace;font-size:10px;margin-bottom:12px;letter-spacing:.1em}.app-art{position:relative;background:var(--white);border:2px solid var(--ink);box-shadow:9px 9px 0 var(--ink);transform:rotate(2deg)}.app-chrome{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:2px solid var(--ink);font-family:Consolas,monospace;font-size:10px;background:#e4e7d7}.window-dots{display:flex;gap:4px}.window-dots i{display:block;width:7px;height:7px;border:1px solid var(--ink);border-radius:50%}.app-content{display:grid;grid-template-columns:105px 1fr;min-height:285px}.app-sidebar{border-right:1px solid var(--ink);padding:20px 12px;font-size:10px;background:#efefe5}.app-sidebar b{font-size:20px;display:block;margin-bottom:24px}.app-sidebar div{margin:0 -6px 8px;padding:6px}.app-sidebar .active{background:var(--lime);border:1px solid var(--ink)}.app-screen{padding:23px 20px}.app-screen h2{font-size:25px;letter-spacing:-.04em;margin-bottom:4px}.app-screen p{font-size:10px;color:var(--muted);margin-bottom:21px}.app-screen-top{display:flex;justify-content:space-between;align-items:start}.mini-add{background:var(--ink);color:white;padding:5px 7px;font-size:9px}.sample-search{border:1px solid #bbc0b1;font-size:10px;padding:8px;color:#626959;margin-bottom:16px}.sample-row{display:grid;grid-template-columns:1.2fr 1fr .5fr;gap:10px;border-bottom:1px solid #d7dbce;padding:11px 0;font-size:10px}.sample-row:first-of-type{font-family:Consolas,monospace;font-size:9px}.sample-status{background:#e7eccc;text-align:center;padding:1px 4px}.studio-sticker{position:absolute;right:-17px;bottom:5px;border:2px solid var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--ink);padding:15px 23px;transform:rotate(-5deg);font-weight:800;font-size:17px;line-height:1.2}.studio-sticker span{font-family:Consolas,monospace;font-size:9px;display:block;margin-bottom:5px;font-weight:400;letter-spacing:.06em}.hero-example-label{font-family:Consolas,monospace;font-size:9px;margin:22px 0 0;color:var(--muted)}.proof-strip{border-bottom:2px solid var(--ink);background:#e9e9de}.proof-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:21px}.proof-inner>span{font-family:Consolas,monospace;font-size:10px;max-width:205px;letter-spacing:.06em}.client-name{font-size:19px;font-weight:900;letter-spacing:-.05em}.proof-inner a{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.service-card{display:flex;flex-direction:column;min-height:370px;padding:30px;border:2px solid var(--ink);background:var(--white);box-shadow:5px 5px 0 var(--ink);position:relative}.service-card:first-child{background:var(--lime)}.service-card:nth-child(2){background:var(--lavender)}.service-card:nth-child(3){background:#e8ece0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;font-family:Consolas,monospace;font-size:11px}.card-icon{font-size:33px;font-weight:400;line-height:1}.service-card h3{font-size:29px;max-width:250px}.service-card p{font-size:14px;color:#4e5645;line-height:1.7}.service-card .text-link{align-self:flex-start;margin-top:auto;font-size:13px}.small-service-links{font-size:11px;margin-top:17px}.small-service-links a{text-decoration:underline;text-underline-offset:3px}.work-section{border-block:2px solid var(--ink);background:#e8eadd}.work-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.work-copy p{color:var(--muted);max-width:480px}.work-board{background:var(--lime);border:2px solid var(--ink);padding:35px;box-shadow:7px 7px 0 var(--ink)}.work-board-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:25px}.tire-mark{width:88px;height:88px;border:15px solid var(--ink);border-radius:50%;position:relative;margin:35px 0}.tire-mark:after{content:'';position:absolute;inset:8px;border:2px solid var(--ink);border-radius:50%}.work-board h3{font-size:40px;margin-bottom:25px}.work-client-list{border-top:1px solid var(--ink);padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:700}.work-board .eyebrow{margin:0}.shop-preview{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.shop-preview-visual{border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:white;position:relative}.shop-preview-visual img{display:block;width:100%;aspect-ratio:1.35;object-fit:contain}.shop-preview-caption{padding:17px 23px;border-top:2px solid var(--ink);display:flex;justify-content:space-between;font-size:12px;font-weight:700;gap:15px}.shop-preview .tag{position:absolute;top:15px;left:15px}.free-banner{border:2px solid var(--ink);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--lavender);margin-top:78px;box-shadow:5px 5px 0 var(--ink)}.free-banner h3{font-size:30px;margin-bottom:12px}.free-banner p{font-size:14px;margin:0;max-width:560px}.free-banner .eyebrow{margin-bottom:13px}.steps{counter-reset:step}.step{border-top:2px solid;padding-top:24px}.step .eyebrow{color:var(--muted)}.step h3{font-size:26px}.step p{font-size:14px;color:var(--muted)}.home-faq{border-top:2px solid var(--ink)}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-layout h2{font-size:45px}.faq-layout>div>p{max-width:330px;color:var(--muted);font-size:14px}
@media(min-width:1450px){.home-hero{padding-block:86px}}
@media(max-width:1050px){.hero-grid{gap:32px}.hero-copy h1{font-size:67px}.app-content{grid-template-columns:85px 1fr}.app-screen{padding:20px 14px}.app-screen h2{font-size:23px}.work-grid,.shop-preview{gap:40px}.service-card{padding:25px}.studio-sticker{right:-7px}}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr 1fr;gap:27px}.hero-copy h1{font-size:57px}.hero-copy>p{font-size:16px}.hero-studio{padding-top:10px}.app-content{grid-template-columns:1fr;min-height:260px}.app-sidebar{display:none}.app-screen-top{gap:6px}.mini-add{display:none}.hero-copy .actions{gap:15px}.hero-copy .button{font-size:12px;padding:12px 15px}.proof-inner{flex-wrap:wrap}.service-card{min-height:290px}.card-top{margin-bottom:25px}.service-card h3{max-width:none}.work-grid{gap:34px}.work-board{padding:25px}.work-board h3{font-size:33px}.work-client-list{flex-direction:column;gap:6px}.free-banner{padding:30px;align-items:flex-start;flex-direction:column}.faq-layout{gap:30px}.faq-layout h2{font-size:35px}}
@media(max-width:600px){.home-hero{padding:41px 0 50px}.hero-grid{grid-template-columns:1fr;gap:34px}.hero-copy h1{font-size:clamp(44px,14.3vw,60px);max-width:420px}.hero-copy .eyebrow{font-size:10px}.hero-copy>p{font-size:16px;max-width:390px}.hero-copy .button{font-size:13px}.hero-studio{max-width:420px;margin-inline:auto;width:calc(100% - 12px)}.app-content{grid-template-columns:83px 1fr;min-height:270px}.app-sidebar{display:block}.app-screen h2{font-size:23px}.app-screen{padding:22px 13px}.studio-sticker{right:-8px;font-size:15px;padding:12px 17px}.proof-inner{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proof-inner>span{grid-column:1/-1;max-width:none}.client-name{font-size:18px}.proof-inner a{grid-column:1/-1}.work-grid,.shop-preview,.faq-layout{grid-template-columns:1fr;gap:35px}.work-copy{order:-1}.work-board h3{font-size:36px}.work-client-list{flex-direction:row}.tire-mark{margin:25px 0}.free-banner{margin-top:55px;padding:25px}.free-banner h3{font-size:27px}.free-banner .button{width:100%}.faq-layout h2{font-size:36px}}