:root {
  --ink: #1d1d1f;
  --ink-2: #505052;
  --quiet: #777775;
  --paper: #f6f4ef;
  --surface: #fff;
  --line: rgba(29,29,31,.11);
  --line-strong: rgba(29,29,31,.2);
  --accent: #dd583d;
  --accent-dark: #bd412a;
  --sage: #a7b9a2;
  --blue: #567483;
  --radius: 22px;
  --shadow: 0 20px 60px rgba(40,39,36,.10), 0 2px 8px rgba(40,39,36,.05);
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;
  --display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
}
* { box-sizing: border-box }
html { scroll-behavior: smooth; background: var(--paper) }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font); -webkit-font-smoothing: antialiased }
a { color: inherit; text-decoration: none }
button, input, select { font: inherit }
button { color: inherit }
.shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto }
.site-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid rgba(29,29,31,.06); background: rgba(246,244,239,.82); backdrop-filter: blur(24px) saturate(1.3) }
.nav-inner { height: 68px; display: flex; align-items: center; gap: 44px }
.brand,.auth-brand { display: inline-flex; align-items: center; gap: 10px; letter-spacing: -.02em }
.brand-mark { width: 27px; height: 27px; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; flex: 0 0 auto }
.brand-mark i { display: block; background: var(--ink); border-radius: 2px }
.brand-mark i:nth-child(2),.brand-mark i:nth-child(3) { background: var(--accent) }
.nav-inner nav { display: flex; gap: 26px; margin-right: auto }
.nav-inner nav a,.nav-actions>a,.text-button,.lang-button { color: var(--ink-2); font-size: 14px; transition: color .2s }
.nav-inner nav a:hover,.nav-actions>a:hover,.text-button:hover { color: var(--ink) }
.nav-actions { display: flex; align-items: center; gap: 17px }
.nav-actions form { margin: 0 }
.text-button,.lang-button { appearance: none; border: 0; background: none; cursor: pointer; padding: 3px }
.lang-button { font-size: 11px; font-weight: 700; letter-spacing: .08em; border: 1px solid var(--line-strong); border-radius: 20px; padding: 5px 8px }
.button { appearance: none; border: 0; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 25px; font-weight: 650; letter-spacing: -.01em; cursor: pointer; transition: transform .2s, background .2s, box-shadow .2s, opacity .2s }
.button:hover:not(:disabled) { transform: translateY(-1px) }
.button.primary { color: #fff; background: var(--ink); box-shadow: 0 8px 24px rgba(29,29,31,.16) }
.button.primary:hover:not(:disabled) { background: #000; box-shadow: 0 11px 30px rgba(29,29,31,.2) }
.button.secondary { color: var(--ink); background: rgba(255,255,255,.8); border: 1px solid var(--line-strong) }
.button.light { color: var(--ink); background: #fff }
.button.compact { min-height: 38px; padding-inline: 18px; font-size: 13px }
.button.wide { width: 100% }
.button.disabled,.button:disabled { cursor: not-allowed; opacity: .46 }
.eyebrow { margin: 0 0 14px; text-transform: uppercase; font-size: 11px; font-weight: 750; letter-spacing: .16em; color: var(--accent) }
.quiet { color: var(--quiet) }
.hero { min-height: 750px; display: grid; grid-template-columns: .87fr 1.13fr; align-items: center; gap: 60px; padding-block: 95px 110px }
.hero h1 { margin: 0; max-width: 550px; font-family: var(--display); font-size: clamp(64px, 7vw, 102px); line-height: .93; letter-spacing: -.07em; font-weight: 720 }
.lede { max-width: 530px; margin: 31px 0 0; font-size: 20px; line-height: 1.55; color: var(--ink-2); letter-spacing: -.02em }
.hero-actions { display: flex; align-items: center; gap: 26px; margin-top: 36px }
.text-link { font-size: 15px; font-weight: 650 }
.text-link span { display: inline-block; margin-left: 5px; transition: transform .2s }
.text-link:hover span { transform: translateY(3px) }
.hero-copy>.quiet { font-size: 12px; margin-top: 13px }
.hero-art { position: relative }
.hero-art:before { content:""; position:absolute; width:84%; aspect-ratio:1; inset: 3% 5% auto auto; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #e9a68e, #d9cdc1 48%, transparent 70%); filter: blur(26px); opacity:.52 }
.fabric-card { position: relative; overflow: hidden; width: 100%; max-width: 650px; margin-left:auto; border-radius: 26px; background: #faf9f6; box-shadow: 0 35px 100px rgba(51,46,40,.18), 0 3px 10px rgba(51,46,40,.06); transform: perspective(1100px) rotateY(-4deg) rotateX(2deg); animation: float 8s ease-in-out infinite }
.fabric-toolbar,.fabric-foot { height: 56px; display:flex; align-items:center; padding:0 20px; gap:12px; font-size:12px; border-bottom:1px solid var(--line) }
.fabric-toolbar i { width:10px; height:10px; border-radius:50%; background:var(--accent); box-shadow:18px 0 #eab256,36px 0 #77aa78; margin-right:35px }
.fabric-toolbar span { font-weight:650; flex:1 }.fabric-toolbar b { color:#4e8c58; font-weight:600 }
.fabric-grid { height: 455px; background-color:#e9e5dc; background-image: linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px); background-size:21px 21px; position:relative }
.fabric-grid:after,.mini-grid:after,.preview-pattern:after { content:""; position:absolute; inset:0; background: conic-gradient(from 45deg at 25% 25%, transparent 0 25%,#243133 0 50%,transparent 0 75%,#243133 0) 0 0/84px 84px; mix-blend-mode:multiply; opacity:.88 }
.fabric-foot { border:0; border-top:1px solid var(--line); justify-content:space-between; color:var(--quiet) }
@keyframes float { 0%,100%{transform:perspective(1100px) rotateY(-4deg) rotateX(2deg) translateY(0)} 50%{transform:perspective(1100px) rotateY(-2deg) rotateX(1deg) translateY(-8px)} }
.reveal { animation: reveal .8s cubic-bezier(.2,.75,.2,1) both }.delay-1{animation-delay:.12s}
@keyframes reveal { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:none} }
.feature-intro { padding: 135px 0 65px; border-top:1px solid var(--line) }
.feature-intro h2 { max-width: 850px; margin:0; font-size:clamp(42px,6vw,72px); line-height:1.02; letter-spacing:-.055em }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding-bottom:130px }
.feature-card { min-height:550px; padding:28px; border-radius:28px; background:#edeae3; display:flex; flex-direction:column; overflow:hidden; position:relative }
.feature-card:nth-child(2){background:#dedbd3}.feature-card:nth-child(3){background:#dce3df}
.feature-number { font-size:11px; color:var(--quiet); margin-bottom:26px }
.feature-card h3 { margin:auto 0 12px; font-size:30px; line-height:1.05; letter-spacing:-.045em }
.feature-card p { margin:0; color:var(--ink-2); line-height:1.55 }
.mini-grid { height:225px; margin:-5px -50px 30px; background:#f2eee5; position:relative; transform:rotate(-5deg); box-shadow:var(--shadow) }
.mini-grid:after { background-size:52px 52px; opacity:.75 }
.instruction-sample { margin:45px 0; padding:24px; min-height:180px; background:#f9f8f4; border-radius:18px; box-shadow:var(--shadow); display:flex; flex-direction:column; gap:16px; transform:rotate(2deg) }
.instruction-sample b{font-family:ui-monospace,monospace}.instruction-sample span{font-size:13px;line-height:1.4}.instruction-sample span:last-child{margin-top:auto;color:var(--quiet)}
.paper { width:68%; height:255px; margin:20px auto; background:#fafafa; box-shadow:var(--shadow); padding:28px; transform:rotate(-3deg); border-radius:3px }
.paper b{font-size:15px}.paper i{display:block;height:7px;background:#dedfdc;margin-top:18px;border-radius:3px}.paper i:nth-child(3){width:76%}.paper i:nth-child(4){height:95px;background:repeating-linear-gradient(45deg,#bdc8c1 0 8px,#edf0ed 8px 16px)}
.closing { padding: 0 0 100px }
.closing>div { border-radius:34px; padding:90px max(38px,8vw); background:var(--ink); color:#fff; text-align:center }
.closing h2 { max-width:850px; margin:0 auto 40px; font-size:clamp(42px,6vw,72px); line-height:1.02; letter-spacing:-.055em }
.site-footer { min-height:250px; border-top:1px solid var(--line); padding-block:55px; display:grid; grid-template-columns:1fr 1fr; gap:25px; align-items:start }
.site-footer p,.site-footer small{color:var(--quiet)}.site-footer div{display:flex;gap:22px;justify-content:flex-end;font-size:14px}.site-footer small{grid-column:1/-1}

/* Conversion landing page — extends the existing Design2Pattern visual system. */
.landing-page .hero{grid-template-columns:.91fr 1.09fr;gap:52px;padding-block:84px 96px}
.landing-page .hero h1{max-width:610px;font-size:clamp(57px,5.8vw,86px);line-height:.94}
.landing-page .hero-actions .button span,.offer-section .button span,.closing .button span{margin-left:9px}
.trial-note-inline{display:flex;align-items:center;gap:7px}.trial-note-inline b{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#dfe9e0;color:#46704e;font-size:9px}
.hero-screenshot{position:relative;z-index:1;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);animation:float 8s ease-in-out infinite}
.product-screenshot{display:block;width:100%;height:auto;border-radius:20px;background:#faf9f6;box-shadow:0 35px 100px rgba(51,46,40,.18),0 3px 10px rgba(51,46,40,.06)}
.screen-callout{position:absolute;z-index:3;min-width:190px;padding:13px 16px;border:1px solid rgba(29,29,31,.09);border-radius:15px;background:rgba(255,255,255,.95);box-shadow:0 15px 35px rgba(35,32,28,.14);display:grid;grid-template-columns:31px 1fr;column-gap:10px;align-items:center}
.screen-callout>span{grid-row:1/3;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#465b4f;color:#fff;font-weight:800}.screen-callout small{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--quiet)}.screen-callout strong{font-size:11px}.screen-callout.check{right:-18px;top:12%}.screen-callout.export{left:-18px;bottom:10%}.screen-callout.export>span{background:var(--accent)}
.stakes-band{background:var(--ink);color:#fff}.stakes-band>.shell{min-height:130px;display:grid;grid-template-columns:1.05fr repeat(3,1fr);align-items:center;gap:28px}.stakes-band p{max-width:190px;margin:0;color:#f09a83;font:750 10px/1.5 var(--font);letter-spacing:.13em;text-transform:uppercase}.stakes-band div{min-height:55px;padding-left:24px;border-left:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;justify-content:center;gap:6px}.stakes-band strong{font-size:14px}.stakes-band span{color:#aaa9a6;font-size:11px}
.problem-section{padding-block:135px;display:grid;grid-template-columns:240px 1fr;gap:70px;border-bottom:1px solid var(--line)}.problem-section h2{max-width:870px;margin:0;font-size:clamp(43px,5.7vw,72px);line-height:1.02;letter-spacing:-.055em}.problem-section div>p{max-width:720px;margin:32px 0 0;color:var(--ink-2);font-size:18px;line-height:1.65}
.section-lede{max-width:650px;margin:25px 0 0;color:var(--ink-2);font-size:17px;line-height:1.6}.validation-sample b{color:#46704e}.validation-sample{background:#f5f7f3}
.product-story{padding-block:125px;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;border-top:1px solid var(--line)}.product-story.reverse{grid-template-columns:1.2fr .8fr}.product-story.reverse .product-story-copy{grid-column:2;grid-row:1}.product-story.reverse figure{grid-column:1;grid-row:1}.product-story-copy h2{margin:0;font-size:clamp(40px,4.7vw,64px);line-height:1.02;letter-spacing:-.055em}.product-story-copy>p:not(.eyebrow){margin:25px 0;color:var(--ink-2);font-size:16px;line-height:1.65}.product-story-copy ul{list-style:none;margin:30px 0 0;padding:0}.product-story-copy li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:650}.product-story-copy li:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;margin-right:11px;border-radius:50%;background:#e0e9e1;color:#477050;font-size:9px}.product-story figure{margin:0}.product-story figcaption{display:flex;gap:10px;margin-top:17px;color:var(--quiet);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.product-story figcaption span{color:var(--accent);font-weight:800}
.offer-section{margin-bottom:135px;display:grid;grid-template-columns:1.1fr .9fr;border-radius:32px;overflow:hidden;background:#e8e4dc}.offer-list{padding:38px 44px}.offer-list>div{min-height:90px;display:grid;grid-template-columns:38px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid rgba(29,29,31,.11)}.offer-list>div:last-child{border:0}.offer-list>div>span{color:var(--accent);font-size:10px;font-weight:800}.offer-list p{display:flex;flex-direction:column;gap:6px}.offer-list strong{font-size:14px}.offer-list small{color:var(--quiet);font-size:11px}.offer-list b{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.offer-section>aside{padding:58px;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.offer-section aside h2{margin:0;font-size:clamp(37px,4vw,52px);line-height:1.02;letter-spacing:-.05em}.offer-section aside>p:not(.eyebrow){margin:23px 0 31px;color:#c4c3c0;font-size:15px;line-height:1.6}.offer-section aside>small{margin-top:15px;color:#9d9c99;font-size:10px}
.toolkit-section{padding-block:130px}.toolkit-section header{margin-bottom:68px}.toolkit-section h2{max-width:900px;margin:0;font-size:clamp(45px,6vw,76px);line-height:1.02;letter-spacing:-.06em}.toolkit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.toolkit-grid article{min-height:290px;padding:32px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.toolkit-grid i{width:48px;height:48px;border-radius:14px;background:#eee6dc;color:#b9573e;display:grid;place-items:center;font:500 20px/1 var(--display);font-style:normal}.toolkit-grid h3{margin:auto 0 12px;font-size:23px;line-height:1.08;letter-spacing:-.04em}.toolkit-grid p{margin:0;color:var(--quiet);font-size:13px;line-height:1.55}
.pricing-offer-section{position:relative;padding-block:105px;background:var(--ink);color:#fff;overflow:hidden}.pricing-offer-section:after{content:"";position:absolute;width:700px;height:700px;right:-250px;bottom:-480px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.018),0 0 0 180px rgba(255,255,255,.012)}.pricing-offer-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}.pricing-pitch{padding-top:62px}.pricing-pitch>.eyebrow{color:#ef9a82}.pricing-pitch>h2{max-width:680px;margin:0;font-size:clamp(52px,6vw,82px);line-height:.98;letter-spacing:-.065em}.pricing-pitch>p:not(.eyebrow){max-width:690px;margin:32px 0 45px;color:#b9b8b5;font-size:17px;line-height:1.7}.pricing-pitch .offer-list{padding:0;border-top:1px solid rgba(255,255,255,.18)}.pricing-pitch .offer-list>div{border-color:rgba(255,255,255,.15)}.pricing-pitch .offer-list>div>span,.pricing-pitch .offer-list>div>b{color:#ef9a82}.pricing-pitch .offer-list small{color:#999a97}
.pricing-card{padding:54px 50px;border-radius:30px;background:var(--paper);color:var(--ink);box-shadow:0 35px 100px rgba(0,0,0,.22)}.pricing-card>.eyebrow{margin-bottom:28px}.pricing-card h3{max-width:470px;margin:0;font-size:clamp(39px,4.4vw,58px);line-height:1;letter-spacing:-.055em}.pricing-amount{margin:38px 0 26px;display:flex;align-items:baseline;gap:11px}.pricing-amount strong{font-size:clamp(66px,7vw,98px);line-height:.85;letter-spacing:-.07em}.pricing-amount span{color:var(--quiet);font-size:16px}.pricing-intro{margin:0 0 28px;color:var(--ink-2);font-size:14px;line-height:1.6}.price-availability{padding:22px;border:1px solid #e4c6b8;border-radius:18px;background:#f3e9df}.price-availability>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.price-availability strong{font-size:12px;color:#914936}.price-availability span{color:#7b6d65;font-size:10px;font-weight:700}.availability-track{height:9px;margin:19px 0 12px;border-radius:999px;background:#dfcec2;overflow:hidden}.availability-track i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#cb6646,#e3aa3c)}.price-availability p{margin:0;color:#7c746f;font-size:10px;line-height:1.45}.price-lock{display:flex;gap:12px;margin:20px 0 28px;color:#595c56;font-size:11px;line-height:1.45}.price-lock>b{color:var(--accent)}.price-lock span,.price-lock strong{display:block}.pricing-card ul{list-style:none;margin:0 0 30px;padding:25px 0 5px;border-top:1px solid var(--line)}.pricing-card li{padding:10px 0;font-size:13px;font-weight:650}.pricing-card li:before{content:"✓";margin-right:13px;color:var(--accent);font-weight:850}.pricing-card>.button{min-height:55px}.pricing-card>small{display:block;margin-top:14px;color:var(--quiet);font-size:9px;text-align:center}
.faq-section{padding-block:0 135px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq-section h2{max-width:480px;margin:0;font-size:clamp(42px,4.5vw,62px);line-height:1.02;letter-spacing:-.055em}.faq-section details{border-bottom:1px solid var(--line)}.faq-section summary{min-height:76px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:700}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary span{font-size:20px;font-weight:400;transition:transform .2s}.faq-section details[open] summary span{transform:rotate(45deg)}.faq-section details p{max-width:620px;margin:-4px 40px 23px 0;color:var(--ink-2);font-size:13px;line-height:1.65}
.closing>div{display:flex;flex-direction:column;align-items:center}.closing>div>small{margin-top:16px;color:#9f9e9b;font-size:10px}
@media (max-width:980px){.landing-page .hero{grid-template-columns:1fr;padding-top:70px}.landing-page .hero h1{max-width:760px}.hero-art{max-width:760px}.stakes-band>.shell{grid-template-columns:1fr 1fr;padding-block:26px}.stakes-band p{max-width:none;grid-column:1/-1}.problem-section{grid-template-columns:1fr;gap:22px}.product-story,.product-story.reverse{grid-template-columns:1fr;gap:45px}.product-story.reverse .product-story-copy,.product-story.reverse figure{grid-column:auto;grid-row:auto}.product-story.reverse .product-story-copy{order:1}.product-story.reverse figure{order:2}.offer-section{grid-template-columns:1fr}.toolkit-grid{grid-template-columns:repeat(2,1fr)}.pricing-offer-inner{grid-template-columns:1fr;gap:65px}.pricing-pitch{padding-top:0}.pricing-card{max-width:680px}.faq-section{grid-template-columns:1fr;gap:40px}}
@media (max-width:680px){.landing-page .hero h1{font-size:52px}.hero-screenshot{transform:none}.screen-callout{display:none}.stakes-band>.shell{grid-template-columns:1fr;gap:14px}.stakes-band p{grid-column:auto}.stakes-band div{padding:12px 0;border-left:0;border-top:1px solid rgba(255,255,255,.13)}.problem-section,.product-story{padding-block:85px}.product-story{gap:32px}.toolkit-section{padding-block:90px}.toolkit-grid{grid-template-columns:1fr}.toolkit-grid article{min-height:245px}.offer-list{padding:25px 22px}.offer-list>div{grid-template-columns:30px 1fr}.offer-list b{display:none}.offer-section>aside{padding:45px 28px}.pricing-offer-section{padding-block:80px}.pricing-pitch>h2{font-size:50px}.pricing-pitch .offer-list{padding:0}.pricing-card{padding:40px 24px}.price-availability>div:first-child{align-items:flex-start;flex-direction:column}.faq-section{padding-bottom:90px}}
.pricing-page { padding-block:100px 140px; min-height:80vh }.pricing-page>h1{font-size:clamp(48px,7vw,82px);line-height:1;letter-spacing:-.06em;max-width:900px;margin:0 0 60px}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px}.pricing-grid article{padding:40px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.45)}.pricing-grid article.featured{background:var(--ink);color:#fff}.pricing-grid .plan{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.pricing-grid h2{font-size:48px;letter-spacing:-.05em}.pricing-grid h2 small{font-size:16px;font-weight:500;letter-spacing:0;opacity:.65}.pricing-grid ul{list-style:none;padding:0;margin:30px 0}.pricing-grid li{padding:12px 0;border-bottom:1px solid currentColor;opacity:.75}
.auth-shell { min-height:100vh; display:grid; place-items:center; padding:90px 24px; background:radial-gradient(circle at 15% 10%,#ead7ca,transparent 32%),radial-gradient(circle at 90% 85%,#d7e1dc,transparent 34%),var(--paper) }
.auth-brand { position:absolute;top:28px;left:32px;font-weight:700 }
.auth-card { width:min(440px,100%); padding:46px; border-radius:28px; background:rgba(255,255,255,.82); backdrop-filter:blur(20px); box-shadow:var(--shadow) }
.auth-card h1 { margin:0 0 30px;font-size:42px;letter-spacing:-.05em }
.form-stack{display:flex;flex-direction:column;gap:18px}.form-stack label,.modal-card label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:650;color:var(--ink-2)}
input,select{width:100%;height:48px;border:1px solid var(--line-strong);border-radius:12px;padding:0 14px;background:#fff;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}
input:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(29,29,31,.08)}
.check{flex-direction:row!important;align-items:center}.check input{width:18px;height:18px}.auth-switch{text-align:center;margin:25px 0 0;color:var(--quiet);font-size:13px}.auth-switch a{color:var(--ink);font-weight:650}
.auth-options{display:flex;align-items:center;justify-content:space-between;gap:14px}.auth-options .check{font-weight:500}.auth-options>a{color:var(--ink);font-size:12px;font-weight:700}.auth-explainer{margin:-14px 0 24px;color:var(--quiet);font-size:13px;line-height:1.6}.auth-recovery-card h1{max-width:360px}.auth-recovery-card>.button{display:flex;margin-top:8px}
.alert{padding:14px 16px;border-radius:12px;background:#e6efe7;color:#276136;margin-bottom:22px;font-size:13px;overflow-wrap:anywhere}.alert.error{background:#f8e5e0;color:#8f3324}
.app-main{padding-block:65px 120px;min-height:calc(100vh - 68px)}.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px}.dashboard-head h1{font-size:58px;letter-spacing:-.06em;margin:0 0 10px}.dashboard-head p{margin-bottom:0}.dashboard-actions{display:flex;align-items:center;gap:10px}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.project-preview{display:block;height:265px;background:#e8e3d8;padding:30px}.preview-pattern{height:100%;position:relative;background:var(--p2);overflow:hidden;box-shadow:0 13px 30px rgba(40,35,30,.14)}.preview-pattern:after{background-size:46px 46px;opacity:.85}
.project-meta{padding:20px;display:flex;gap:15px;align-items:start}.project-meta>div{flex:1}.project-meta h2{font-size:17px;margin:0 0 6px}.project-meta p{font-size:12px;color:var(--quiet);margin:0}.icon-button{border:0;background:none;cursor:pointer}
.project-actions-menu{position:relative}.project-actions-menu>summary{list-style:none;width:36px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:15px;letter-spacing:2px}.project-actions-menu>summary::-webkit-details-marker{display:none}.project-actions-menu[open]>summary,.project-actions-menu>summary:hover{background:#ece9e2}.project-actions-popover{position:absolute;right:0;bottom:calc(100% + 9px);z-index:20;width:190px;padding:7px;border:1px solid var(--line);border-radius:14px;background:#fffdf9;box-shadow:0 16px 38px rgba(29,29,31,.18);display:grid}.project-actions-popover a,.project-actions-popover button{width:100%;min-height:38px;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:650 11px/1.25 inherit;text-align:left;cursor:pointer}.project-actions-popover a:hover,.project-actions-popover button:hover{background:#f1eee7}.project-actions-popover form{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.project-actions-popover form button{color:#a44333}.dashboard-trash{margin:28px 0 0;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.44)}.dashboard-trash>summary{list-style:none;min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--quiet);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.dashboard-trash>summary::-webkit-details-marker{display:none}.dashboard-trash>summary strong{min-width:25px;height:25px;border-radius:999px;background:#e8e4dc;color:var(--ink);display:grid;place-items:center;font-size:10px}.dashboard-trash-list{padding:0 14px 14px}.dashboard-trash-list article{padding:13px 14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.dashboard-trash-list strong,.dashboard-trash-list small{display:block}.dashboard-trash-list small{margin-top:4px;color:var(--quiet);font-size:9px}
.empty-state{min-height:460px;border:1px dashed var(--line-strong);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.empty-state h2{font-size:30px;margin:25px 0 6px}.empty-state p{color:var(--quiet);margin:0 0 25px}.empty-motif{width:100px;height:100px;background:conic-gradient(from 45deg,var(--ink) 0 25%,#e6dfd2 0 50%,var(--accent) 0 75%,#e6dfd2 0);border-radius:22px;transform:rotate(8deg);box-shadow:var(--shadow)}
.modal{border:0;padding:0;background:transparent;max-width:none;max-height:none}.modal::backdrop{background:rgba(15,15,15,.42);backdrop-filter:blur(8px)}.modal-card{width:min(560px,calc(100vw - 30px));background:#faf9f6;border-radius:26px;padding:36px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;position:relative}.modal-card h2{margin:0 0 8px;font-size:38px;letter-spacing:-.05em}.modal-close{position:absolute;right:20px;top:18px;border:0;background:#e9e7e1;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.field-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.creation-card{width:min(650px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto}.creation-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:14px;background:#e9e7e1}.creation-switch label{position:relative}.creation-switch input{position:absolute;opacity:0;pointer-events:none}.creation-switch span{min-height:40px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--quiet);cursor:pointer}.creation-switch input:checked+span{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(29,29,31,.08)}.field-row.two{grid-template-columns:1fr 1fr}.measurement-result{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#e6efe7;color:#365f3c;font-size:12px;font-weight:650}.color-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-pair label>div{display:grid;grid-template-columns:48px 1fr;gap:7px}.color-pair input[type=color]{padding:4px}
.creation-mode-help{margin:-8px 2px 2px;color:var(--quiet);font-size:11px;line-height:1.5}
.template-modal-card{width:min(980px,calc(100vw - 30px));max-height:min(780px,calc(100vh - 30px));overflow:auto}.template-modal-card>div:first-of-type{padding-right:50px}.template-modal-card .quiet{max-width:650px;line-height:1.5;margin-bottom:0}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.template-card{display:flex;flex-direction:column;gap:16px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:left}.template-card h3{font-size:18px;margin:0 0 7px;letter-spacing:-.025em}.template-card p{font-size:12px;line-height:1.45;color:var(--quiet);margin:0 0 8px}.template-card small{font-size:10px;color:var(--quiet)}.template-card .button{margin-top:auto}.template-preview{height:150px;border-radius:13px;background-color:#eeeae1;background-size:32px 32px;box-shadow:inset 0 0 0 1px rgba(29,29,31,.06)}.template-nordic-wave{background-image:linear-gradient(45deg,transparent 42%,#242426 43% 57%,transparent 58%),linear-gradient(-45deg,transparent 42%,#242426 43% 57%,transparent 58%)}.template-stepped-diamond{background-image:conic-gradient(from 45deg at 50% 50%,#24313a 0 25%,#eee9de 0 50%,#24313a 0 75%,#eee9de 0)}.template-quiet-steps{background-image:linear-gradient(135deg,#526d5a 0 25%,#ecede8 25% 50%,#526d5a 50% 75%,#ecede8 75%)} 
.editor-shell{height:100vh;display:grid;grid-template-columns:64px 1fr 330px;grid-template-rows:62px 1fr;background:#e9e8e4;overflow:hidden}.editor-topbar{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:0 14px;background:rgba(250,249,246,.95);border-bottom:1px solid var(--line);z-index:5}.back-link{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eceae5;font-size:26px}.project-title{border:0;background:transparent;width:min(300px,30vw);font-weight:650;box-shadow:none!important;padding:0;height:38px}.save-state{font-size:11px;color:#578060;margin-right:auto}.topbar-actions{display:flex;align-items:center}.segmented{height:34px;border:1px solid var(--line);background:#fff;padding:0 13px;font-size:11px;cursor:pointer}.segmented:first-child{border-radius:9px 0 0 9px}.segmented:nth-child(2){border-radius:0 9px 9px 0;margin-right:10px}.segmented.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.editor-help-link{height:34px;margin-right:10px;padding:0 11px 0 7px;border:1px solid var(--line);border-radius:999px;background:#fff;display:flex;align-items:center;gap:6px;color:var(--ink);font-size:10px;font-weight:750;transition:border-color .18s,background .18s,transform .18s}.editor-help-link span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#efe2db;color:#a44734;font-size:11px;font-weight:850}.editor-help-link:hover{border-color:var(--line-strong);background:#f7f4ee;transform:translateY(-1px)}
.editor-tools{grid-column:1;grid-row:2;background:#faf9f6;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px;overflow-y:auto}.tool{width:38px;height:38px;min-height:38px;border:0;border-radius:10px;background:transparent;cursor:pointer;display:grid;place-items:center;font-weight:700}.tool:hover,.tool.active{background:#e7e5df}.tool:disabled{opacity:.28;cursor:not-allowed}.tool-rule{height:1px;min-height:1px;width:28px;background:var(--line);margin:3px 0}.zoom-label{font-size:9px;font-weight:600;color:var(--quiet)}
.stitch-tool{position:relative}.stitch-tool span{font-size:21px;line-height:1}.stitch-tool small{position:absolute;right:5px;bottom:4px;font-size:7px;font-weight:800;line-height:1;color:currentColor}
.canvas-stage{grid-column:2;grid-row:2;overflow:hidden;position:relative;touch-action:none;background-color:#dfded9;background-image:radial-gradient(rgba(29,29,31,.1) .7px,transparent .7px);background-size:12px 12px}#pattern-canvas{position:absolute;inset:0;width:100%;height:100%;outline:none;cursor:crosshair}
.editor-inspector{grid-column:3;grid-row:2;background:#faf9f6;border-left:1px solid var(--line);overflow-y:auto}.editor-inspector section{padding:22px;border-bottom:1px solid var(--line)}.inspector-tabs{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;padding:8px;background:rgba(250,249,246,.92);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.inspector-tabs button{height:34px;border:0;border-radius:9px;background:transparent;color:var(--quiet);font-size:11px;font-weight:700;cursor:pointer}.inspector-tabs button.active{background:var(--ink);color:#fff}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:12px}.metric-row span{color:var(--quiet)}.chart-legend{display:grid;gap:7px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line);font-size:10px;color:var(--quiet)}.chart-legend span{display:flex;align-items:center;gap:8px}.chart-legend i{width:18px;height:18px;display:grid;place-items:center;font-style:normal;font-weight:750;color:#171819}.legend-cross{font-size:17px}.legend-diagonal{font-size:18px}.legend-colour-change{font-size:17px;color:#244b3c!important}.legend-border{border-radius:4px;background:#9ba8b4;color:#fff!important}.legend-protected{width:25px!important;border:1px dashed #6f7f88;border-radius:5px;background:#f7f5ef;font-size:7px;letter-spacing:-.02em}.inspector-heading{display:flex;justify-content:space-between;align-items:center}.tiny-button{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.palette-list{display:flex;flex-direction:column;gap:9px}.color-row{display:grid;grid-template-columns:30px 1fr 72px;gap:8px;align-items:center}.color-row input[type=color]{width:30px;height:30px;padding:2px;border-radius:50%}.color-row input{height:34px;font-size:11px;padding:0 8px}.status-dot{width:9px;height:9px;border-radius:50%;background:#e05c49}.status-dot.good{background:#5d9b68}.check-list{font-size:12px}.check-item{padding:10px 0;border-top:1px solid var(--line);color:#9a3b2b;cursor:pointer}.check-item.warning{color:#8b6b24}.instruction-preview{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.55;max-height:230px;overflow:auto}.instruction-preview p{margin:0 0 8px}.editor-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:999px;padding:11px 18px;font-size:12px;z-index:100}
.library-head h2{font-size:28px;letter-spacing:-.04em;margin:0 0 7px}.library-head>p:last-of-type{font-size:11px;line-height:1.5;color:var(--quiet);margin:0 0 15px}.library-head input{height:40px;font-size:12px}.motif-groups{padding-bottom:22px}.motif-group{padding:18px!important}.motif-group-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.motif-group-title h3{font-size:12px;margin:0}.motif-group-title span{font-size:9px;color:var(--quiet)}.motif-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.motif-card{position:relative;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden;transition:border .2s,transform .2s}.motif-card:hover,.motif-card.active{border-color:var(--blue);transform:translateY(-1px)}.motif-pick{width:100%;min-height:112px;padding:10px 7px 9px;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.motif-pick strong{max-width:100%;font-size:9px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motif-pick small{max-width:100%;font-size:8px;color:var(--quiet);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motif-mini{--motif-cols:5;display:grid;grid-template-columns:repeat(var(--motif-cols),minmax(2px,6px));gap:1px;align-content:center;justify-content:center;max-width:100%;min-height:52px}.motif-mini i{width:100%;aspect-ratio:1;background:#eceae5;border-radius:1px}.motif-mini i.on{background:#202124}.motif-mini-svg{display:block;width:auto;height:64px;min-height:0;overflow:visible}.motif-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px}.motif-actions button{width:20px;height:20px;border:0;border-radius:50%;background:rgba(250,249,246,.9);font-size:11px;cursor:pointer}.library-empty{padding:30px 22px}.motif-save-card{width:min(430px,calc(100vw - 30px))}.motif-save-preview{min-height:145px;border-radius:16px;background:#efede7;display:grid;place-items:center;overflow:auto}.motif-save-preview .motif-mini{grid-template-columns:repeat(var(--motif-cols),8px);min-height:auto}.motif-save-preview .motif-mini-svg{height:105px}.admin-migrate{margin:-20px 0 24px}
.narrow{max-width:760px}.settings-card{margin-top:35px;border:1px solid var(--line);border-radius:20px;background:#fff}.settings-card>div{padding:19px 22px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.settings-card>div:last-child{border:0}.settings-card span{color:var(--quiet)}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr;background:#f0f1ef}.admin-nav{padding:26px 22px;background:#1e211f;color:#fff}.admin-nav nav{display:flex;flex-direction:column;gap:6px;margin-top:55px}.admin-nav nav a{padding:11px 12px;border-radius:9px;color:#afb4b0;font-size:13px}.admin-nav nav a:hover,.admin-nav nav a.active{background:#323632;color:#fff}.admin-content{padding:55px;max-width:1400px}.admin-content>h1{font-size:52px;letter-spacing:-.055em;margin:0 0 40px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-metrics article{padding:22px;background:#fff;border-radius:16px;border:1px solid var(--line);display:flex;flex-direction:column}.admin-metrics span,.admin-metrics small{font-size:11px;color:var(--quiet)}.admin-metrics strong{font-size:36px;letter-spacing:-.05em;margin:10px 0}.admin-panel{margin-top:30px;background:#fff;border-radius:18px;border:1px solid var(--line);overflow:hidden}.panel-head{padding:22px}.panel-head h2{margin:0;font-size:24px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:14px 20px;border-top:1px solid var(--line)}th{color:var(--quiet);font-weight:500}td small,td strong{display:block}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#eee}.pill.licensed{background:#e3f1e5;color:#32703c}.pill.trial{background:#e5edf1;color:#3b677c}.audit-list>div{display:flex;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--line);font-size:12px}.audit-list small{color:var(--quiet)}
.region-copy-card{width:min(650px,calc(100vw - 30px))}.region-copy-card .quiet{margin:0;line-height:1.55}.region-diagram{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:190px;border:1px solid var(--line-strong);border-radius:18px;overflow:hidden;background:#f0eee8}.region-diagram span{display:grid;place-items:center;text-align:center;font-size:18px;font-weight:750;letter-spacing:.04em}.region-diagram span:nth-child(odd){border-right:1px dashed #6c8793}.region-diagram span:nth-child(-n+2){border-bottom:1px dashed #6c8793}.region-diagram small{font-size:9px;font-weight:550;color:var(--quiet);letter-spacing:0}.copy-mode{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.copy-mode legend{font-size:12px;font-weight:650;color:var(--ink-2);margin-bottom:8px}.copy-mode label{position:relative}.copy-mode input{position:absolute;opacity:0}.copy-mode span{min-height:42px;padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;place-items:center;text-align:center;font-size:10px;cursor:pointer}.copy-mode input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.mode-print{overflow:hidden}.print-studio{height:100vh;height:100dvh;display:grid;grid-template-columns:390px minmax(0,1fr);align-items:stretch;background:#d7d8d7;overflow:hidden}.print-settings{position:sticky;top:0;height:100vh;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:rgba(250,249,246,.98);border-right:1px solid rgba(29,29,31,.15);box-shadow:18px 0 50px rgba(29,29,31,.1);z-index:2}.print-settings-head{position:relative;z-index:4;height:82px;padding:0 22px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:rgba(250,249,246,.96);backdrop-filter:blur(18px)}.print-settings-head h1{font-size:23px;letter-spacing:-.04em;margin:1px 0 0}.print-settings-head .eyebrow{font-size:8px}.print-settings-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 24px 36px}.print-settings-scroll section{padding:25px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:13px}.print-settings-scroll label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:650;color:var(--ink-2)}.print-settings-scroll input,.print-settings-scroll textarea{font-size:12px;background:#fff}.print-settings-scroll textarea{resize:vertical;line-height:1.5}.studio-step{margin:0;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#d95b43}.studio-heading{display:flex;align-items:center;justify-content:space-between}.studio-heading .tiny-button{width:auto;padding:0 9px;border-radius:999px;font-size:9px}.studio-hint{margin:0;padding:10px 12px;border-radius:10px;background:#edf3ee;color:#4c7353;font-size:10px;line-height:1.45}.instruction-editor{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:10px!important}.material-row{display:grid;grid-template-columns:22px 1fr 88px;gap:7px;align-items:center;margin-bottom:8px}.material-row i{width:18px;height:18px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.material-row input{height:36px!important;padding:0 9px!important}.print-parts label{flex-direction:row;align-items:center;padding:11px 12px;border:1px solid var(--line);background:#fff;border-radius:11px;cursor:pointer}.print-parts input{width:16px;height:16px;accent-color:#1d1d1f}.print-settings-footer{position:relative;z-index:4;padding:18px 24px 22px;border-top:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}.trial-note,.print-error{font-size:10px;text-align:center;color:#a64c3d;margin:0 0 10px}.print-preview-wrap{height:100vh;height:100dvh;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;display:block}.print-preview-toolbar{position:sticky;top:0;z-index:3;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(242,242,240,.92);border-bottom:1px solid rgba(29,29,31,.12);backdrop-filter:blur(18px);font-size:10px;color:#676968}.print-preview-toolbar div{display:flex;align-items:center;gap:8px}.print-preview{padding:38px;display:flex;flex-direction:column;align-items:center;gap:30px}.preview-sheet{position:relative;width:min(760px,calc(100vw - 500px));aspect-ratio:210/297;background:#fff;box-shadow:0 18px 50px rgba(20,20,20,.22);padding:7.5% 8%;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#29292b;overflow:hidden}.preview-sheet h2{font-size:clamp(17px,2.1vw,34px);letter-spacing:-.045em;margin:0 0 4%}.preview-sheet h3{font-size:clamp(9px,1vw,14px);text-transform:uppercase;letter-spacing:.08em;margin:4% 0 2%;padding-bottom:1.2%;border-bottom:1px solid #ddd8cf}.preview-sheet p,.preview-sheet li{font-size:clamp(6px,.72vw,10px);line-height:1.48}.preview-sheet ul{padding-left:3%;margin:0}.preview-sheet footer{position:absolute;bottom:3%;left:8%;right:8%;padding-top:1.4%;border-top:1px solid #e4e0d8;font-size:clamp(5px,.6vw,8px);color:#858786}.preview-sheet.cover{padding:0;background:#f6f3ed}.preview-cover-band{height:25%;background:#1d1d1f;padding:8%}.preview-cover-band span{color:#f4a38e;font-size:clamp(7px,.8vw,11px);font-weight:800;letter-spacing:.15em}.preview-cover-copy{padding:13% 8%}.preview-cover-copy p,.preview-kicker{font-size:clamp(6px,.7vw,9px)!important;font-weight:800;letter-spacing:.14em;color:#d95b43}.preview-cover-copy h2{font-size:clamp(28px,4.3vw,60px);max-width:85%;margin:3% 0}.preview-cover-copy span{font-size:clamp(7px,.9vw,12px);color:#6d706f}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:2%;margin:4% 0}.preview-metrics span{padding:3%;background:#f3f1ec;border-radius:8px;display:flex;flex-direction:column}.preview-metrics small{font-size:clamp(5px,.55vw,7px);color:#777}.preview-metrics strong{font-size:clamp(10px,1.4vw,20px)}.preview-instructions{display:grid;gap:1.2%}.preview-instructions p{margin:0;padding:1.6% 2%;background:#f3f1ec;border-radius:5px}.preview-chart-frame{height:58%;display:grid;place-items:center;margin-top:4%;padding:2%;background:#f1efea;border-radius:8px}.preview-chart-frame img{max-width:100%;max-height:100%;image-rendering:auto}.preview-sheet>small{display:block;font-size:clamp(5px,.55vw,8px);color:#777;margin-top:2%}
.admin-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;border-radius:14px;background:#fff}.admin-brand img{width:100%;height:auto}.admin-brand span{font-size:9px;font-weight:850;letter-spacing:.18em;color:#57727d}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.admin-page-head h1{font-size:48px;letter-spacing:-.055em;margin:0 0 7px}.admin-page-head p{margin:0;color:var(--quiet);font-size:12px}.admin-search{display:flex;gap:8px}.admin-search input{width:280px;height:40px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.user-table td{vertical-align:middle}.user-cell{display:flex;align-items:center;gap:11px}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e4ece8;color:#2f6d62;font-weight:800}.user-table td>small,.user-cell small{display:block;color:var(--quiet);margin-top:4px}.admin-back{display:inline-block;margin-bottom:22px;font-size:11px;font-weight:700;color:#4f756d}.admin-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.admin-edit-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:20px}.admin-edit-card .panel-head{padding:0}.admin-edit-card h2{margin:2px 0 0;font-size:27px}.admin-edit-card>label,.admin-form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:var(--ink-2)}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-checks label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);border-radius:11px;font-size:11px;font-weight:650}.admin-checks input{width:16px;height:16px;accent-color:#1d1d1f}.admin-save-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:4px}.admin-save-row p{font-size:10px;color:var(--quiet);margin:0}.admin-user-summary{display:grid;gap:12px;align-content:start}.admin-user-summary article{padding:21px;background:#1f2422;color:#fff;border-radius:17px;display:flex;flex-direction:column}.admin-user-summary span,.admin-user-summary small{font-size:10px;color:#aeb7b3}.admin-user-summary strong{font-size:34px;letter-spacing:-.04em;margin:7px 0}.admin-user-summary .summary-date{font-size:16px;letter-spacing:-.01em}.admin-detail-lower{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-admin-list>div{display:flex;justify-content:space-between;gap:16px;padding:14px 22px;border-top:1px solid var(--line)}.project-admin-list strong,.project-admin-list small{display:block}.project-admin-list small,.project-admin-list em{font-size:10px;color:var(--quiet);font-style:normal;margin-top:4px}.studio-logo{width:142px;height:auto;object-fit:contain}.preview-page-logo{position:absolute;left:8%;top:4.3%;width:28%;height:auto;z-index:2}.preview-sheet:not(.cover){padding-top:15%}.preview-sheet.cover .preview-page-logo{top:5.5%;width:46%}.preview-cover-band{height:23%;background:#fff;border-bottom:1px solid #ddd8cf;padding:0}.preview-sheet{flex:0 0 auto}
.dashboard-hub{--hub-green:#314b3d;--hub-cream:#fbfaf7}.dashboard-summary{display:grid;grid-template-columns:.85fr .85fr 1.3fr;gap:14px;margin:-18px 0 68px}.dashboard-summary article{min-height:150px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--hub-cream);display:flex;flex-direction:column;justify-content:space-between}.dashboard-summary span{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.12em;color:var(--quiet)}.dashboard-summary strong{font-size:38px;line-height:1;letter-spacing:-.055em}.dashboard-summary small{color:var(--quiet)}.dashboard-summary .access-card{background:var(--hub-green);color:#fff;border-color:transparent}.dashboard-summary .access-card span,.dashboard-summary .access-card small{color:#d9e2dc}.dashboard-summary .access-card strong{font-size:26px;line-height:1.1}.dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 22px}.dashboard-section-head h2{font-size:34px;letter-spacing:-.045em;margin:0}.dashboard-section-head>a{font-size:12px;color:var(--quiet)}.dashboard-section-head.compact{align-items:center;margin:0 0 18px}.dashboard-section-head.compact h2{font-size:28px}.project-card-actions{display:flex;align-items:center;gap:7px}.project-card-actions>a{display:grid;place-items:center;height:32px;padding:0 11px;border:1px solid var(--line-strong);border-radius:999px;font-size:10px;font-weight:800}.dashboard-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:75px;scroll-margin-top:92px}.dashboard-panel{padding:28px;border:1px solid var(--line);border-radius:26px;background:#fff}.download-list{display:grid}.download-list>a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.download-list>a:first-child{border-top:0}.download-list strong,.download-list small{display:block}.download-list small{margin-top:4px;color:var(--quiet);font-size:10px}.download-list b{font-size:11px;color:#9b4634}.account-form{display:flex;flex-direction:column;gap:18px}.account-email{padding:15px 17px;border-radius:15px;background:#f3f1ec}.account-email span,.account-email strong{display:block}.account-email span{margin-bottom:5px;color:var(--quiet);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-form-grid label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:750;color:var(--ink-2)}.account-form-grid label:last-child{grid-column:1/-1}.account-form .button{align-self:flex-start}
.dashboard-inline-action{padding:0;border:0;background:transparent;color:#fff;font-size:10px;font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mode-admin{background:#f3f0ea}.admin-shell{grid-template-columns:250px 1fr;background:#f3f0ea}.admin-nav{position:sticky;top:0;height:100vh;padding:30px 24px;background:#fbfaf7;color:var(--ink);border-right:1px solid #ded9ce}.admin-brand{padding:2px 4px 20px;background:transparent;border-radius:0;border-bottom:1px solid #e4dfd5}.admin-brand img{width:178px;max-width:100%}.admin-brand span{padding-left:1px;color:#a34b37}.admin-nav nav{gap:7px;margin-top:38px}.admin-nav nav:before{content:"CONTROL ROOM";padding:0 12px 10px;color:#999589;font-size:9px;font-weight:850;letter-spacing:.16em}.admin-nav nav a{padding:13px 14px;color:#66675f;font-weight:650;border:1px solid transparent}.admin-nav nav a:hover{background:#f2eee6;color:var(--ink)}.admin-nav nav a.active{background:#f5e9e2;color:#8f3e2d;border-color:#ecd2c5;box-shadow:0 8px 22px rgba(104,68,49,.06)}.admin-content{width:100%;max-width:1500px;padding:52px 56px 100px}.admin-panel,.admin-edit-card,.admin-metrics article{background:#fffdf9;border-color:#ded9ce}.admin-user-summary article{background:#465b4f}.admin-environment{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #d8d3c9;border-radius:999px;background:#fffdf9;font-size:11px;font-weight:700;color:#696a63}.admin-environment i{width:8px;height:8px;border-radius:50%;background:#70a67d;box-shadow:0 0 0 4px #e5f0e7}.plan-overview{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:14px;margin-bottom:28px}.plan-overview article{min-height:160px;padding:25px;border:1px solid #ded9ce;border-radius:24px;background:#fffdf9;display:flex;flex-direction:column;justify-content:space-between}.plan-overview article.featured{background:#465b4f;color:#fff;border-color:#465b4f}.plan-overview span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#77786f}.plan-overview .featured span,.plan-overview .featured small{color:#dce5df}.plan-overview strong{font-size:38px;letter-spacing:-.055em}.plan-overview small{color:var(--quiet)}.admin-plan-form{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.admin-offer-card,.admin-plan-save{padding:30px;border:1px solid #ded9ce;border-radius:26px;background:#fffdf9}.admin-offer-card{display:flex;flex-direction:column;gap:28px}.offer-copy h2{font-size:34px;letter-spacing:-.045em;margin:0 0 9px}.offer-copy p:last-child{max-width:620px;margin:0;color:var(--quiet);font-size:12px;line-height:1.55}.admin-offer-card label,.admin-plan-save label,.plan-field-grid label{display:flex;flex-direction:column;gap:8px;color:#5f605a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.trial-card label{margin-top:auto}.trial-card input{font-size:45px;font-weight:720;letter-spacing:-.05em;height:82px}.trial-card label span{font-weight:500;text-transform:none;letter-spacing:0}.plan-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-plan-save{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}.admin-plan-save div{display:flex;align-items:center;justify-content:flex-end;gap:18px}.admin-plan-save p{max-width:330px;margin:0;color:var(--quiet);font-size:10px;line-height:1.5}
.plan-stripe-divider{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px;padding-top:22px;border-top:1px solid #ded9ce}.plan-stripe-divider>span{color:#a34b37;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.plan-stripe-divider small{color:var(--quiet);font-size:10px;font-weight:600;text-transform:none;letter-spacing:0}.plan-stripe-divider a{color:#465b4f;text-decoration:underline;text-underline-offset:3px}.plan-field-grid label small{color:var(--quiet);font-size:9px;font-weight:550;line-height:1.4;text-transform:none;letter-spacing:0}
.admin-integrations{max-width:1420px}.integration-card{margin-top:22px;padding:32px;border:1px solid #ded9ce;border-radius:28px;background:#fffdf9;display:flex;flex-direction:column;gap:26px}.integration-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.integration-heading h2{margin:0 0 8px;font-size:36px;letter-spacing:-.045em}.integration-heading p:last-child{max-width:690px;margin:0;color:var(--quiet);font-size:12px;line-height:1.55}.integration-toggle{display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #d8d3c9;border-radius:999px;background:#f7f4ed;font-size:11px;font-weight:750;white-space:nowrap}.integration-toggle input,.secret-clear-row input,.secret-clear-inline input{width:16px;height:16px;accent-color:#465b4f}.stripe-mode-switch{align-self:flex-start;display:flex;padding:4px;border-radius:14px;background:#eeeae1}.stripe-mode-switch label{position:relative}.stripe-mode-switch input{position:absolute;opacity:0}.stripe-mode-switch span{min-width:120px;height:40px;padding:0 18px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:750;cursor:pointer}.stripe-mode-switch input:checked+span{background:#465b4f;color:#fff;box-shadow:0 4px 14px rgba(38,58,47,.18)}.stripe-environments{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stripe-environment{padding:24px;border:1px solid #ded9ce;border-radius:22px;background:#fbfaf7;display:grid;grid-template-columns:1fr 1fr;gap:15px}.stripe-environment>div:first-child{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding-bottom:8px}.stripe-environment h3{margin:0;font-size:21px}.stripe-environment small{color:var(--quiet)}.environment-dot{width:10px;height:10px;border-radius:50%;background:#d7a343}.stripe-environment.live .environment-dot{background:#70a67d}.stripe-environment>label,.mail-field-grid label,.mail-test-row>label{display:flex;flex-direction:column;gap:7px;color:#60615b;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.secret-clear-row{grid-column:1/-1!important;display:flex!important;grid-template-columns:none!important;gap:20px!important;padding:4px 0 0!important}.secret-clear-row label,.secret-clear-inline{display:flex;align-items:center;gap:8px;color:var(--quiet);font-size:10px}.webhook-callout{padding:22px 24px;border-radius:20px;background:#465b4f;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.webhook-callout .eyebrow{color:#f0a48f}.webhook-callout code{overflow-wrap:anywhere}.webhook-callout p:last-child{margin:0;color:#d8e1db;font-size:11px;line-height:1.55}.integration-card>.button{align-self:flex-end}.mail-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mail-test-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:end}
.template-format{padding:9px 12px;border:1px solid #d8d3c9;border-radius:999px;background:#f7f4ed;color:#6d6d66;font-size:10px;font-weight:750}.template-placeholders{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px 12px;padding:18px 20px;border-radius:18px;background:#465b4f;color:#fff}.template-placeholders strong{grid-row:1/4;align-self:start;padding-right:18px;color:#f0a48f;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.template-placeholders code{padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.1);font-size:10px}.template-placeholders span{color:#d8e1db;font-size:10px}.email-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.email-template-editor{padding:24px;border:1px solid #ded9ce;border-radius:22px;background:#fbfaf7;display:flex;flex-direction:column;gap:16px}.email-template-editor>div{display:flex;align-items:center;gap:10px}.email-template-editor>div span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f1ded5;color:#98452f;font-size:9px;font-weight:850}.email-template-editor h3{margin:0;font-size:18px}.email-template-editor label,.template-actions label{display:flex;flex-direction:column;gap:7px;color:#60615b;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.email-template-editor textarea{min-height:255px;resize:vertical;font:500 12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.template-actions{display:grid;grid-template-columns:150px 170px minmax(220px,1fr) auto auto;gap:12px;align-items:end}
.error-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(800px,calc(100% - 48px));margin:auto}.error-shell h1{font-size:52px;letter-spacing:-.05em;max-width:700px}
@media (max-width:1150px){.admin-detail-grid{grid-template-columns:1fr}.admin-user-summary{grid-template-columns:repeat(3,1fr)}.admin-detail-lower{grid-template-columns:1fr}.admin-plan-form{grid-template-columns:1fr}.admin-plan-save{grid-column:auto}.dashboard-account-grid{grid-template-columns:1fr}.stripe-environments{grid-template-columns:1fr}.mail-field-grid{grid-template-columns:1fr 1fr}}
@media (max-width:1150px){.email-template-grid{grid-template-columns:1fr}.template-actions{grid-template-columns:1fr 1fr}.template-actions .button{width:100%}}
@media (max-width:980px){.hero{grid-template-columns:1fr;padding-top:70px}.hero h1{max-width:700px}.hero-art{max-width:650px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:480px}.project-grid{grid-template-columns:repeat(2,1fr)}.editor-shell{grid-template-columns:58px 1fr;}.editor-inspector{display:none}.editor-inspector.library-visible{display:block;position:fixed;z-index:30;right:12px;top:74px;bottom:12px;width:min(330px,calc(100vw - 82px));border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.admin-metrics{grid-template-columns:repeat(2,1fr)}.print-studio{grid-template-columns:340px 1fr}.preview-sheet{width:min(700px,calc(100vw - 410px))}}
@media (max-width:680px){.shell{width:min(100% - 30px,1180px)}.nav-inner nav{display:none}.nav-actions .button,.nav-actions>a:not(:last-child){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-block:70px 90px;gap:55px}.hero h1{font-size:60px}.lede{font-size:18px}.fabric-grid{height:310px}.feature-intro{padding-top:90px}.feature-card{min-height:450px}.pricing-grid,.project-grid,.template-grid{grid-template-columns:1fr}.dashboard-head{align-items:start;gap:25px}.dashboard-actions{align-items:stretch;flex-direction:column}.dashboard-head h1{font-size:44px}.dashboard-summary{grid-template-columns:1fr;margin-bottom:45px}.dashboard-summary article{min-height:125px}.dashboard-account-grid{margin-top:48px}.dashboard-panel{padding:22px}.account-form-grid{grid-template-columns:1fr}.account-form-grid label:last-child{grid-column:auto}.project-preview{height:230px}.field-row,.field-row.two,.color-pair{grid-template-columns:1fr}.creation-card{padding:30px 22px}.editor-topbar{padding:0 8px}.project-title{width:120px}.save-state{display:none}.segmented{display:none}.editor-help-link{width:34px;padding:0;justify-content:center;margin-right:7px}.editor-help-link b{display:none}.topbar-actions .button{font-size:0;padding:0 13px}.topbar-actions .button:after{content:"PDF";font-size:11px}.auth-card{padding:32px 24px}.admin-shell{display:block}.admin-nav{position:relative;display:block;width:auto;height:auto;padding:18px;border-right:0;border-bottom:1px solid #ded9ce}.admin-brand{max-width:200px;padding-bottom:12px}.admin-nav nav{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.admin-nav nav:before{display:none}.admin-content{padding:35px 18px}.admin-page-head,.integration-heading{align-items:flex-start;flex-direction:column}.admin-metrics,.plan-overview{grid-template-columns:1fr 1fr}.admin-plan-save{grid-template-columns:1fr}.admin-plan-save div{align-items:flex-start;flex-direction:column}.plan-field-grid,.stripe-environment,.mail-field-grid{grid-template-columns:1fr}.stripe-environment>div:first-child,.secret-clear-row{grid-column:auto!important}.webhook-callout{grid-template-columns:1fr}.mail-test-row{grid-template-columns:1fr}.integration-card{padding:22px}.site-footer{grid-template-columns:1fr}.site-footer div{justify-content:flex-start;flex-wrap:wrap}.site-footer small{grid-column:auto}.print-studio{height:auto;min-height:100vh;display:block;overflow:visible}.print-settings{display:block}.print-settings-scroll{overflow:visible}.print-settings-footer{position:sticky;bottom:0;z-index:5}.print-preview-wrap{display:none}.copy-mode{grid-template-columns:1fr}.region-copy-card{max-height:calc(100vh - 24px);overflow:auto}}
@media (max-width:680px){.plan-stripe-divider{grid-column:auto;align-items:flex-start;flex-direction:column}}
@media (max-width:680px){.template-placeholders{grid-template-columns:auto 1fr}.template-placeholders strong{grid-row:auto;grid-column:1/-1}.template-actions{grid-template-columns:1fr}.email-template-editor{padding:18px}}
@media (max-width:680px){.mode-print{overflow:auto}.print-settings{position:relative;height:auto;min-height:100vh;overflow:visible}.print-preview-wrap{height:auto}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Public content, legal pages, and consent controls share the landing-page design system. */
.content-page{min-height:70vh}.content-hero{padding-block:72px 76px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:70px;color:var(--quiet);font-size:11px}.breadcrumb a:hover{color:var(--ink)}.content-hero h1{max-width:980px;margin:0;font-size:clamp(55px,7.2vw,98px);line-height:.94;letter-spacing:-.07em}.content-hero>p:last-child{max-width:720px;margin:30px 0 0;color:var(--ink-2);font-size:19px;line-height:1.65}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:80px;padding-block:88px 130px;align-items:start}.content-article>section{display:grid;grid-template-columns:48px 1fr;gap:24px;padding:0 0 58px;margin-bottom:58px;border-bottom:1px solid var(--line)}.content-article>section>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eaded4;color:#9b4c37;font-size:9px;font-weight:850}.content-article h2,.contact-grid h2{margin:0 0 22px;font-size:clamp(32px,4vw,50px);line-height:1.02;letter-spacing:-.05em}.content-article p,.content-article li{color:var(--ink-2);font-size:15px;line-height:1.75}.content-article ul{padding-left:19px}.content-aside{position:sticky;top:98px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fffdf9}.content-aside dl,.contact-grid dl{margin:24px 0 30px}.content-aside dl>div,.contact-grid dl>div{padding:15px 0;border-bottom:1px solid var(--line)}.content-aside dt,.contact-grid dt{color:var(--quiet);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.content-aside dd,.contact-grid dd{margin:6px 0 0;font-size:13px;font-weight:650}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-block:80px 130px}.contact-grid>article,.contact-grid>aside{min-height:480px;padding:clamp(32px,5vw,62px);border-radius:30px}.contact-grid>article{background:#465b4f;color:#fff}.contact-grid>article .eyebrow{color:#f1a38b}.contact-grid>article p{max-width:540px;color:#dce5df;line-height:1.7}.contact-grid>article p a{text-decoration:underline}.contact-grid>article .button{margin-top:22px;background:#fff;color:var(--ink)}.contact-grid>aside{border:1px solid var(--line);background:#fffdf9}.contact-grid>aside>strong{font-size:27px;letter-spacing:-.03em}.contact-grid>aside>p{color:var(--quiet);line-height:1.7}.legal-layout{display:grid;grid-template-columns:230px minmax(0,780px);gap:90px;padding-block:74px 140px;justify-content:center;align-items:start}.legal-index{position:sticky;top:100px;display:grid;gap:5px}.legal-index p{margin:0 0 12px;color:var(--quiet);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.legal-index a{padding:10px 12px;border-radius:10px;color:#66675f;font-size:11px}.legal-index a:hover{background:#ebe7df;color:var(--ink)}.legal-copy>section{padding:0 0 46px;margin-bottom:46px;border-bottom:1px solid var(--line);scroll-margin-top:105px}.legal-copy h2{margin:0 0 18px;font-size:30px;line-height:1.15;letter-spacing:-.04em}.legal-copy p,.legal-copy li,.legal-copy address{color:#555650;font-size:14px;line-height:1.8}.legal-copy address{padding:20px 22px;border-radius:16px;background:#ebe7df;font-style:normal}.legal-copy a,.inline-link{text-decoration:underline;text-underline-offset:3px}.legal-copy ul{padding-left:20px}.legal-copy li+li{margin-top:11px}.cookie-table{margin:24px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.cookie-table>div{display:grid;grid-template-columns:120px 115px 1fr;gap:15px;padding:16px 18px;border-bottom:1px solid var(--line);align-items:start}.cookie-table>div:last-child{border:0}.cookie-table b{font-size:12px}.cookie-table span{color:#9b4c37;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.cookie-table p{margin:0;font-size:11px;line-height:1.55}.inline-link,.footer-link{appearance:none;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.footer-link{font-size:14px}.privacy-panel[hidden]{display:none}.privacy-panel{position:fixed;z-index:200;inset:0;padding:24px;background:rgba(19,20,19,.55);backdrop-filter:blur(10px);display:grid;place-items:end center}.privacy-card{position:relative;width:min(920px,100%);padding:34px;border-radius:28px;background:#fbfaf7;box-shadow:0 30px 100px rgba(0,0,0,.28)}.privacy-card h2{max-width:650px;margin:0;font-size:clamp(34px,5vw,52px);line-height:1;letter-spacing:-.055em}.privacy-card>p:not(.eyebrow){max-width:690px;margin:18px 0 24px;color:var(--quiet);font-size:13px;line-height:1.65}.privacy-close{position:absolute;right:20px;top:18px;width:36px;height:36px;border:0;border-radius:50%;background:#ebe7df;cursor:pointer;font-size:20px}.privacy-choice{min-height:62px;padding:12px 15px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.privacy-choice span{display:flex;flex-direction:column;gap:4px}.privacy-choice strong{font-size:13px}.privacy-choice small{color:var(--quiet);font-size:10px}.privacy-choice>b{color:#477050;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.privacy-choice input{width:22px;height:22px;accent-color:#465b4f}.privacy-card>a{display:inline-block;margin-top:17px;color:var(--quiet);font-size:11px}.privacy-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.privacy-actions .button{min-height:42px;padding-inline:18px;font-size:11px}
@media (max-width:900px){.content-layout,.legal-layout{grid-template-columns:1fr;gap:45px}.content-aside,.legal-index{position:static}.legal-index{grid-template-columns:1fr 1fr}.legal-index p{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}.cookie-table>div{grid-template-columns:110px 1fr}.cookie-table p{grid-column:1/-1}}
@media (max-width:680px){.content-hero{padding-block:42px 58px}.breadcrumb{margin-bottom:45px}.content-hero h1{font-size:51px}.content-layout,.contact-grid,.legal-layout{padding-block:55px 95px}.content-article>section{grid-template-columns:1fr;gap:15px}.content-aside{padding:23px}.contact-grid>article,.contact-grid>aside{min-height:auto;padding:32px 24px}.legal-index{grid-template-columns:1fr 1fr}.legal-copy h2{font-size:27px}.cookie-table>div{grid-template-columns:1fr}.cookie-table p{grid-column:auto}.privacy-panel{padding:10px;place-items:end center}.privacy-card{padding:28px 20px 20px;border-radius:24px}.privacy-actions{display:grid;grid-template-columns:1fr 1fr}.privacy-actions .button:last-child{grid-column:1/-1}.site-footer{min-height:330px}}

/* Pricing ladder */
.pricing-ladder-form{grid-template-columns:.8fr 1.2fr}.ladder-control-card{position:relative}.ladder-control-card .integration-toggle{align-self:flex-start}.ladder-control-card>label:not(.integration-toggle){display:flex;flex-direction:column;gap:8px;color:#5f605a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ladder-control-card>label input{height:82px;font-size:45px;font-weight:720;letter-spacing:-.05em}.ladder-safety{margin-top:auto;padding:16px 18px;border-radius:16px;background:#e8efe9;color:#3f5a4b;display:flex;flex-direction:column;gap:4px}.ladder-safety strong{font-size:13px}.ladder-safety span{font-size:10px;line-height:1.45}.pricing-tier-section{grid-column:1/-1;padding:32px;border:1px solid #ded9ce;border-radius:28px;background:#fffdf9;scroll-margin-top:24px}.pricing-tier-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.pricing-tier-head h2{margin:0 0 7px;font-size:36px;letter-spacing:-.045em}.pricing-tier-head p:last-child{margin:0;color:var(--quiet);font-size:12px}.pricing-tier-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pricing-tier-card{position:relative;padding:24px;border:1px solid #ded9ce;border-radius:22px;background:#fbfaf7;display:flex;flex-direction:column;gap:18px;transition:border-color .2s,box-shadow .2s}.pricing-tier-card.current{border-color:#90a99a;box-shadow:0 0 0 2px rgba(70,91,79,.11),0 18px 34px rgba(70,91,79,.07)}.pricing-tier-card.inactive{opacity:.62}.pricing-tier-card>header{display:flex;align-items:center;gap:11px}.pricing-tier-card>header>span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#ede8df;color:#8d6c5a;font-size:9px;font-weight:850}.pricing-tier-card>header>div{flex:1}.pricing-tier-card>header strong,.pricing-tier-card>header small{display:block}.pricing-tier-card>header strong{font-size:19px}.pricing-tier-card>header small{margin-top:3px;color:var(--quiet);font-size:9px}.pricing-tier-card>header em{padding:6px 8px;border-radius:999px;background:#dce9df;color:#3f674c;font-size:8px;font-weight:850;font-style:normal;letter-spacing:.1em}.tier-primary-grid{display:grid;grid-template-columns:1.2fr 1fr .75fr .8fr;gap:11px}.tier-primary-grid label,.tier-range-grid label,.tier-stripe-grid label,.tier-features{display:flex;flex-direction:column;gap:7px;color:#60615b;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.tier-primary-grid label:first-child,.tier-primary-grid label:nth-child(2){grid-column:span 2}.tier-primary-grid label small{font-weight:550;text-transform:none;letter-spacing:0}.tier-range-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:end;padding:15px;border-radius:16px;background:#f0ece4}.tier-range-grid>span{padding-bottom:13px;color:#a34b37;font-weight:850}.tier-stripe-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding-top:17px;border-top:1px solid #e2ddd4}.tier-stripe-grid>div{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px}.tier-stripe-grid>div>span{color:#a34b37;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.tier-stripe-grid small{color:var(--quiet);font-size:9px}.tier-stripe-grid a{text-decoration:underline}.tier-features textarea{resize:vertical;min-height:92px;font:500 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.pricing-tier-card>footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.pricing-tier-card>footer>div{display:flex;gap:14px}.pricing-tier-card>footer label{display:flex;align-items:center;gap:7px;color:#676860;font-size:9px;font-weight:750}.pricing-tier-card>footer input{width:15px;height:15px;accent-color:#465b4f}.tier-delete{border:0;background:transparent;color:#a24e3b;font-size:9px;font-weight:750;cursor:pointer}.tier-delete:disabled{color:#aaa69e;cursor:not-allowed}.public-price-ladder{margin:25px 0 22px;padding:18px;border:1px solid var(--line);border-radius:24px;background:#f1ede5;display:grid;grid-template-columns:180px 1fr;gap:16px}.public-price-ladder>div{padding:15px;display:flex;flex-direction:column}.public-price-ladder>div span,.public-price-ladder li span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--quiet)}.public-price-ladder>div strong{font-size:35px;margin:8px 0}.public-price-ladder>div small{color:var(--quiet);font-size:9px;line-height:1.45}.public-price-ladder ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.public-price-ladder li{padding:16px;border:1px solid #ded9ce;border-radius:16px;background:#fbfaf7;display:flex;flex-direction:column;gap:7px}.public-price-ladder li.current{background:#465b4f;border-color:#465b4f;color:#fff}.public-price-ladder li.current span,.public-price-ladder li.current small{color:#d8e1db}.public-price-ladder li strong{font-size:20px}.public-price-ladder li small{font-size:9px;color:var(--quiet)}.locked-price-note{margin:-12px 0 20px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.1);font-size:10px;color:#d8e1db}
@media (max-width:1150px){.pricing-ladder-form{grid-template-columns:1fr}.pricing-tier-section{grid-column:auto}.pricing-tier-flow{grid-template-columns:1fr}.public-price-ladder{grid-template-columns:1fr}.public-price-ladder>div{padding:4px 8px}}
@media (max-width:680px){.pricing-tier-section{padding:20px}.pricing-tier-head{align-items:flex-start;flex-direction:column}.tier-primary-grid,.tier-stripe-grid{grid-template-columns:1fr}.tier-primary-grid label:first-child,.tier-primary-grid label:nth-child(2),.tier-stripe-grid>div{grid-column:auto}.pricing-tier-card{padding:18px}.pricing-tier-card>footer{align-items:flex-start;flex-direction:column}.public-price-ladder ol{grid-template-columns:1fr 1fr}}

/* Account subscription */
.subscription-panel{grid-column:1/-1;padding:32px;background:linear-gradient(135deg,#fffdf9 0%,#f4f0e8 100%);overflow:hidden}.subscription-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.subscription-panel-head h2{margin:0 0 7px;font-size:35px;letter-spacing:-.05em}.subscription-panel-head .quiet{margin:0}.subscription-panel-head .pill{white-space:nowrap}.subscription-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:28px;border:1px solid #ded9ce;border-radius:19px;background:#ded9ce;overflow:hidden}.subscription-metrics>div{min-height:105px;padding:20px;background:rgba(255,253,249,.96);display:flex;flex-direction:column;justify-content:space-between}.subscription-metrics span{color:var(--quiet);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.subscription-metrics strong{font-size:17px;line-height:1.25;overflow-wrap:anywhere}.subscription-actions{display:flex;align-items:center;gap:20px;margin-top:24px}.subscription-actions form{margin:0}.subscription-actions p{max-width:570px;margin:0;color:var(--quiet);font-size:10px;line-height:1.55}.subscription-actions .button{white-space:nowrap}
@media (max-width:900px){.subscription-metrics{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.subscription-panel{padding:22px}.subscription-panel-head,.subscription-actions{align-items:flex-start;flex-direction:column}.subscription-panel-head h2{font-size:29px}.subscription-metrics{grid-template-columns:1fr}.subscription-metrics>div{min-height:84px}.subscription-actions,.subscription-actions form,.subscription-actions .button{width:100%}}

/* Help documentation screenshots and long-form navigation */
.help-sidebar nav{max-height:calc(100vh - 145px);overflow:auto;padding-right:5px}
.help-article-shot{margin:36px 0 4px}
.help-article-shot img{display:block;width:100%;border:1px solid #d8d2c8;border-radius:18px;background:#edeae3;box-shadow:0 18px 45px rgba(44,39,33,.12)}
.help-article-shot figcaption{margin-top:10px;color:var(--quiet);font-size:10px;text-align:right}

/* Multicolour row planning */
.color-row{grid-template-columns:30px minmax(0,1fr) 68px 24px;gap:7px}.colour-remove{width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:#9d5546;cursor:pointer}.colour-remove:hover{background:#f1dfd8}.colour-remove:disabled{opacity:.2;cursor:not-allowed}.colour-plan-heading{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.colour-plan-heading .eyebrow{margin:0 0 5px}.colour-plan-heading p:last-child{margin:0;max-width:190px;color:var(--quiet);font-size:9px;line-height:1.45}.colour-plan-add{flex:0 0 auto;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:8px;font-weight:800;cursor:pointer}.colour-plan-add:hover{border-color:var(--line-strong)}.colour-plan-add:disabled{opacity:.35;cursor:not-allowed}.colour-section-list{display:grid;gap:8px;margin-top:12px}.colour-section-card{position:relative;padding:12px;border:1px solid #ded9cf;border-radius:14px;background:#fff}.colour-section-range{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:var(--quiet);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.colour-section-range label{display:flex;align-items:center;gap:5px}.colour-section-range input{width:48px;height:27px;padding:0 5px;font-size:9px}.colour-section-delete{border:0;background:transparent;color:#a4503f;font-size:9px;font-weight:750;cursor:pointer}.colour-section-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}.colour-section-pair label{display:grid;gap:4px;color:var(--quiet);font-size:8px;font-weight:700}.colour-section-pair select{height:33px;padding:0 24px 0 8px;border-radius:9px;background-color:#f8f6f1;font-size:9px}.colour-sequence{display:flex;gap:4px;margin-top:9px}.colour-sequence i{height:5px;flex:1;border-radius:99px;background:var(--colour)}
.colour-brush-tool span{width:19px;height:19px;border-radius:50%;background:var(--active-yarn,#242426);border:3px solid #fff;box-shadow:0 0 0 1px rgba(25,25,25,.3)}.colour-brush-tool span.row-colour{background:linear-gradient(135deg,#242426 0 45%,#fff 46% 54%,#d96348 55%)}.tapestry-panel{margin-top:18px;padding:15px;border:1px solid #d8d2c7;border-radius:16px;background:linear-gradient(145deg,#f4eee4,#fff 62%);box-shadow:0 8px 22px rgba(63,51,35,.06)}.tapestry-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.tapestry-heading .eyebrow{margin:0 0 5px}.tapestry-heading p:last-child{margin:0;color:var(--quiet);font-size:9px;line-height:1.45}.tapestry-badge{flex:0 0 auto;padding:5px 7px;border-radius:999px;background:#244b3c;color:#fff;font-size:7px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.tapestry-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tapestry-swatch{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 8px 5px 5px;border:1px solid #ddd7cc;border-radius:999px;background:#fff;color:#4c4a46;font-size:8px;font-weight:750;cursor:pointer}.tapestry-swatch:hover{border-color:#9f9789}.tapestry-swatch.active{border-color:#244b3c;box-shadow:0 0 0 2px rgba(36,75,60,.12)}.tapestry-swatch i{width:17px;height:17px;border-radius:50%;background:var(--swatch);border:1px solid rgba(25,25,25,.2)}.tapestry-swatch:first-child i{background:linear-gradient(135deg,#242426 0 45%,#fff 46% 54%,#d96348 55%)}.tapestry-symbol-help{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(97,84,64,.13);color:#655f55;font-size:8px}.tapestry-symbol-help span{display:flex;align-items:center;gap:5px}.tapestry-symbol-help b{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#f5f1e9;color:#244b3c;font-size:13px}.tapestry-tip{margin:8px 0 0;color:#766e62;font-size:8px;line-height:1.4}

/* Help center */
.mode-help{background:#f2efe8}.brand em{padding:5px 8px;border-radius:999px;background:#e6ddd2;color:#765c4c;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.help-shell{min-height:calc(100vh - 68px);padding-block:80px 120px}.help-hero{position:relative;padding:72px clamp(28px,7vw,88px);border-radius:34px;background:#293d34;color:#fff;overflow:hidden}.help-hero:after{content:"";position:absolute;width:420px;aspect-ratio:1;right:-130px;top:-185px;border:62px solid rgba(239,164,137,.48);border-radius:50%;box-shadow:0 0 0 62px rgba(255,255,255,.04)}.help-hero>*{position:relative;z-index:1}.help-hero .eyebrow{color:#f1a88e}.help-hero h1{max-width:800px;margin:0;font-size:clamp(48px,7vw,84px);line-height:.96;letter-spacing:-.065em}.help-hero>p:not(.eyebrow){max-width:620px;margin:25px 0 34px;color:#dce4df;font-size:17px;line-height:1.6}.help-search{width:min(650px,100%);height:62px;padding:0 18px;border-radius:18px;background:#fff;display:flex;align-items:center;gap:12px;color:var(--ink)}.help-search>span{font-size:27px;transform:rotate(-15deg)}.help-search input{height:auto;padding:0;border:0;box-shadow:none!important;font-size:15px}.help-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-block:45px}.help-card{min-height:205px;padding:28px;border:1px solid #ded9ce;border-radius:25px;background:#fbfaf7;display:grid;grid-template-columns:42px 1fr auto;gap:18px;align-items:start;transition:transform .2s,box-shadow .2s,border-color .2s}.help-card:hover{transform:translateY(-3px);border-color:#bcb6aa;box-shadow:0 20px 45px rgba(53,48,40,.09)}.help-card>span{width:36px;height:36px;border-radius:50%;background:#eaded4;display:grid;place-items:center;color:#8e4b38;font-size:9px;font-weight:850}.help-card h2{margin:4px 0 12px;font-size:27px;letter-spacing:-.04em}.help-card p{max-width:410px;margin:0;color:var(--quiet);font-size:13px;line-height:1.6}.help-card>b{font-size:18px;font-weight:500}.help-card[hidden]{display:none}.help-empty{padding:60px;text-align:center;color:var(--quiet)}.help-contact{min-height:260px;padding:50px clamp(28px,6vw,72px);border-radius:30px;background:#d96348;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px}.help-contact .eyebrow{color:#47271f}.help-contact h2{max-width:670px;margin:0;font-size:clamp(34px,5vw,57px);line-height:1;letter-spacing:-.055em}.help-doc-layout{display:grid;grid-template-columns:245px minmax(0,760px);gap:80px;align-items:start;justify-content:center}.help-sidebar{position:sticky;top:100px}.help-back{display:block;margin-bottom:28px;color:var(--quiet);font-size:12px}.help-sidebar nav{display:grid;gap:5px}.help-sidebar nav a{padding:12px 13px;border-radius:12px;display:flex;align-items:center;gap:11px;color:#66675f;font-size:12px;font-weight:650}.help-sidebar nav a:hover{background:#e8e4dc}.help-sidebar nav a.active{background:#293d34;color:#fff}.help-sidebar nav span{font-size:8px;opacity:.65}.help-article{padding:58px clamp(28px,6vw,70px);border:1px solid #ded9ce;border-radius:30px;background:#fbfaf7}.help-article>header{padding-bottom:42px;border-bottom:1px solid var(--line)}.help-article>header h1{margin:0;font-size:clamp(45px,6vw,70px);line-height:.98;letter-spacing:-.06em}.help-article>header>p:last-child{max-width:610px;margin:23px 0 0;color:var(--quiet);font-size:16px;line-height:1.6}.help-article>section{padding:44px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;gap:18px}.help-article>section>span{width:34px;height:34px;border-radius:50%;background:#eaded4;display:grid;place-items:center;color:#8e4b38;font-size:9px;font-weight:850}.help-article h2{margin:2px 0 15px;font-size:28px;letter-spacing:-.04em}.help-article section p{margin:0;color:#555650;font-size:14px;line-height:1.75}.help-article ol{margin:22px 0 0;padding:0;list-style:none;counter-reset:steps;display:grid;gap:9px}.help-article li{counter-increment:steps;padding:13px 15px;border-radius:12px;background:#efebe3;font-size:12px;line-height:1.5}.help-article li:before{content:counter(steps);margin-right:12px;color:#a94c37;font-size:9px;font-weight:850}.help-article>footer{padding-top:40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.help-article>footer p{font-size:18px;font-weight:700}.mode-help .site-footer{margin-top:0}
@media (max-width:900px){.help-doc-layout{grid-template-columns:1fr;gap:30px}.help-sidebar{position:static}.help-sidebar nav{grid-template-columns:repeat(3,1fr)}.help-sidebar nav a{justify-content:center}.help-back{margin-bottom:18px}}
@media (max-width:680px){.help-shell{padding-block:30px 80px}.help-hero{padding:50px 24px}.help-hero h1{font-size:48px}.help-card-grid{grid-template-columns:1fr}.help-card{min-height:0;padding:22px;grid-template-columns:34px 1fr}.help-card>b{display:none}.help-contact{align-items:flex-start;flex-direction:column}.help-sidebar nav{grid-template-columns:1fr 1fr}.help-sidebar nav a{justify-content:flex-start}.help-article{padding:38px 22px}.help-article>section{grid-template-columns:1fr}.help-article>footer{align-items:flex-start;flex-direction:column}}

/* Contact form */
.contact-grid{grid-template-columns:1.15fr .85fr;align-items:start}.contact-grid>article,.contact-grid>aside{min-height:0}.contact-form{display:grid;gap:19px;margin-top:34px}.contact-form label{display:grid;gap:8px;color:#edf2ee;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:52px;padding:14px 16px;border:1px solid rgba(255,255,255,.2);border-radius:13px;outline:0;background:rgba(255,255,255,.08);color:#fff;font:500 14px/1.45 var(--font);transition:border-color .2s,background .2s,box-shadow .2s}.contact-form textarea{min-height:164px;resize:vertical}.contact-form select{appearance:auto;color-scheme:dark}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#f1a38b;background:rgba(255,255,255,.12);box-shadow:0 0 0 3px rgba(241,163,139,.15)}.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form .contact-privacy{margin:0;color:#cbd7d0;font-size:11px;line-height:1.6;text-transform:none;letter-spacing:0;font-weight:500}.contact-form .button{justify-self:start;margin-top:2px;background:#fff;color:var(--ink)}.contact-form .button span{margin-left:9px}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-alert{margin:24px 0 -8px;padding:14px 16px;border-radius:13px;font-size:12px;line-height:1.5}.contact-alert.success{background:#dceade;color:#28523a}.contact-alert.error{background:#f7d9d1;color:#7c2e21}.contact-safety{margin:28px 0 8px;padding:20px;border-radius:18px;background:#ebe7df;display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:start}.contact-safety>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d96348;color:#fff}.contact-safety p{margin:0;color:#63645e;font-size:12px;line-height:1.55}.contact-safety strong{display:block;margin-bottom:3px;color:var(--ink)}.contact-email-fallback{margin:25px 0 0!important;font-size:12px}.contact-email-fallback a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
@media (max-width:680px){.contact-field-row{grid-template-columns:1fr}.contact-grid>article,.contact-grid>aside{padding:32px 24px}}