/* Concrete, contextual examples. Intentionally varied previews within one legible structure. */
.examples-page{--ex-navy:#143f55;--ex-blue:#bfe9f2;--ex-muted:#526e7a}
.examples-hero-band{background:var(--ex-navy);color:#fff}
.examples-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding-block:54px 58px;align-items:center}
.examples-hero .eyebrow{color:#a8dbe8;font-size:11px;letter-spacing:.12em;margin-bottom:20px}
.examples-hero h1{font-size:clamp(38px,4.5vw,62px);line-height:1.08;letter-spacing:-.04em;color:#fff;margin:0 0 22px}
.examples-hero h1 span{color:#87d7e8}.examples-hero>div>p:last-child{color:#d3e6ed;font-size:17px;line-height:1.75}
.hero-note{justify-self:end;border-left:1px solid #628491;padding:15px 0 15px 34px}
.hero-note>span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#a7dce9}.hero-note p{font-size:23px!important;color:white!important;line-height:1.4!important;margin:15px 0 20px}.hero-note a{color:#a7e1ed;font-size:13px;display:flex;gap:24px;align-items:center;text-decoration:none}.hero-note a span{font-size:23px}
.examples-library{padding-block:38px 60px;scroll-margin-top:20px}.library-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:start;margin-bottom:28px}.library-intro p{font-size:14px;line-height:1.7;margin:0}.library-intro strong{font-size:17px}.library-intro .honest-note{font-size:12px;color:#536b76;max-width:440px}
.case-filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #d6e5eb;padding-bottom:20px}.case-filters button{font:inherit;font-size:12px;background:white;border:1px solid #c7dbe4;border-radius:30px;color:#214e62;padding:10px 14px;cursor:pointer}.case-filters button span{font-size:10px;margin-left:5px;opacity:.8}.case-filters button.selected{background:#174e66;color:white;border-color:#174e66}.case-filters button:hover{background:#d9edf4;color:#143f55}.case-count{font-size:12px;color:#58717c;margin:18px 0 25px}.situations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 32px;align-items:start}
.scenario-card{border:1px solid #dce7eb;border-radius:10px;overflow:hidden;background:white;min-width:0;box-shadow:0 3px 15px #123e5405}.scenario-card[hidden]{display:none!important}.case-heading{padding:25px 27px 20px}.case-overline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:#527481;font-size:11px}.case-overline>span:first-child{font-weight:650;letter-spacing:.015em}.case-level{font-size:10px;border:1px solid #dde8ed;padding:3px 7px;border-radius:3px;white-space:nowrap}.case-heading h2{font-size:24px;line-height:1.26;letter-spacing:-.035em;margin:0;color:#173e52}.case-preview{margin:0 15px;min-height:280px;background:#edf4f6;border-radius:5px;overflow:hidden;display:grid;align-items:center;position:relative}.case-preview h3{font-size:22px;line-height:1.15;letter-spacing:-.03em;margin:10px 0 14px;color:inherit}.case-preview p{margin:8px 0;line-height:1.55}.case-preview b{font-weight:650}.case-bottom{padding:17px 27px 15px}.case-result{font-size:14px;font-weight:600;line-height:1.5;margin:0 0 6px}.case-disclosure{font-size:10px;color:#637c86;margin:0}.case-detail{border-top:1px solid #e3ecef}.case-detail summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;padding:15px 27px;font-size:12px;font-weight:600;align-items:center}.case-detail summary::-webkit-details-marker{display:none}.case-detail summary>span{font-size:22px;font-weight:400}.case-detail[open] summary{background:#edf7fa}.case-detail[open] summary>span{transform:rotate(45deg)}.case-expanded{padding:20px 27px 25px;font-size:13px;line-height:1.65}.case-expanded>p{margin-top:0}.case-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-steps h3{font-size:12px;margin:10px 0}.case-steps ul{padding-left:16px;margin:0}.case-steps li{margin-bottom:6px}.human-check{padding:14px 16px;background:#f0f7fa;border-radius:4px;margin:20px 0}.human-check strong{font-size:11px;text-transform:uppercase;letter-spacing:.07em}.human-check p{margin:6px 0 0}.case-expanded a{font-size:13px}.sample-label{font-size:9px;letter-spacing:.08em;font-weight:700;color:#577580;display:block}.sample-caption{display:block;font-size:10px!important;line-height:1.5!important;color:#58707b;margin-top:14px!important}.sample-sheet{background:#fff;padding:24px;margin:24px;box-shadow:0 8px 24px #2a516116;color:#234655}.sample-sheet>p{font-size:13px}.sample-table-wrap{overflow-x:auto}.sample-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.sample-table th{color:#60808d;font-size:9px;font-weight:600;background:#f5f8f9}.sample-table th,.sample-table td{padding:9px 7px;border-bottom:1px solid #e3ecef;vertical-align:top}.sample-table th:first-child,.sample-table td:first-child{padding-left:0}.sample-status{display:inline-block;font-size:9px;padding:5px 8px;background:#dceee9;color:#365e52;border-radius:3px;margin-top:12px}.sample-status.warning{background:#fff0d1;color:#745c2d}.scrap{padding:16px 20px;background:#fff5d8;box-shadow:0 5px 15px #3046500c;transform:rotate(-2deg);width:75%;margin:20px auto -5px;z-index:1;position:relative}.scrap>span{font-size:9px;color:#896e42}.scrap>p{font:italic 17px/1.6 Georgia,serif!important;color:#645333!important}.quote-sample .sample-sheet,.meeting-sample .sample-sheet{margin-top:0}.quote-sample,.meeting-sample{padding:0 10px 5px}
.chat-sample{padding:25px;background:#e0edf3}.chat-sample p{font-size:14px;max-width:88%;padding:15px 17px;border-radius:12px}.chat-in{background:white;box-shadow:0 2px 8px #1b425409}.chat-out{background:#bce6f0;margin:20px 0 0 auto!important;border-bottom-right-radius:1px!important}.chat-sample .sample-status{display:table;margin-left:auto}.meal-sample,.caterer-sample{padding:26px}.week-meals{display:flex;gap:8px;margin:15px 0}.week-meals p{font-size:10px;background:white;padding:10px;flex:1}.week-meals b{display:block;color:#4d788c;font-size:9px;margin-bottom:7px}.demo-field{display:flex;gap:15px;align-items:center;font-size:12px;margin:20px 0 10px}.demo-field input{width:80px;padding:8px;border:1px solid #9ebfcf;border-radius:4px;background:white;font:inherit;color:#163e53}.shopping-result{font-size:12px}.shopping-result strong{display:block;margin-top:7px}.food-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.food-totals p{padding:13px 7px;background:white;text-align:center}.food-totals strong{font-size:22px;display:block;letter-spacing:-.04em}.food-totals span{font-size:9px;display:block;margin-top:5px}.filing-sample{padding:25px}.loose-files{display:flex;gap:6px;flex-wrap:wrap}.loose-files>span{font-size:10px;background:#fff;padding:8px;box-shadow:0 4px 8px #122c4310;transform:rotate(-3deg)}.loose-files>span:nth-child(2){transform:rotate(4deg)}.sample-arrow{text-align:center;font-size:24px;color:#6592a3;margin:12px}.folder{background:#fff;padding:20px;border-top:7px solid #94cadd;border-radius:5px}.folder>b{font-size:12px}.folder>p{font-size:11px;padding:4px;border-bottom:1px solid #e8eff2}.form-preview p{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #e1ebef;font-size:10px}.form-preview p>span{color:#637d88}.form-preview b{text-align:right}.consult-sample{padding:27px;background:#daeef5}.priority-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #bddeea;font-size:12px}.priority-row>b{font-size:11px;color:#638b9d}.priority-row small{display:block;font-size:10px;color:#577584;margin-top:4px}.priority-row i{font-style:normal;white-space:nowrap;font-size:9px;background:#fff;padding:5px;border-radius:3px;margin-left:auto}
.cv-sample{display:grid;grid-template-columns:1fr 2fr;margin:23px;background:white;box-shadow:0 6px 15px #16374a10;min-height:250px}.cv-sidebar{background:#28566b;color:white;padding:23px 14px}.cv-sidebar strong{font-size:21px;line-height:1.15;display:block}.cv-sidebar span{display:block;font-size:8px;color:#bcdbe8;margin-top:8px}.cv-sidebar p{font-size:10px;line-height:1.9!important;margin-top:28px!important}.cv-body{padding:23px 18px}.cv-body h3{font-size:20px}.cv-body p,.cv-body>b{font-size:10px}.rough-note{padding:18px 25px 0}.rough-note span{font-size:9px;color:#8c6a49}.rough-note p{font-size:13px;color:#725c48;font-style:italic}.rewrite-sample{background:#f1eae1}.rewrite-sample .sample-sheet{margin-top:15px}.languages{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:23px;background:#dfeaf0}.languages>div{background:#fff;padding:21px 17px;border-top:5px solid #53788b}.languages>div:last-child{border-color:#6cbfce;background:#f4fcfc}.languages span{font-size:9px;font-weight:700;letter-spacing:.1em}.languages h3{font-size:22px;line-height:1.15}.languages p{font-size:11px}.languages b{font-size:10px}.annotated{font-size:11px!important;color:#86622f!important;border-left:3px solid #d8b365;padding-left:10px;margin-top:17px!important}.research-list{list-style:none;padding:0;margin:0;counter-reset:research}.research-list li{counter-increment:research;position:relative;padding:10px 0 10px 30px;border-bottom:1px solid #e1eaf0}.research-list li:before{content:counter(research);position:absolute;left:0;top:12px;font-size:10px;color:#7e9daa}.research-list b{display:block;font-size:12px}.research-list span{display:block;font-size:10px;color:#5c7b88;margin-top:4px}.market-sample{padding:28px;background:#dbeaf0}.market-sample h3{font-size:28px}.research-cards{display:flex;gap:9px;margin-top:18px}.research-cards>div{background:#fff;padding:11px;flex:1}.research-cards b{font-size:11px}.research-cards p{font-size:10px}.automation-sample{padding:23px 30px;background:#ebf2f6}.automation-sample>.sample-label{margin-bottom:16px}.flow-card{background:#fff;padding:12px 16px;border-radius:4px}.flow-card b{font-size:12px}.flow-card p{font-size:11px;margin:3px 0 0}.flow-line{color:#6294a7;text-align:center;height:20px;line-height:20px}.flow-card.blue{background:#c4e8f2}.flow-card.flagged{border-left:3px solid #d8b264}.app-sample{padding:22px;background:#d7e8ef}.app-toolbar{background:#1e4e65;padding:12px;color:white;display:flex;align-items:center;justify-content:space-between;gap:10px}.app-toolbar>b{font-size:11px}.app-toolbar>span{font-size:8px;color:#b4d9e5}.app-order{background:white;padding:20px}.app-order>span{font-size:9px;color:#658390}.app-order h3{font-size:22px}.app-order p{font-size:11px}.app-progress{margin:14px 0;font-size:11px;color:#507462}.app-order button{border:1px solid #bed4de;background:#eef5f8;color:#244e63;font-size:11px;padding:9px 12px;border-radius:4px;cursor:pointer}.browser-bar{background:#e1e8e7;padding:10px;display:flex;gap:4px;align-items:center}.browser-bar i{background:#9bacab;width:5px;height:5px;border-radius:50%}.browser-bar>span{font-size:8px;margin-left:10px;color:#46665e}.garden-site{padding:29px;background:#e9ece2;color:#335147}.garden-site>span:first-child{font-size:9px;letter-spacing:.13em}.garden-site h3{font:27px/1.13 Georgia,serif;color:#365447;margin:19px 0 12px}.garden-site p{font-size:10px}.mock-cta{display:inline-block;font-size:9px;padding:9px 12px;background:#476753;color:white;margin:9px 0 18px}.garden-services{border-top:1px solid #cbd3c5;padding-top:12px;display:flex;gap:20px;font-size:8px}
.bakery-poster{position:relative;min-height:340px;background:#ba6332;color:#fff1d3}.bakery-poster>img{position:absolute;width:100%;height:100%;object-fit:cover}.bakery-poster:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#281809cc,#24130855 60%,transparent)}.bakery-poster>div{position:relative;z-index:1;padding:27px}.bakery-poster span{font-size:9px;letter-spacing:.16em}.bakery-poster h3{font:37px/.98 Georgia,serif;margin:20px 0;color:#fff4d9}.bakery-poster p{font-size:12px}.bakery-poster strong{font-size:30px;display:block}.bakery-poster small{display:block;font-size:9px;margin-top:15px}.photo-demo{--reveal:50%;background:#edf3f4}.photo-stage{position:relative;aspect-ratio:4/3;overflow:hidden}.photo-stage>img{width:100%;height:100%;object-fit:cover;display:block}.photo-after{position:absolute;inset:0;clip-path:inset(0 0 0 calc(100% - var(--reveal)))}.photo-after>img{width:100%;height:100%;object-fit:cover;display:block}.photo-tag{position:absolute;top:14px;background:#173a4ee0;color:white;padding:5px 9px;font-size:10px;border-radius:2px}.photo-tag.before{left:14px}.photo-tag.after{right:14px}.photo-divider{position:absolute;top:0;bottom:0;left:calc(100% - var(--reveal));border-left:2px solid white;color:#fff;text-shadow:0 1px 3px black;display:grid;align-items:center;font-size:22px;transform:translateX(-1px)}.photo-control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px 0;font-size:10px}.photo-control input{width:45%;accent-color:#245e78;cursor:ew-resize}.photo-demo .sample-caption{padding:0 15px 12px;margin:7px 0 0!important;font-size:9px!important}.social-sample{padding:28px;background:#eee8e2}.social-calendar{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.social-calendar>div{background:#fffaf6;padding:14px 11px;min-height:165px}.social-calendar b{font-size:9px;color:#886e5c}.social-calendar h3{font:19px/1.15 Georgia,serif;color:#5f4736}.social-calendar p{font-size:10px;color:#776553}.social-sample .sample-label{color:#776553}.campaign-sample{display:grid;grid-template-columns:.85fr 1fr;background:#f0eade;min-height:300px}.campaign-sample>img{width:100%;height:100%;object-fit:cover}.campaign-sample>div{padding:23px 20px;color:#514839}.campaign-sample h3{font:27px/1.08 Georgia,serif;color:#574332}.campaign-sample p{font-size:10px;border-bottom:1px solid #d8d1c2;padding-bottom:8px}.campaign-sample b{margin-right:8px}.song-sample{padding:29px;background:#25435c;color:#e2f2f7}.song-sample .sample-label{color:#a3c8db}.song-sample h3{font:33px/1.06 Georgia,serif;color:white}.song-notes{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.song-notes span{font-size:9px;padding:5px 8px;background:#39586d;color:#d0e3ec;border-radius:3px}.lyric{border-left:1px solid #7998ac;padding-left:16px}.lyric>span{font-size:8px;color:#a0c0d1}.lyric p{font:italic 18px/1.4 Georgia,serif}.song-sample .sample-caption{color:#b4ccda}.podcast-sample{background:#1d2e41;padding:25px;color:#d6e5ed}.podcast-cover{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #4c6477;padding-bottom:17px}.podcast-cover>span{font-size:27px;font-weight:800;line-height:.95;letter-spacing:-.04em;color:#b5d4e7}.podcast-cover b{font-size:9px;font-weight:400}.edit-timeline{margin-top:20px}.edit-timeline .sample-label{color:#9ebdce;font-size:8px}.timeline-ruler{display:flex;justify-content:space-between;margin:14px 0 8px;font-size:8px;color:#a0b4c3}.track{font-size:9px!important;padding:7px 9px;border-radius:3px;margin:6px 0!important}.video-track{background:#496585}.voice-track{background:#376c76;width:93%}.sound-track{background:#806378;width:75%}.edit-timeline small{font-size:9px;color:#a6bacb}.tili-sample{background:#f5de8b;padding:27px;color:#665022}.tili-heading>span{font-size:9px;letter-spacing:.07em}.tili-heading h3{font-size:33px;color:#3e563d;margin:16px 0 12px}.tili-heading p{font-size:12px}.video-consent{padding:17px 0 7px}.video-consent button{background:#3b5a46;color:white;border:0;padding:13px 16px;border-radius:5px;font:inherit;font-size:12px;cursor:pointer}.video-consent button>span{font-size:10px;margin-right:10px}.video-consent p{font-size:9px;max-width:270px;color:#715e36}.video-consent iframe{border:0;width:100%;aspect-ratio:16/9}.tili-sample>a{font-size:10px;color:#4c6039}.examples-ending{padding:70px 0 30px;text-align:center}.examples-ending .eyebrow{font-size:10px;color:#537f91}.examples-ending h2{font-size:35px;line-height:1.15;letter-spacing:-.035em;margin:20px auto;max-width:750px}.examples-ending>p:not(.eyebrow){font-size:15px;line-height:1.7;color:#5e7782}.examples-ending .button{margin-top:12px}.case-filters button:focus-visible,.case-detail summary:focus-visible,.case-preview button:focus-visible,.case-preview input:focus-visible{outline:3px solid #267b9c;outline-offset:4px}
@media(min-width:1250px){.case-heading{min-height:149px}.case-preview{min-height:310px}.case-heading h2{font-size:26px}}
@media(max-width:800px){.examples-hero{grid-template-columns:1fr;gap:20px;padding-block:35px}.hero-note{display:none}.examples-hero h1{font-size:44px}.library-intro{gap:22px}.case-overline{align-items:flex-start;flex-direction:column;gap:7px}.case-heading{padding:21px 20px 18px}.case-heading h2{font-size:22px}.case-level{font-size:9px}.situations-grid{gap:20px}.case-preview{margin:0 10px;min-height:260px}.sample-sheet{margin:15px;padding:18px}.case-bottom,.case-detail summary{padding-inline:20px}.case-expanded{padding:18px 20px}.case-steps{grid-template-columns:1fr;gap:9px}.bakery-poster h3{font-size:32px}.research-cards{flex-direction:column}.research-cards p{margin:3px 0}.social-calendar{gap:5px}.social-calendar>div{padding:11px 7px}.social-calendar h3{font-size:16px}.food-totals strong{font-size:19px}.photo-control{flex-direction:column;align-items:stretch;gap:6px}.photo-control input{width:100%}}
@media(max-width:600px){.examples-page .breadcrumb{font-size:11px}.examples-hero h1{font-size:39px}.examples-hero>div>p:last-child{font-size:15px}.library-intro{grid-template-columns:1fr;gap:12px}.library-intro .honest-note{font-size:11px}.case-filters{gap:7px}.case-filters button{font-size:11px;padding:9px 11px}.situations-grid{grid-template-columns:1fr;gap:24px}.case-overline{flex-direction:row;align-items:center}.case-heading h2{font-size:24px}.case-heading{min-height:0}.case-preview{min-height:0}.case-preview>div{min-height:255px}.case-preview .photo-demo{min-height:0}.case-preview .sample-sheet{min-height:230px}.case-expanded{font-size:13px}.case-steps{grid-template-columns:1fr 1fr}.research-cards{flex-direction:row}.food-totals strong{font-size:23px}.photo-control{flex-direction:row;align-items:center}.photo-control input{width:45%}.social-calendar h3{font-size:20px}.examples-ending h2{font-size:28px}.examples-ending{padding-top:50px}.sample-sheet{margin:20px;padding:22px}.campaign-sample{min-height:290px}.bakery-poster{min-height:340px}.languages h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.examples-page *{scroll-behavior:auto!important;transition:none!important}}

/* Keep the examples close to the top of the page. */
.examples-hero{padding-block:34px 38px}.examples-hero h1{font-size:clamp(36px,4vw,54px)}.examples-hero .eyebrow{margin-bottom:14px}.examples-hero h1{margin-bottom:15px}.examples-library{padding-top:28px}

.scenario-card{scroll-margin-top:135px}

/* Identify the profession first, then make Noïde’s concrete contribution explicit. */
.examples-page .case-heading{padding:25px 27px 18px;min-height:0}
.examples-page .case-overline{margin-bottom:14px;font-size:10px}
.examples-page .case-overline>span:first-child{font-weight:500;color:#637c87}
.examples-page .case-heading h2.case-profession{font-size:29px;line-height:1.1;letter-spacing:-.035em;font-weight:750;color:#123e54;margin:0 0 20px}
.case-need>span{display:block;font-size:10px;font-weight:700;color:#5d7985;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.case-need>p{font-size:17px;line-height:1.5;color:#385562;margin:0;font-weight:400}
.case-noide-work{margin:0 15px 17px;padding:17px 19px 18px;background:#e5f4f8;border-left:3px solid #54b9cd;border-radius:0 5px 5px 0}
.case-noide-work h3{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:750;line-height:1.4;letter-spacing:0;margin:0 0 7px;color:#174c62}
.case-noide-work h3>img{display:block;width:23px;height:13px;object-fit:contain;flex-shrink:0}
.case-noide-work>p{font-size:14px;line-height:1.6;color:#254b5c;margin:0}
.case-delivery-label{display:block;color:#587b89;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}
.case-result{font-size:15px;font-weight:650;color:#173e52;margin-bottom:9px}
@media(max-width:800px){.examples-page .case-heading{padding:22px 20px 18px}.examples-page .case-heading h2.case-profession{font-size:26px}.case-noide-work{margin-inline:10px;padding:16px}.case-need>p{font-size:16px}}
@media(max-width:600px){.examples-page .case-overline{flex-wrap:wrap;gap:7px;align-items:center;flex-direction:row}.examples-page .case-heading h2.case-profession{font-size:28px;margin-bottom:18px}.case-noide-work>p{font-size:13px}.case-noide-work h3{font-size:13px}.case-noide-work{margin-bottom:15px}.case-result{font-size:14px}}

/* Photos de situation, prises de notes et démonstrations enrichies. */
.human-sample{background:#e0edf3}.situation-photo{display:block;width:100%;height:260px;object-fit:cover;object-position:center 12%}.human-sample .chat-sample{padding:18px 22px}.human-sample .chat-sample p{font-size:12px;padding:12px 14px}.human-sample .consult-sample{padding:22px}.human-sample .consult-sample h3{font-size:24px}
.handwritten-note{margin:0 16px 16px;padding-top:15px}.handwritten-note figcaption{font-size:10px;color:#587482;padding:0 0 8px}.handwritten-note img{display:block;width:100%;height:auto;object-fit:contain;border-radius:2px}.quote-sample,.meeting-sample{padding:0 5px 5px}.quote-sample .sample-sheet,.meeting-sample .sample-sheet{margin:0 16px 19px;padding:21px}.quote-sample .sample-sheet h3,.meeting-sample .sample-sheet h3{font-size:22px}.rough-note p{font-style:normal}
.sample-enlarge{display:block;font-size:12px;font-weight:650;text-align:center;color:#174f68;padding:12px 20px 17px;text-underline-offset:4px;background:#e8eef0}
.phone-sample{background:#f4f3ec}.phone-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.phone-caption{padding:18px 23px 0}.phone-caption p{font-size:12px;color:#52646a}.app-try{padding:14px 23px 19px}.app-try>span{font-size:10px;color:#617680}.app-try>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;font-size:12px}.app-try [data-order-status]{font-size:10px;background:#e1ebe4;border-radius:20px;color:#3e6752;padding:5px 9px;white-space:nowrap}.app-try button{border:1px solid #aecbd5;border-radius:5px;background:#fff;color:#174f68;padding:10px 14px;font:600 11px/1.3 Arial,sans-serif;cursor:pointer}.app-try .sample-caption{font-size:9px!important;margin:11px 0 0!important}
.tili-v2{padding:0;background:#f3e8bd}.tili-v2 .tili-heading{padding:21px 24px 17px}.tili-v2 .tili-heading h3{font-size:30px;line-height:1.06;margin:10px 0 0}.tili-v2 .video-consent{padding:0;aspect-ratio:16/9;background:#192f32;position:relative}.tili-v2 .video-poster{position:relative;display:block;width:100%;height:100%;padding:0;border-radius:0;background:#243f42;overflow:hidden}.video-poster>img{display:block;width:100%;height:100%;object-fit:cover}.tili-v2 .video-play{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#163f42ed;color:#fff;border:1px solid #ffffff80;padding:10px 14px 10px 10px;border-radius:30px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;white-space:nowrap;margin:0}.video-play i{display:grid;place-items:center;background:white;color:#254e4e;width:26px;height:26px;border-radius:50%;font-size:10px;font-style:normal;padding-left:2px}.video-poster:hover .video-play{background:#102f31}.tili-v2 .video-consent iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}.tili-info{padding:13px 24px 21px}.tili-info>p:first-child{font-size:12px}.tili-info .video-privacy{font-size:9px;line-height:1.55;color:#79683e;max-width:350px}.tili-info>a{font-size:11px;color:#3d634c;text-underline-offset:3px}
@media(max-width:600px){.situation-photo{height:auto;aspect-ratio:4/3}.handwritten-note{margin-inline:12px}.handwritten-note img{max-height:none}.quote-sample .sample-sheet,.meeting-sample .sample-sheet{margin-inline:12px;padding:18px}.quote-sample .sample-sheet h3,.meeting-sample .sample-sheet h3{font-size:20px}.human-sample .chat-sample{padding:15px}.app-try,.phone-caption{padding-inline:19px}.tili-v2 .tili-heading{padding-inline:20px}.tili-v2 .tili-heading h3{font-size:27px}.tili-info{padding-inline:20px}.app-try>div{font-size:11px;gap:8px}}

/* Contextual demonstrations: salon, document preparation and textile. */
.new-salon{background:#f2eee7;color:#292622;padding:22px}.new-salon-heading{text-align:center}.new-salon-heading>span,.new-textile-heading>span{font-size:10px;letter-spacing:.12em;font-weight:700}.new-salon-heading h3{font:38px/1.1 Georgia,serif!important;margin:8px 0}.new-salon-heading p{margin:0 0 18px;font-size:13px}.salon-comparison img,.new-textile>img{display:block;width:100%;height:auto}.salon-before,.salon-after{display:block;background:#fff;padding:7px 10px;font-size:11px;font-weight:600}.salon-after{background:#273d48;color:white}.new-salon .sample-caption,.new-textile .sample-caption{margin:13px 0 0;font-size:11px}.new-textile{background:#fff6e8;padding:20px}.new-textile-heading h3{font-size:25px!important;line-height:1.2;margin:9px 0 18px;color:#473d2d}.textile-steps{display:flex;justify-content:space-between;gap:8px;padding:13px 0;font-size:11px;font-weight:700;color:#615138}.new-admin{padding:28px;background:#e9f2f7;color:#193e55}.new-admin h3{font-size:29px!important;line-height:1.15;margin:12px 0 20px}.admin-incoming{display:flex;gap:8px;flex-wrap:wrap;font-size:11px}.admin-incoming span{padding:9px;background:#fff;border:1px solid #cbdce5;border-radius:5px;transform:rotate(-3deg)}.admin-incoming span:nth-child(2){transform:rotate(3deg)}.admin-folder{background:white;padding:20px;margin-top:22px;border-left:5px solid #287296;box-shadow:0 8px 24px #163b5010}.admin-folder>b{font-size:15px}.admin-folder p{margin:10px 0 0;font-size:13px}.admin-checklist{margin:18px 0}.admin-checklist p{font-size:12px;margin:8px 0}.admin-checklist strong{display:inline-block;color:#825c20;margin-right:7px}.new-admin .sample-caption{font-size:11px}@media(max-width:600px){.new-salon,.new-textile{padding:15px}.new-admin{padding:22px}.new-salon-heading h3{font-size:31px!important}.new-textile-heading h3{font-size:22px!important}.textile-steps{font-size:10px}}

/* Salon: six source clients to a catalogue on one virtual model. */
.examples-page .case-27{grid-column:1/-1}.examples-page .case-27 .case-preview{min-height:0}.salon-six-demo{padding:22px;background:#f2f5f6}.salon-six-pair{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}.salon-six-pair figure{margin:0;min-width:0}.salon-six-pair figcaption{min-height:125px}.salon-six-pair figcaption>span{font-size:10px;font-weight:700;letter-spacing:.1em;color:#4b6d7c}.salon-six-pair h3{font-size:24px!important;line-height:1.15;margin:9px 0}.salon-six-pair figcaption p{font-size:12px;line-height:1.5;margin:0 0 16px;color:#47606a;max-width:400px}.salon-six-pair img{display:block;width:100%;height:auto;border-radius:3px}.salon-six-caption{font-size:12px;line-height:1.5;margin:12px 0 0;color:#3e5c6b}.salon-six-caption a{display:inline-block;color:#1c607e}.salon-six-demo>.sample-caption{font-size:10px;line-height:1.5;margin:18px 0 0}.examples-page .case-27[hidden]{display:none}@media(min-width:801px){.examples-page .case-27{display:grid;grid-template-columns:1fr 1fr;align-items:start}.examples-page .case-27 .case-heading{min-height:0;padding:25px 28px 20px}.examples-page .case-27 .case-noide-work{align-self:center;margin:24px 28px 20px 0}.examples-page .case-27 .case-preview,.examples-page .case-27 .case-bottom,.examples-page .case-27 .case-detail{grid-column:1/-1}}@media(max-width:600px){.salon-six-pair{grid-template-columns:1fr;gap:26px}.salon-six-demo{padding:18px}.salon-six-pair figcaption{min-height:0}.salon-six-pair h3{font-size:23px!important}}