/* Vinilo / collection of solutions. One visual system, nine business stories. */
.tone-barber{--edition:#b96d48;--paper:#f5e5c8;--edition-ink:#65341e}
.tone-estate{--edition:#98b5a2;--paper:#f2f1dc;--edition-ink:#244f3b}
.tone-auto{--edition:#8aa7bf;--paper:#e9f0f2;--edition-ink:#27475e}
.tone-workshop{--edition:#d3ad68;--paper:#f4ead1;--edition-ink:#5b4628}
.tone-gym{--edition:#aac880;--paper:#eff2db;--edition-ink:#3a5627}
.tone-trade{--edition:#e4c96f;--paper:#f9f2db;--edition-ink:#6c5226}
.tone-stay{--edition:#84aea6;--paper:#e8ede1;--edition-ink:#28574b}
.tone-pastry{--edition:#d69baa;--paper:#f7e9de;--edition-ink:#714153}
.tone-academy{--edition:#a5a1c9;--paper:#edebf5;--edition-ink:#4a4279}
.complete-solution h1 em,.solution-playground h2 span{color:var(--blue)}
.complete-solution .solution-hero{padding-bottom:0}.solution-breadcrumb{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.solution-breadcrumb>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.complete-solution .back-link{margin-bottom:38px}.complete-solution .solution-hero-grid{grid-template-columns:1fr 1fr;gap:48px}.complete-solution .solution-hero h1{font-size:clamp(56px,5.8vw,86px);letter-spacing:-.055em;margin:25px 0;line-height:1.01}.complete-solution .hero-description{font-size:15px;max-width:430px}.complete-solution .hero-actions{gap:14px 20px}.complete-solution .hero-actions .button{font-size:12px;gap:16px;max-width:100%}.complete-solution .solution-meta{flex-wrap:wrap;gap:8px 20px}.solution-tracklist{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding:19px 0;margin-top:45px;font-size:10px}.solution-tracklist>a{padding:7px 0}.solution-tracklist>a:hover{color:var(--blue)}.solution-tracklist>span{margin-left:auto;color:var(--muted);font-size:9px}.solution-art{height:620px;background:var(--edition);position:relative;isolation:isolate;overflow:hidden;border-radius:4px;color:var(--edition-ink)}.edition-top,.edition-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px;z-index:3;font-weight:600}.edition-top{top:22px}.edition-bottom{bottom:22px;font-size:7px}.edition-record{position:absolute;right:-90px;top:43px;width:410px;height:410px;border-radius:50%;background:repeating-radial-gradient(circle,#20292a 0 1px,#344344 2px 3px,#1c2729 4px 6px);transform:rotate(14deg);box-shadow:-10px 12px 25px #1c292e28;display:grid;place-items:center}.edition-record>span{width:142px;height:142px;background:var(--paper);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);font-size:20px;line-height:1.2}.edition-record b{font-size:64px;letter-spacing:-4px}.industry-sleeve{width:65%;height:380px;position:absolute;top:93px;left:24px;padding:26px;background:var(--paper);transform:rotate(-7deg);box-shadow:5px 12px 25px #29342b25;z-index:1}.sleeve-edition{display:block;font-size:8px;font-weight:600;letter-spacing:1.4px;border-bottom:1px solid currentColor;padding-bottom:15px}.industry-sleeve h2{font-size:43px;line-height:1.01;letter-spacing:-1.9px;margin-top:24px}.industry-symbol{position:absolute;width:140px;height:125px;bottom:35px;left:26px}.sleeve-caption{position:absolute;left:26px;bottom:20px;font-size:6px;letter-spacing:.7px}.operation-sleeve{position:absolute;right:22px;bottom:69px;width:67%;background:var(--cream);color:var(--ink);border-radius:5px;transform:rotate(5deg);box-shadow:0 15px 25px #20362933;z-index:2;padding:17px 19px 12px}.operation-top{display:flex;gap:10px;align-items:center;margin-bottom:10px}.operation-top b{font-size:10px}.operation-top .mini-brand{width:23px;height:23px;font-size:18px}.sleeve-row{display:flex;flex-direction:column;gap:2px;border-top:1px solid #d7dfd3;padding:10px 0}.sleeve-row>span{font-size:7px;letter-spacing:.8px;color:var(--edition-ink)}.sleeve-row>b{font-size:12px;font-weight:600;line-height:1.4}.operation-foot{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:1px;border-top:1px solid var(--line);padding-top:9px}.operation-foot>span{font-size:20px}.edition-stamp{position:absolute;right:14px;top:66px;width:125px;height:125px;border-radius:50%;border:1px solid var(--edition-ink);outline:1px solid var(--edition-ink);outline-offset:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--edition);transform:rotate(12deg);z-index:3;text-align:center;padding:14px}.edition-stamp>b{font-family:var(--display);font-size:24px;letter-spacing:-.5px;line-height:1}.edition-stamp>span{font-size:8px;line-height:1.4;margin-top:7px}.tone-estate .industry-symbol,.tone-stay .industry-symbol{width:160px;bottom:33px}.tone-auto .industry-symbol{width:180px;left:20px}.tone-pastry .edition-stamp>b{font-size:20px}.tone-gym .industry-sleeve{transform:rotate(-5deg)}
/* Working examples */
.solution-playground{padding:90px 0}.solution-playground .section-heading>p{font-size:14px;max-width:340px}.solution-demo{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 12px 26px #18261d05}.demo-controls{padding:42px;background:#fff}.demo-controls>.eyebrow,.demo-result>.eyebrow{font-size:9px;letter-spacing:1.3px}.demo-controls h3,.demo-result h3{font-size:36px;line-height:1.08;margin:22px 0}.demo-controls>label{display:block;font-size:12px;font-weight:600;margin:19px 0}.demo-controls input:not([type=checkbox]):not([type=radio]),.demo-controls select,.demo-controls textarea{width:100%;min-width:0;display:block;padding:12px 14px;border:1px solid #bdc8b7;background:#fcfdf9;border-radius:4px;font-size:15px;min-height:48px;color:var(--ink);margin-top:8px;line-height:1.5}.demo-controls textarea{resize:vertical}.demo-controls select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.demo-controls>.button{margin-top:12px;width:100%;font-size:12px}.demo-controls>.demo-note{font-size:11px;margin-top:16px}.demo-controls fieldset{padding:0;border:0;min-width:0;margin:24px 0}.demo-controls legend{font-size:12px;font-weight:600;margin-bottom:13px}.slot-field{display:flex;gap:10px}.slot-field label{position:relative;flex:1;cursor:pointer}.slot-field input{appearance:none;position:absolute;inset:0;margin:0;border:1px solid var(--line);border-radius:4px;background:none;cursor:pointer}.slot-field input:checked{background:var(--blue);border-color:var(--blue)}.slot-field input:checked+span{color:white}.slot-field span{position:relative;pointer-events:none;display:block;text-align:center;padding:12px 8px;font-size:13px;z-index:1}.demo-result{padding:42px;background:var(--paper);display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-width:0}.demo-result p{font-size:14px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.demo-result>.eyebrow{margin-bottom:26px}.demo-result>.demo-note{font-size:11px;margin-top:18px;color:#5c655d}.demo-disc{width:84px;height:84px;border-radius:50%;border:1px solid var(--edition-ink);outline:1px solid var(--edition-ink);outline-offset:5px;display:grid;place-items:center;font-size:42px;color:var(--edition-ink);margin:8px 0}.demo-result>.button{margin-top:24px;font-size:12px}.result-ticket{border-top:1px solid #a9b6a38a;border-bottom:1px solid #a9b6a38a;padding:22px 0;margin-top:22px;width:100%;line-height:1.8;white-space:pre-line;font-size:14px;overflow-wrap:anywhere}.result-ticket span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:14px 0 7px;color:#596552}.result-ticket span:first-child{margin-top:0}.result-ticket strong{font-size:14px;display:block}.result-state{display:inline-flex;max-width:100%;padding:7px 11px;border:1px solid #8d9b8199;border-radius:3px;font-size:10px;font-weight:600;margin-top:20px}.playground-foot{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:20px}.playground-foot p{font-size:11px;color:var(--muted)}.playground-foot .text-link{font-size:11px;white-space:nowrap}.property-picks{display:grid;gap:10px}.property-picks button{padding:18px 45px 18px 18px;border:1px solid var(--line);border-radius:4px;text-align:left;background:#f7f9f2;position:relative}.property-picks button[aria-pressed=true]{border-color:#416b4c;background:#e3eddb;box-shadow:inset 3px 0 0 #416b4c}.property-picks button>span{display:block;font-size:8px;letter-spacing:1px}.property-picks button>b{display:block;font-family:var(--display);font-size:24px;line-height:1.1;letter-spacing:-.7px;margin:8px 0}.property-picks button>small{font-size:11px;color:var(--muted)}.property-picks button>i{position:absolute;right:18px;top:44%;font-size:24px;font-style:normal}.demo-vehicle{height:175px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--paper);margin-top:20px;color:var(--edition-ink)}.demo-vehicle svg{width:190px;height:140px}.demo-vehicle>span{position:absolute;bottom:10px;left:14px;font-size:7px;letter-spacing:1px}.demo-controls p.demo-subline{font-size:12px;color:var(--muted);margin-top:-10px}.demo-fact{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.demo-fact>span{font-size:10px;color:var(--muted)}.demo-fact>b{font-size:13px}.stage-field{display:flex;gap:7px;flex-wrap:wrap}.stage-field button,.demo-filters button{padding:12px 14px;background:#eff2e8;border:1px solid var(--line);border-radius:4px;font-size:12px;min-height:44px}.stage-field button[aria-pressed=true],.demo-filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:white}.progress-dots{display:flex;gap:12px}.progress-dots i{width:33px;height:33px;border:1px solid var(--edition-ink);border-radius:50%}.progress-dots i.active{background:var(--edition-ink);box-shadow:inset 0 0 0 5px var(--paper)}.budget-lines{margin-top:25px}.budget-lines>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.budget-lines>div:last-child{border-color:var(--ink);font-size:14px}.demo-filters{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.member{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;background:#e4ecd9;display:grid;place-items:center;font-size:12px;flex-shrink:0}.member>span:nth-child(2){flex:1;min-width:0}.member b{display:block;font-size:15px}.member small{font-size:10px;display:block;color:var(--muted)}.member em{font-size:10px;white-space:nowrap;background:#e2edcd;padding:5px 8px;border-radius:3px}.member[data-payment=pending] em{background:#f5e5bc}.demo-empty{font-size:13px;color:var(--muted);padding:28px 0}.large-count{display:flex;align-items:center;gap:22px}.large-count>b{font-family:var(--display);font-size:108px;line-height:1;letter-spacing:-5px;color:var(--edition-ink)}.large-count>span{font-size:12px;line-height:1.6;color:var(--edition-ink)}.demo-result button:disabled{background:#496d36;transform:none}.form-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:20px}.form-pair label{font-size:12px;font-weight:600;min-width:0}.form-pair input{font-size:14px!important;padding:12px 7px!important;appearance:none}.attendance>label{display:flex;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid var(--line);cursor:pointer}.attendance input{width:21px;height:21px;accent-color:#4a4279}.attendance label>span{font-size:15px;flex:1}.attendance em{font-size:10px;color:var(--muted)}.attendance input:checked~em{color:#4a4279;font-weight:600}.scope-status{font-size:12px;margin-top:22px;color:var(--muted)}.scope-limits{margin-top:20px}.scope-limits summary{font-size:14px}.complete-solution .scope-grid h2{margin:22px 0}.complete-solution .check-list{margin-bottom:0}.complete-solution .pricing-card{min-width:0}.complete-solution .price-label{margin:28px 0 8px;color:var(--muted);font-size:12px}.complete-solution .price-number{font-size:clamp(45px,5.5vw,72px);letter-spacing:-3px;line-height:1.05}.complete-solution .price-number>span{font:10px var(--font);letter-spacing:0}.complete-solution .price-recurring{font-size:14px;margin-top:20px}.complete-solution .price-detail{font-size:12px;color:var(--muted);margin-top:18px}.complete-solution .delivery{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.complete-solution .delivery>span{font-size:11px}.complete-solution .delivery>strong{font-size:17px}.complete-solution .pricing-card>.button{margin-top:25px;width:100%;font-size:12px}.complete-solution .price-note{font-size:10px;margin-top:17px;color:var(--muted)}.complete-solution .faq summary{font-size:14px;gap:20px}.complete-solution .faq p{font-size:14px}.related-section{background:#e9ede6;padding:80px 0}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.related-solution{display:block;position:relative;padding:25px 0 50px;border-top:1px solid #a9b7a3}.related-solution>span{font-size:9px;color:var(--muted);letter-spacing:.4px;line-height:1.6;display:block}.related-solution h3{font-size:29px;margin-top:24px;max-width:240px}.related-solution>b{position:absolute;bottom:0;left:0;display:grid;place-items:center;border:1px solid #adbaa6;border-radius:50%;width:35px;height:35px;font-size:23px;font-weight:400}.related-solution:hover h3{color:var(--blue)}.related-solution:hover>b{background:var(--blue);color:white;border-color:var(--blue)}
@media(min-width:1500px){.complete-solution .solution-hero h1{font-size:88px}.solution-art{height:650px}.industry-sleeve{height:400px}.industry-sleeve h2{font-size:49px}.operation-sleeve{width:62%}.edition-record{width:460px;height:460px}}
@media(max-width:1100px) and (min-width:761px){.complete-solution .solution-hero-grid{gap:28px}.complete-solution .solution-hero h1{font-size:54px}.solution-art{height:570px}.industry-sleeve{left:16px;width:70%;padding:21px;height:350px}.industry-sleeve h2{font-size:34px}.edition-stamp{width:105px;height:105px;right:12px}.edition-stamp>b{font-size:21px}.operation-sleeve{right:14px;width:75%;bottom:59px}.solution-tracklist{gap:20px}.solution-tracklist>span{display:none}.demo-controls,.demo-result{padding:30px}.demo-controls h3,.demo-result h3{font-size:31px}.form-pair{grid-template-columns:1fr}.related-solution h3{font-size:26px}}
@media(max-width:760px){.complete-solution .solution-hero-grid{display:grid;grid-template-columns:1fr;gap:32px}.complete-solution .back-link{margin-bottom:30px}.solution-breadcrumb>span{font-size:8px}.complete-solution .solution-hero h1{font-size:clamp(45px,11.5vw,70px);letter-spacing:-.055em;line-height:1.02;margin:22px 0}.complete-solution .hero-description{font-size:14px;line-height:1.8;max-width:520px}.complete-solution .hero-actions{gap:10px 18px;margin-top:24px}.complete-solution .hero-actions .button{font-size:12px;padding:16px 18px;min-height:52px}.complete-solution .hero-actions .text-link{font-size:12px;min-height:44px}.complete-solution .solution-meta{font-size:10px;margin-top:19px;gap:7px 14px}.solution-art{height:510px}.edition-top{left:20px;right:20px;top:18px;font-size:7px}.edition-bottom{left:20px;right:20px;font-size:6px;bottom:18px}.edition-record{width:340px;height:340px;right:-90px;top:55px}.edition-record>span{width:120px;height:120px;font-size:18px}.edition-record b{font-size:55px}.industry-sleeve{top:83px;left:18px;width:66%;height:310px;padding:20px}.sleeve-edition{font-size:6px;letter-spacing:1px;padding-bottom:12px}.industry-sleeve h2{font-size:clamp(28px,7.4vw,41px);letter-spacing:-1px;margin-top:18px}.industry-symbol{width:100px;height:100px;left:20px;bottom:38px}.tone-estate .industry-symbol,.tone-stay .industry-symbol{width:125px;bottom:32px}.tone-auto .industry-symbol{width:140px;bottom:35px;left:15px}.sleeve-caption{font-size:4.8px;left:20px;bottom:20px;right:10px}.operation-sleeve{width:70%;bottom:55px;right:14px;padding:14px 15px 10px}.operation-top{gap:8px;margin-bottom:8px}.operation-top b{font-size:8px}.sleeve-row{padding:8px 0}.sleeve-row>span{font-size:6px}.sleeve-row>b{font-size:10px}.operation-foot{font-size:5px;letter-spacing:.8px;padding-top:5px}.edition-stamp{width:91px;height:91px;top:59px;right:14px;padding:9px;outline-offset:4px}.edition-stamp>b{font-size:19px}.edition-stamp>span{font-size:6px;margin-top:5px}.tone-pastry .edition-stamp>b{font-size:15px}.solution-tracklist{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:30px;padding:12px 0;font-size:11px}.solution-tracklist>a{min-height:44px;display:flex;align-items:center}.solution-tracklist>span{grid-column:1/-1;margin:8px 0 0;font-size:10px}.complete-solution .value-grid h3{font-size:30px;max-width:420px}.complete-solution .value-grid p{font-size:14px}.solution-playground{padding:52px 0}.solution-playground .section-heading{display:block;margin-bottom:28px}.solution-playground h2{font-size:36px}.solution-playground .section-heading>p{font-size:14px;margin-top:20px;max-width:100%}.solution-demo{grid-template-columns:1fr}.demo-controls,.demo-result{padding:28px 23px}.demo-controls h3,.demo-result h3{font-size:32px;margin:20px 0}.demo-result{min-height:350px}.demo-result>.eyebrow{font-size:8px;margin-bottom:24px}.demo-controls>.eyebrow{font-size:8px}.demo-controls>label,.demo-controls legend{font-size:12px}.demo-controls input:not([type=checkbox]):not([type=radio]),.demo-controls select,.demo-controls textarea{font-size:16px}.form-pair{grid-template-columns:1fr;gap:18px}.form-pair input{font-size:16px!important;padding:12px 14px!important}.demo-result p{font-size:14px}.demo-result>.button{font-size:12px}.demo-disc{width:70px;height:70px;font-size:36px}.result-ticket{font-size:13px;padding:18px 0}.result-ticket strong{font-size:13px}.playground-foot{display:block;margin-top:17px}.playground-foot p{font-size:10px}.playground-foot .text-link{min-height:44px;margin-top:7px}.stage-field button,.demo-filters button{font-size:11px;padding:12px}.budget-lines>div{font-size:12px;gap:12px}.budget-lines>div:last-child{font-size:12px}.property-picks button>b{font-size:24px}.demo-vehicle{height:145px}.large-count>b{font-size:92px}.member{gap:9px}.member em{font-size:9px;padding:4px 6px}.member small{font-size:10px}.complete-solution .scope-grid h2{font-size:36px}.complete-solution .check-list li{font-size:14px}.complete-solution .pricing-card{padding:28px 24px}.complete-solution .price-number{font-size:57px}.complete-solution .faq summary{font-size:14px;line-height:1.6}.complete-solution .faq-grid h2{font-size:36px}.complete-solution .price-note{font-size:11px}.complete-solution .scope-status{font-size:12px}.related-section{padding:50px 0}.related-section .section-heading{display:block}.related-section .section-heading>.text-link{margin-top:17px;min-height:44px}.related-section h2{font-size:36px}.related-grid{grid-template-columns:1fr;gap:26px}.related-solution{padding:20px 48px 20px 0;min-height:112px}.related-solution h3{font-size:30px;margin-top:13px;max-width:none}.related-solution>b{right:0;left:auto;bottom:25px;width:40px;height:40px}.related-solution>span{font-size:10px}}
@media(max-width:360px){.complete-solution .solution-hero h1{font-size:43px}.solution-art{height:470px}.industry-sleeve{width:69%;height:290px}.industry-sleeve h2{font-size:29px}.operation-sleeve{width:74%;bottom:48px}.edition-stamp{width:80px;height:80px;right:12px}.edition-stamp>b{font-size:16px}.industry-symbol{width:90px}.edition-bottom{font-size:5px;gap:10px}.demo-controls,.demo-result{padding:25px 18px}.stage-field{gap:5px}.stage-field button{font-size:10px;padding:10px}.complete-solution .price-number{font-size:49px}.budget-lines>div:last-child{font-size:11px}}

.tone-academy .edition-stamp>b{font-size:18px}@media(max-width:760px){.tone-academy .edition-stamp>b{font-size:14px}}

.complete-solution .pricing-card .price-label,.complete-solution .pricing-card .price-detail,.complete-solution .pricing-card .price-note{color:#c4d1cb}.complete-solution .pricing-card .price-detail{font-size:13px;line-height:1.8}.complete-solution .pricing-card .delivery{border-color:#475b55}