html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}.iota-approved{display:block;font-style:normal;font-weight:400;letter-spacing:normal;text-transform:none}
.iota-approved h1,.iota-approved h2,.iota-approved h3,.iota-approved p,.iota-approved a,.iota-approved li,.iota-approved span,.iota-approved strong,.iota-approved button{font-family:inherit}
.iota-approved h1,.iota-approved h2,.iota-approved h3{text-transform:none;font-style:normal}
.iota-approved p,.iota-approved li{font-size:inherit}
.iota-approved{--paper:#fff;--ink:#222222;--muted:#646464;--line:#d6d6d6;--soft:#efefef;--accent:#595959;color-scheme:light;font-family:'Avenir Next',Avenir,'Helvetica Neue',Arial,sans-serif}
.iota-approved,.iota-approved *{box-sizing:border-box}
.iota-approved{scroll-behavior:smooth;scroll-padding-top:24px}
.iota-approved{margin:0;background:var(--paper);color:var(--ink);font-size:1.0625rem;line-height:1.7}
.iota-approved img{display:block;max-width:100%}
.iota-approved h1,.iota-approved h2,.iota-approved h3,.iota-approved p,.iota-approved figure{margin:0}
.iota-approved h1,.iota-approved h2,.iota-approved h3{font-weight:700;line-height:1.15;letter-spacing:-.035em;overflow-wrap:break-word}
.iota-approved a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
.iota-approved a:hover{color:var(--accent)}
.iota-approved a:focus-visible,.iota-approved button:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.iota-approved button{font:inherit}
.iota-approved .skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:#fff;z-index:3}
.iota-approved .skip-link:focus{top:10px}
.iota-approved .flow,.iota-approved .studio-header,.iota-approved .studio-footer{width:min(760px,calc(100% - 48px));margin-inline:auto}
.iota-approved .preview-line{text-align:center;color:var(--muted);font-size:.75rem;padding:9px 18px;background:#f9f9f9}
.iota-approved .studio-header{padding-block:30px 17px;text-align:center}
.iota-approved .brand-mark{display:block;width:144px;margin:auto}
.iota-approved .brand-mark img{width:100%;height:auto}
.iota-approved .studio-nav{display:flex;justify-content:center;gap:10px 24px;flex-wrap:wrap;margin-top:14px;font-size:.875rem}
.iota-approved .studio-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.iota-approved .studio-nav a:hover{text-decoration:underline}
.iota-approved .studio-hero{padding-block:16px 46px;text-align:center}
.iota-approved .studio-hero .eyebrow{margin-bottom:22px}
.iota-approved .studio-sketch{margin:0 auto 30px;width:100%}
.iota-approved .studio-sketch img{width:100%;height:auto}
.iota-approved .studio-hero h1{font-size:clamp(2.1rem,5.2vw,3.1rem);line-height:1.08;letter-spacing:-.04em;margin-bottom:21px;text-wrap:balance}
.iota-approved .intro{max-width:600px;margin-inline:auto;font-size:1.125rem;line-height:1.8;text-wrap:pretty}
.iota-approved .hero-links{display:flex;justify-content:center;gap:16px 24px;flex-wrap:wrap;margin-top:24px;font-size:.875rem}
.iota-approved .hero-links a{min-height:44px;display:inline-flex;align-items:center}
.iota-approved .eyebrow{font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.iota-approved .sketch-note{font-size:.75rem;color:var(--muted);margin-top:16px}
.iota-approved .flow-section{border-top:1px solid var(--line);padding-block:42px 46px;text-align:center}
.iota-approved .flow-section h2{font-size:1.7rem;margin-bottom:19px}
.iota-approved .short-copy{max-width:600px;margin-inline:auto;text-wrap:pretty}
.iota-approved .short-copy p+p{margin-top:15px}
.iota-approved .detail-link{display:inline-block;margin-top:19px;font-size:.875rem;min-height:36px}
.iota-approved .work-list{max-width:600px;margin:5px auto 0;padding:0;list-style:none;text-align:left}
.iota-approved .work-list li{border-bottom:1px solid #e7e7e7;padding-block:20px 22px}
.iota-approved .work-list li:last-child{border-bottom:0;padding-bottom:5px}
.iota-approved .work-list h3{font-size:1.25rem;letter-spacing:-.025em;margin-bottom:6px}
.iota-approved .work-list p{font-size:.9375rem;line-height:1.7;color:var(--muted)}
.iota-approved .work-list a{display:inline-block;font-size:.875rem;margin-top:9px;min-height:30px}
.iota-approved .price-list{max-width:520px;margin:8px auto 0;padding:0;list-style:none;text-align:left}
.iota-approved .price-list li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid #e7e7e7;padding-block:13px;font-size:.9375rem}
.iota-approved .price-list strong{font-weight:600;white-space:nowrap}
.iota-approved .price-note{font-size:.875rem;color:var(--muted);max-width:540px;margin:19px auto 0;line-height:1.8}
.iota-approved .client-contact{margin:4px auto 46px;max-width:620px;background:var(--soft);color:#595959;border:1px solid #d6d6d6;padding:29px 32px;text-align:center;border-radius:3px}
.iota-approved .client-contact h2{font-size:1.5rem;letter-spacing:-.025em;margin-block:10px 14px}
.iota-approved .client-contact p{font-size:.9375rem;line-height:1.8}
.iota-approved .client-contact button{display:inline-block;margin:21px auto 0;background:#dedede;color:#686868;border:1px solid #c7c7c7;border-radius:3px;padding:11px 23px;font-size:.875rem;cursor:not-allowed}
.iota-approved .client-contact .inactive-note{font-size:.8125rem;margin-top:16px;color:#595959}
.iota-approved .studio-footer{border-top:1px solid var(--line);padding-block:28px 35px;text-align:center;color:var(--muted);font-size:.8125rem;line-height:1.8}
.iota-approved .studio-footer .brand-mark{width:92px;margin-bottom:18px}
.iota-approved .studio-footer p+p{margin-top:8px}
.iota-approved .studio-footer a{display:inline-block;margin-top:12px;min-height:30px}
.iota-approved .proof-links{list-style:none;padding:0;max-width:600px;margin:0 auto;text-align:left}
.iota-approved .proof-links li{border-bottom:1px solid #e7e7e7;padding-block:17px}
.iota-approved .proof-links li:last-child{border-bottom:0}
.iota-approved .proof-links a{font-size:.9375rem;display:block;min-height:30px}
.iota-approved .proof-links span{display:block;font-size:.8125rem;color:var(--muted);margin-top:3px}
.iota-approved .profile-note{font-size:.8125rem;line-height:1.8;color:var(--muted);margin:20px auto 0;max-width:600px}
.iota-approved.profile .short-copy{text-align:left}
.iota-approved.project-page .project{padding-block:42px 48px;border-top:1px solid var(--line);scroll-margin-top:24px}
.iota-approved.project-page .project h2{text-align:center;font-size:1.75rem;margin-bottom:16px}
.iota-approved.project-page .project .eyebrow{text-align:center;margin-bottom:20px}
.iota-approved .project-visual{margin:0 auto 25px;max-width:660px}
.iota-approved .project-visual img{width:auto;height:auto;max-width:100%;max-height:480px;margin:auto;object-fit:contain}
.iota-approved .project-visual figcaption{font-size:.8125rem;line-height:1.8;color:var(--muted);text-align:center;margin-top:15px}
.iota-approved .project-copy{max-width:600px;margin:auto}
.iota-approved .project-copy p+p{margin-top:15px}
.iota-approved .project-copy .role-note{font-size:.9375rem}
.iota-approved.project-page .studio-hero,.iota-approved.notes-page .studio-hero{padding-top:25px}
.iota-approved.notes-page .draft{max-width:600px;margin:auto;border-top:1px solid var(--line);padding-block:34px 38px}
.iota-approved.notes-page .draft h2{font-size:1.5rem;line-height:1.3;margin-bottom:17px}
.iota-approved.notes-page .draft .eyebrow{margin-bottom:12px}
@media(max-width:600px){.iota-approved .flow,.iota-approved .studio-header,.iota-approved .studio-footer{width:calc(100% - 40px)}
.iota-approved .studio-header{padding-block:24px 12px}
.iota-approved .brand-mark{width:128px}
.iota-approved .studio-nav{gap:7px 18px;margin-top:10px}
.iota-approved .studio-hero{padding-block:12px 36px}
.iota-approved .studio-sketch{margin-bottom:24px}
.iota-approved .studio-hero .eyebrow{margin-bottom:18px}
.iota-approved .studio-hero h1{font-size:2.125rem}
.iota-approved .intro{font-size:1.0625rem;line-height:1.85}
.iota-approved .flow-section{padding-block:32px 36px}
.iota-approved .flow-section h2{font-size:1.5rem}
.iota-approved .hero-links{gap:8px 22px;margin-top:17px}
.iota-approved .client-contact{padding:24px 20px;margin-bottom:35px}
.iota-approved .price-list li{gap:13px;font-size:.875rem}
.iota-approved.project-page .project{padding-block:32px 37px}
.iota-approved.project-page .project h2{font-size:1.5rem}
.iota-approved .studio-footer{padding-block:24px 30px}
}
@media(prefers-reduced-motion:reduce){.iota-approved{scroll-behavior:auto}
}

.iota-approved h1,.iota-approved h2,.iota-approved h3{color:#000}.iota-approved .sketch-note{line-height:1.5}.iota-approved .hero-links a{text-decoration:none}.iota-approved .hero-links a:hover{text-decoration:underline}
