@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f7f3;--ink:#171923;--muted:#656979;--blue:#3157e3;--lavender:#e9e5fc;--line:#dddedc;--lime:#d4ef85}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 'DM Sans',system-ui,sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{color:#172f9c}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:absolute;left:16px;top:-70px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.site-header{max-width:1320px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.5px;font-family:Manrope,system-ui;font-size:20px}.brand img{width:42px;height:42px}.nav{display:flex;gap:28px;align-items:center}.nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}.nav a[aria-current=page]{color:var(--blue)}.nav .nav-action{border:1px solid var(--ink);border-radius:30px;padding:8px 18px}.mobile-nav{display:none}main{max-width:1190px;margin:auto;padding:52px 28px 90px}.eyebrow,.breadcrumb{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.eyebrow{color:var(--blue);margin:0 0 22px}.breadcrumb{color:var(--muted);margin-bottom:35px}.breadcrumb a{color:inherit}h1,h2,h3{font-family:Manrope,system-ui;line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(40px,5.8vw,72px);font-weight:700;margin:0 0 28px;max-width:950px}h2{font-size:31px;margin:52px 0 18px}h3{font-size:22px;margin:0 0 15px}p{margin:0 0 22px}.lead{font-size:20px;line-height:1.65;color:var(--muted);max-width:680px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding:35px 0 80px}.hero h1{font-size:clamp(46px,5.9vw,78px)}.hero-art{background:var(--lavender);border-radius:22px;min-height:440px;position:relative;padding:40px;overflow:hidden}.hero-art:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #cbc1f1;border-radius:50%;top:-100px;right:-100px}.mock-browser{background:#fff;border:1px solid #d7d5df;border-radius:12px;box-shadow:0 25px 55px #25223820;transform:rotate(-5deg);position:relative}.browser-top{padding:13px 17px;border-bottom:1px solid #eee;font-size:11px;color:#9a9eaa;display:flex;gap:5px}.dot{width:6px;height:6px;background:#c5c8d2;border-radius:50%}.mock-content{padding:25px}.mock-label{font-size:9px;letter-spacing:.16em;color:var(--blue)}.mock-title{font:700 30px/1.15 Manrope,system-ui;letter-spacing:-1.5px;margin:12px 0}.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mock-tile{height:95px;background:var(--lavender);border-radius:6px;padding:12px}.mock-tile:nth-child(2){background:var(--lime)}.mock-line{height:5px;background:#d5d8e3;width:70%;margin:10px 0;border-radius:5px}.floating-note{position:relative;margin:25px -15px -10px auto;background:var(--ink);color:white;padding:18px 22px;border-radius:12px;width:78%;transform:rotate(3deg);font-size:13px}.floating-note strong{display:block;color:var(--lime);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.button{display:inline-flex;gap:20px;align-items:center;background:var(--blue);color:#fff;text-decoration:none;padding:13px 23px;border-radius:30px;font-size:14px;font-weight:600}.button:hover{background:#2447c6;color:white}.section-top{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:36px;margin-bottom:30px;gap:20px}.section-top h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:28px 0 55px}.card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:27px;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card h3 a{color:var(--ink);text-decoration:none}.card p{font-size:15px;color:var(--muted);margin:0}.card-number{font:500 12px Manrope;letter-spacing:.12em;display:block;color:var(--blue);margin-bottom:50px}.feature{background:var(--ink);color:white;border-radius:18px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px}.feature h2{margin:0;color:white}.feature p{color:#b8bdcc}.feature a{color:var(--lime)}.article-layout{display:grid;grid-template-columns:220px minmax(0,740px);gap:65px;align-items:start;margin-top:40px}.reading-nav{position:sticky;top:30px;padding-top:12px}.reading-nav p{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.reading-nav a{display:block;font-size:13px;line-height:1.5;color:var(--muted);text-decoration:none;border-left:1px solid var(--line);padding:9px 0 9px 16px}.reading-nav a:hover{color:var(--blue);border-color:var(--blue)}.prose{max-width:740px}.prose>h2:first-child{margin-top:0}.prose h2{font-size:29px}.prose li{padding-left:4px;margin-bottom:10px}.note{background:var(--lavender);padding:22px 25px;border-radius:10px;color:#4f4a68;font-size:14px;line-height:1.7;margin:25px 0}.related{border-top:1px solid var(--line);margin-top:55px;padding-top:27px}.related h2{font-size:23px;margin:0 0 16px}.related a{margin-right:20px;display:inline-block;font-size:14px}.site-footer{background:#eeede8;border-top:1px solid var(--line);padding:46px max(28px,calc((100vw - 1134px)/2))}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top p{color:var(--muted);font-size:14px;max-width:310px}.footer-links{display:flex;gap:25px;font-size:13px;flex-wrap:wrap}.footer-links a{color:var(--ink)}.footer-bottom{font-size:11px;color:var(--muted);border-top:1px solid #d6d6d1;margin-top:25px;padding-top:20px;display:flex;justify-content:space-between}pre{overflow:auto;padding:20px;background:#eeedf4;border-radius:10px}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid var(--line);padding:12px;text-align:left}@media(max-width:850px){.nav{gap:16px}.hero{grid-template-columns:1fr;gap:30px}.hero-art{max-width:570px;width:100%;min-height:380px}.grid{grid-template-columns:1fr}.card-number{margin-bottom:25px}.article-layout{grid-template-columns:1fr;gap:20px}.reading-nav{position:static;border-bottom:1px solid var(--line);padding-bottom:22px}.reading-nav a{display:inline-block;padding:7px 12px;border-left:0}.feature{grid-template-columns:1fr}.footer-top{flex-direction:column}}@media(max-width:620px){.site-header{padding:20px}.nav{display:none}.mobile-nav{display:block;position:relative;font-size:14px}.mobile-nav summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:30px;padding:7px 14px}.mobile-nav nav{position:absolute;right:0;top:45px;width:200px;background:white;padding:20px;box-shadow:0 10px 30px #17192320;z-index:5;border-radius:10px}.mobile-nav a{display:block;padding:7px;text-decoration:none;color:var(--ink)}main{padding:35px 22px 65px}.hero{padding:15px 0 55px}.hero-art{padding:26px;min-height:350px}.mock-title{font-size:25px}.section-top{display:block}.section-top p{margin-top:15px}.feature{padding:30px}h1{font-size:40px}.footer-bottom{gap:20px}.brand{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.brief-form,.brief-result{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin:30px 0}.brief-form label,.brief-result label{display:block;font-size:14px;font-weight:600;margin:18px 0 7px}.brief-form input,.brief-form select,.brief-form textarea,.brief-result textarea{display:block;width:100%;padding:12px 14px;border:1px solid #c9ccd6;border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;line-height:1.5}.brief-form button,.brief-result button{border:0;cursor:pointer;font-family:inherit;margin-top:22px}.brief-result textarea{font-size:14px}.brief-result p{font-size:13px;color:var(--muted);margin-top:15px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}

.contact-email{padding:24px 0;border-bottom:1px solid var(--line);margin-bottom:28px}.contact-email button{border:0;font:inherit;cursor:pointer}.contact-email button:disabled{background:#dedfe6;color:#656979;cursor:not-allowed}.contact-email #revealed-email{margin-top:18px}

.template-carousel{display:flex;gap:16px;overflow:auto;scroll-snap-type:x mandatory;padding:8px 3px 24px}.template-card{flex:0 0 220px;min-height:165px;padding:24px;border:2px solid transparent;border-radius:15px;scroll-snap-align:start;text-align:left;cursor:pointer;font-family:inherit;color:var(--ink)}.template-card strong{display:block;font:700 24px/1.2 Manrope,system-ui;letter-spacing:-.03em;margin:12px 0}.template-card span{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.template-card[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 3px #3157e318}.carousel-controls{display:flex;gap:8px}.carousel-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:white;font-size:20px;cursor:pointer}.studio-layout{display:grid;grid-template-columns:360px 1fr;gap:45px;margin:35px 0 65px;align-items:start}.studio-controls{background:white;border:1px solid var(--line);border-radius:16px;padding:26px}.studio-controls label{display:block;font-size:13px;font-weight:600;margin:17px 0 7px}.studio-controls input:not([type=color]),.studio-controls textarea{width:100%;border:1px solid #ccd0db;border-radius:8px;padding:11px;font:inherit;background:var(--paper)}.studio-controls textarea{resize:vertical}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-grid input{width:100%;height:42px;border:1px solid var(--line);background:white;border-radius:7px;padding:3px}.studio-secondary{font:600 13px 'DM Sans',system-ui;border:1px solid #c8ccda;background:white;border-radius:30px;padding:11px 17px;cursor:pointer;margin-top:18px}.studio-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.studio-actions button{font-size:13px;border:0;cursor:pointer}.studio-actions .studio-secondary{border:1px solid #c8ccda;margin-top:0}.small-note{font-size:12px;color:var(--muted);line-height:1.6;margin:13px 0}.studio-preview{background:#edece6;border-radius:20px;padding:25px 30px}.preview-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.1em;margin-bottom:24px;color:var(--muted)}#sign-preview{max-width:420px;margin:auto;box-shadow:0 18px 45px #17192320}#sign-preview svg{display:block;width:100%;height:auto}.studio-preview>p{text-align:center;font-size:12px;color:var(--muted);margin:24px 0 0}.sign-promo{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:50px;background:var(--lavender);border-radius:20px;margin-top:65px}.sign-promo h2{margin:0 0 20px;font-size:38px}.mini-sign{background:#fffbea;color:var(--ink);padding:34px;border:2px solid var(--ink);outline:8px solid #fffbea;transform:rotate(4deg);display:flex;flex-direction:column;justify-content:space-between;max-width:320px;min-height:300px;margin:auto;box-shadow:0 15px 30px #17192312}.mini-sign span{font-size:10px;letter-spacing:.13em}.mini-sign strong{font:700 42px/1.1 Manrope,system-ui;letter-spacing:-.05em}.print-only{display:none}@media(max-width:900px){.studio-layout{grid-template-columns:1fr 1fr;gap:22px}.studio-controls{padding:20px}.studio-preview{padding:22px}.sign-promo{gap:35px;padding:35px}}@media(max-width:650px){.studio-layout,.sign-promo{grid-template-columns:1fr}.studio-preview{order:-1}.template-card{flex-basis:190px}.sign-promo{padding:28px}.mini-sign{width:90%;margin-top:15px}}@media print{@page{size:A4 portrait;margin:0}body>*{display:none!important}body>.print-only{display:block!important;width:210mm;height:297mm}.print-only svg{width:210mm;height:297mm;display:block}}