:root{--forest-900:#0b3824;--forest-700:#155938;--forest-500:#257a4f;--gold:#d4af37;--brass:#aa8022;--gold-light:#f5e6b3;--cream:#fdfbf7;--cream-100:#f4f0e6;--cream-300:#e6e0d3;--ink:#173d2b;--muted:#646d63;--line:#dddcd1;--radius:14px;--ease:200ms ease;--serif:'Lora',Georgia,serif;--sans:'Montserrat',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:400 14px/1.75 var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,svg{max-width:100%}img{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.2}h1{font-size:56px;letter-spacing:-1.9px}h2{font-size:36px;letter-spacing:-1px}h3{font-size:23px;letter-spacing:-.45px}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brass);outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}::selection{background:var(--gold-light);color:var(--forest-900)}.svg-library{width:0;height:0;position:absolute;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.container{width:min(1160px,calc(100% - 96px));margin-inline:auto}.section{padding-block:96px}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:1.7px;font-weight:600;color:var(--forest-700);margin-bottom:20px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:600;padding:14px 21px;line-height:1.5;transition:background var(--ease),border-color var(--ease),box-shadow var(--ease),transform var(--ease)}.button .icon{width:19px;height:19px;transition:transform var(--ease)}.button:hover .icon{transform:translateX(3px)}.button:active{transform:translateY(1px)}.button-primary{background:var(--forest-700);color:var(--cream)}.button-primary:hover{background:var(--forest-900);box-shadow:0 5px 14px #0b382418}.button-outline{border-color:var(--forest-700);background:transparent;color:var(--forest-700)}.button-outline:hover{background:var(--cream-100)}.button-small{min-height:43px;padding:10px 16px;font-size:11px}.text-link{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:5px 0;font-size:12px;font-weight:600;line-height:1.7;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:6px;transition:text-decoration-color var(--ease);text-align:left}.text-link:hover{text-decoration-color:currentColor}.text-link span:last-child,.text-link .icon{transition:transform var(--ease)}.text-link:hover span:last-child,.text-link:hover .icon{transform:translateX(3px)}.skip-link{position:fixed;z-index:100;top:-80px;left:20px;padding:12px 24px;background:var(--forest-900);color:#fff}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;background:#fdfbf7f5;z-index:20;border-bottom:1px solid #e6e0d380;backdrop-filter:blur(12px)}.header-inner{height:87px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{font-size:32px;font-weight:400;line-height:1;letter-spacing:-1.8px}.wordmark-dot{color:var(--gold)}#main-nav{display:flex;align-items:center;gap:32px}#main-nav>a:not(.button){font-size:11px;font-weight:500;padding-block:12px;position:relative}#main-nav>a:not(.button)::after{content:'';position:absolute;bottom:7px;left:0;right:0;height:1px;background:var(--forest-700);transform:scaleX(0);transform-origin:left;transition:transform var(--ease)}#main-nav>a:hover::after{transform:scaleX(1)}.menu-toggle{display:none}.hero{padding-block:70px 52px;display:grid;grid-template-columns:1.03fr 1fr;gap:70px;align-items:center}.hero .eyebrow{display:flex;gap:10px;align-items:center;letter-spacing:1.3px;font-size:10px;margin-bottom:24px}.tiny-star{font-size:24px;line-height:1;color:var(--brass)}.underlined{position:relative;z-index:0;white-space:nowrap}.underlined::after{content:'';position:absolute;left:-1%;right:-2%;bottom:0;height:10px;background:var(--gold-light);z-index:-1;border-radius:50% 20% 45% 20%;transform:rotate(-1deg)}.hero .lead{font-size:14px;line-height:1.9;max-width:420px;margin:27px 0 28px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.small-note{font-size:10px;margin-top:19px;display:flex;align-items:center;gap:7px}.small-note .icon{width:15px;height:15px;color:var(--forest-500)}.hero-art{position:relative;align-self:center;padding-top:3px}.classroom{position:relative;background:var(--forest-900);border-radius:150px 150px 12px 12px;padding:28px 46px 16px;isolation:isolate;min-height:450px}.classroom::before{content:'';position:absolute;inset:13px;border:1px solid #d4af3738;border-radius:140px 140px 6px 6px;z-index:-1}.classroom-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e6e0d3;font-size:7px;letter-spacing:1.1px;margin:19px 13px 17px}.mini-mark{font:italic 22px var(--serif);color:var(--gold)}.sun-mark{color:var(--gold);font-size:25px;line-height:1}.classroom-board{text-align:center;color:var(--cream);font:400 22px/1.35 var(--serif);position:relative;margin:0 0 23px}.classroom-board em{color:var(--gold-light);font-weight:400}.board-line{display:block;width:34px;height:2px;background:var(--gold);margin:15px auto 0;transform:rotate(-4deg)}.classroom-desks{display:block;width:100%;max-height:290px;margin:0 auto}.pupil{transition:opacity 230ms ease;opacity:0}.pupil-a{opacity:1}.classroom[data-stage='1'] .pupil-b,.classroom[data-stage='2'] .pupil{opacity:1}.art-sticker{position:absolute;right:-22px;top:255px;display:flex;gap:11px;align-items:center;background:var(--gold-light);color:var(--forest-900);border-radius:6px;padding:13px 15px;font-size:10px;line-height:1.6;transform:rotate(5deg);box-shadow:0 8px 20px #081f1920}.art-sticker .icon{width:29px;height:29px;stroke-width:1.3}.art-sticker strong{font-weight:600}.journey-switch{display:flex;align-items:center;justify-content:space-between;margin:16px 9px 0;gap:4px}.journey-switch button{border:1px solid transparent;background:none;border-radius:5px;padding:8px 10px;font-size:10px;font-weight:500;min-height:40px;white-space:nowrap;transition:background var(--ease),border-color var(--ease)}.journey-switch button span{color:var(--brass);margin-right:6px;font-size:9px}.journey-switch button:hover{background:var(--cream-100)}.journey-switch button[aria-selected='true']{background:var(--cream-100);border-color:var(--cream-300)}.journey-arrow{font-size:12px;color:#909889}.journey-caption{font-size:10px;text-align:center;margin:8px 0 0;min-height:18px}.experience-strip{padding-block:30px 36px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:32px}.experience-strip>p{font-size:10px;line-height:1.8;flex-shrink:0}.experience-strip>p strong{font-weight:500;color:var(--ink)}.client-mark{opacity:.8;transition:opacity var(--ease);line-height:1.2}.client-mark:hover{opacity:1}.client-mark small{display:block;font-family:var(--sans);font-weight:400;font-size:8px;letter-spacing:.5px;margin-top:4px}.it-mark{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600}.it-icon{font-size:35px;line-height:1;letter-spacing:-3px;font-weight:400;border:1.5px solid;padding:1px 8px 3px 3px;border-radius:5px}.amazon-mark{font:400 27px var(--serif);letter-spacing:3px;text-align:center}.amazon-mark small{letter-spacing:.2px}.prijimacky-mark{font-size:23px;font-weight:600;letter-spacing:-1px}.prijimacky-mark span{font-weight:400}.problem-section{background:var(--cream-100);border-top:1px solid #e6e0d370;border-bottom:1px solid #e6e0d370}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:45px}.section-intro>div{flex:1}.section-intro>p{max-width:350px;font-size:12px;line-height:1.9}.section-intro .eyebrow{margin-bottom:15px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:49px}.problem-grid article{padding-right:20px}.problem-grid article+article{border-left:1px solid #d9d8cc;padding-left:32px;padding-right:0}.outline-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #cecfba;border-radius:10px;margin-bottom:23px;background:#fdfbf733}.outline-icon .icon{width:23px;height:23px;stroke-width:1.4}.problem-grid h3{font-size:21px;margin-bottom:12px}.problem-grid p{font-size:12px;line-height:1.9}.problem-footnote{margin-top:38px;text-align:center;font-family:var(--serif);font-size:17px;font-style:italic;color:var(--forest-700)}.problem-footnote span{color:var(--brass);margin-right:10px}.process-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}.process-tabs button{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:11px;min-height:61px;padding:14px 16px;text-align:left;font-size:11px;border-radius:7px;transition:background var(--ease),border-color var(--ease)}.process-tabs button>span{color:var(--brass);font-size:10px}.process-tabs button .icon{width:17px;height:17px;margin-left:auto;opacity:0}.process-tabs button:hover{background:var(--cream-100)}.process-tabs button[aria-selected='true']{border-color:var(--cream-300);background:var(--cream-100);font-weight:600}.process-tabs button[aria-selected='true'] .icon{opacity:1}.process-panel{background:var(--forest-900);color:var(--cream);border-radius:12px;padding:48px 54px;display:grid;grid-template-columns:1.15fr 1fr;gap:90px;min-height:336px}.process-label{display:block;color:var(--gold);font-size:9px;letter-spacing:1.4px;margin-bottom:17px}.process-main h3{font-size:29px;margin-bottom:20px}.process-main p{font-size:12px;line-height:1.95;color:#d1d9cd;max-width:430px}.process-output{position:relative;border-left:1px solid #ffffff26;padding-left:42px;align-self:center}.process-output h4{font-size:12px;font-weight:500;margin:0 0 19px;color:var(--gold-light)}.output-icon{position:absolute;right:0;top:-4px;color:var(--gold)}.output-icon .icon{width:26px;height:26px}.check-list{list-style:none;padding:0;margin:0}.check-list li{position:relative;padding-left:24px;font-size:11px;line-height:1.8;margin-bottom:11px}.check-list li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-size:13px}.process-output>p{color:#bacabd;font-size:9px;margin-top:27px}.service-line{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:24px;font-size:9px}.service-line>span:first-child{color:var(--muted)}.service-line>span:not(:first-child)::before{content:'·';color:var(--brass);margin-right:11px}.work-section{background:var(--cream-100);padding-block:64px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-card{display:block;text-align:left;background:transparent;padding:0;border:0;border-radius:12px}.project-image{height:295px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:transform var(--ease),box-shadow var(--ease)}.amazon-image{background:#e4e7dc}.amazon-image img{height:265px;width:auto;max-width:80%;object-fit:contain;transform:rotate(-6deg) translateY(34px);transition:transform var(--ease)}.prijimacky-image{background:#e8e2ee}.prijimacky-image img{width:86%;height:auto;max-height:245px;object-fit:contain;transform:translateY(18px);transition:transform var(--ease)}.project-chip{position:absolute;top:20px;left:20px;font-size:8px;font-weight:600;letter-spacing:1px;border-radius:4px;padding:5px 8px;background:#fdfbf7df}.round-arrow{position:absolute;right:20px;bottom:20px;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:var(--cream);transition:background var(--ease),transform var(--ease)}.round-arrow .icon{width:17px;height:17px;transform:rotate(-40deg)}.project-card:hover .round-arrow{background:var(--gold-light);transform:translate(2px,-2px)}.project-card:hover .amazon-image img{transform:rotate(-4deg) translateY(29px)}.project-card:hover .prijimacky-image img{transform:translateY(14px) scale(1.02)}.project-card:hover .project-image{box-shadow:0 10px 24px #0b38240c}.project-info{display:flex;flex-direction:column;padding:23px 0 0;gap:7px;font-size:11px;color:var(--muted)}.project-title{font:500 25px var(--serif);color:var(--ink)}.project-more{display:flex;align-items:center;gap:12px;margin-top:6px;color:var(--forest-700);font-weight:600;font-size:10px}.testimonial{margin:55px 0 0;border-top:1px solid #d9d8cc;display:flex;gap:31px;padding:39px 62px 0 16px}.quote-mark{font:400 90px/1 var(--serif);color:var(--brass);height:60px;flex-shrink:0}.testimonial blockquote{font:400 23px/1.6 var(--serif);margin:0 0 25px;max-width:840px}.testimonial figcaption{display:flex;align-items:center;gap:12px;font-size:11px}.avatar-initials{width:40px;height:40px;background:var(--cream-300);border-radius:50%;display:grid;place-items:center;font-size:11px}.testimonial figcaption strong{display:block;font-weight:600}.testimonial figcaption span span{color:var(--muted);font-size:10px}.testimonial .text-link{margin-top:17px;font-size:10px}.team-section{display:grid;grid-template-columns:.85fr 1.35fr;gap:90px;align-items:center}.team-intro h2{margin-bottom:25px}.team-intro>p:not(.eyebrow){font-size:12px;line-height:1.95;margin-bottom:16px}.team-intro>.text-link{margin-top:12px}.team-people{display:grid;grid-template-columns:1fr 1fr;gap:25px}.person-visual{height:244px;border-radius:120px 120px 8px 8px;position:relative;overflow:hidden;margin-bottom:24px;isolation:isolate}.dominik-visual{background:#dce4d7;display:flex;align-items:flex-end;justify-content:center}.dominik-visual img{object-fit:contain;object-position:bottom;width:100%;height:93%;position:relative;z-index:1}.person-visual::after{content:'';position:absolute;inset:12px;border:1px solid #15593826;border-radius:110px 110px 4px 4px;z-index:-1}.person-spark{position:absolute;top:36px;right:23px;font-size:37px;color:var(--brass);z-index:2}.person h3{font-size:23px;margin-bottom:7px}.person-role{font-size:8px;letter-spacing:1px;color:var(--forest-700);font-weight:600}.person>p{font-size:11px;margin-top:14px;line-height:1.85}.honza-visual{background:var(--gold-light);display:flex;flex-direction:column;align-items:center;justify-content:center}.honza-letter{font:italic 95px/1 var(--serif);letter-spacing:-8px;color:var(--forest-700)}.honza-note{font:italic 13px/1.5 var(--serif);text-align:center;margin-top:17px;color:var(--forest-700)}.honza-visual .person-spark{top:28px;right:30px;font-size:30px}.guide-section{border:1px solid var(--cream-300);background:var(--cream-100);border-radius:12px;display:grid;grid-template-columns:.72fr 1.28fr;gap:32px;align-items:center;padding:46px 68px}.guide-art{display:flex;justify-content:center;padding:12px}.guide-book{background:var(--forest-700);color:var(--cream);width:208px;min-height:265px;position:relative;padding:23px 24px;transform:rotate(-7deg);border-radius:2px 7px 7px 2px;box-shadow:5px 5px 0 #e5dfd3,7px 7px 0 #babda9,14px 17px 28px #0b382418;border-left:8px solid #0b382455}.guide-book>span:first-child{font-size:12px;font-weight:400;letter-spacing:-.5px}.guide-book>div{font:400 23px/1.25 var(--serif);margin-top:26px}.guide-number{display:block;font:italic 67px/1 var(--serif);color:var(--gold);margin-top:13px}.guide-book small{font-size:6px;letter-spacing:.8px}.guide-copy h2{font-size:29px;line-height:1.3;margin-bottom:18px}.guide-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;max-width:480px;margin-bottom:24px}.guide-copy .eyebrow{font-size:9px}.guide-note{display:block;font-size:9px;color:var(--muted);margin-top:12px}.faq-section{display:grid;grid-template-columns:.85fr 1.35fr;gap:90px}.faq-section h2{margin-bottom:22px}.faq-section>div>p:not(.eyebrow){font-size:12px;line-height:1.9}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;list-style:none;cursor:pointer;gap:20px;align-items:center;justify-content:space-between;padding:21px 0;font-size:12px;font-weight:500;min-height:64px}summary::-webkit-details-marker{display:none}summary span{font-size:24px;line-height:1;font-weight:400;color:var(--brass);transition:transform var(--ease)}details[open] summary span{transform:rotate(45deg)}details>p{font-size:11px;line-height:1.9;padding:0 28px 23px 0}summary:hover{color:var(--forest-500)}.contact-section{padding-block:82px;background:var(--forest-900);color:var(--cream)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.contact-copy .eyebrow{color:var(--gold);font-size:9px}.contact-copy h2{font-size:35px;line-height:1.3;margin-bottom:24px}.contact-copy>p:not(.eyebrow){color:#c7d4c8;font-size:12px;line-height:1.95;max-width:410px;margin-bottom:28px}.contact-copy .check-list li{font-size:11px;margin-bottom:10px}.contact-signature{display:flex;gap:12px;align-items:center;margin-top:35px}.contact-signature>span{font-size:9px;line-height:1.8;color:#bdcdbe}.contact-signature strong{display:block;color:var(--cream);font-weight:500;font-size:11px}.form-card{background:var(--cream);color:var(--ink);border-radius:12px;padding:32px}.form-card h3{font-size:23px;line-height:1.3}.form-intro{font-size:10px;margin:7px 0 23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;margin-bottom:14px}.field label{font-size:10px;font-weight:500;margin-bottom:6px}.field label>span:not(.optional){color:var(--brass)}.field .optional{font-weight:400;color:var(--muted);font-size:8px;margin-left:6px}input,textarea{width:100%;min-height:43px;border:1px solid #d6d9cd;background:#fffefa;border-radius:5px;padding:10px 11px;font-size:11px;color:var(--ink);transition:border-color var(--ease),box-shadow var(--ease)}input::placeholder,textarea::placeholder{color:#848b80;font-size:10px}textarea{resize:vertical;min-height:90px;max-height:300px}input:hover,textarea:hover{border-color:#93aa93}input:focus,textarea:focus{border-color:var(--forest-500)}input[aria-invalid='true']{border-color:#a24532}.field-error{font-size:9px;line-height:1.5;color:#a24532;margin-top:3px}.field-error:empty{display:none}.demo-note{display:flex;gap:6px;align-items:center;font-size:8px;margin:3px 0 13px;line-height:1.8}.demo-dot{width:5px;height:5px;background:var(--brass);border-radius:50%;flex-shrink:0}.form-submit{width:100%;font-size:10px;min-height:45px;gap:8px}.required-note{font-size:8px;margin-top:10px}.form-success{padding-block:45px;text-align:center}.form-success .eyebrow{font-size:9px;margin-top:25px}.form-success h3{font-size:28px}.form-success>p:not(.eyebrow){font-size:12px;margin:22px 0 27px;line-height:1.9}.success-icon{display:grid;place-items:center;border-radius:50%;background:var(--gold-light);width:64px;height:64px;margin-inline:auto}.success-icon .icon{width:30px;height:30px}.site-footer{padding-top:40px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:35px}.footer-main p{font-size:10px}.footer-main p span{font:400 18px var(--serif);color:var(--ink)}.footer-main .text-link{font-size:10px}.footer-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;gap:25px;color:var(--muted);font-size:8px;align-items:center}.footer-bottom>span:first-child{margin-right:auto}.footer-link{border:0;background:none;padding:7px 0;font-size:8px;color:var(--muted)}.footer-link:hover{text-decoration:underline;text-underline-offset:4px}.modal{border:1px solid var(--cream-300);background:var(--cream);color:var(--ink);border-radius:16px;padding:44px;width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;box-shadow:0 24px 90px #031f2440}.modal::backdrop{background:#061d19a8;backdrop-filter:blur(5px)}.modal[open]{animation:dialog-in 320ms cubic-bezier(.2,.8,.2,1) both}.dialog-close{position:absolute;right:14px;top:14px;border:0;background:var(--cream-100);width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.dialog-close:hover{background:var(--cream-300)}.dialog-close .icon{width:19px;height:19px}.modal h2{font-size:30px;margin-bottom:20px;max-width:550px}.modal p{font-size:12px;line-height:1.9;margin-bottom:17px}.modal .eyebrow{font-size:9px;margin-bottom:17px;padding-right:15px}.modal blockquote{font:400 17px/1.8 var(--serif);margin:20px 0}.modal .quote-credit{font-size:10px;color:var(--forest-700);font-weight:500;margin-top:18px}.modal-image{height:280px;width:100%;object-fit:contain;background:var(--cream-100);border-radius:8px;margin-bottom:25px}.modal .project-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.modal-source{font-size:9px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:25px}.modal-source a{text-decoration:underline;text-underline-offset:3px}.compact-modal{max-width:570px}.guide-progress{display:flex;gap:15px;align-items:center;margin:24px 0 12px}.guide-progress progress{flex:1;height:6px;border:0;border-radius:6px;overflow:hidden;accent-color:var(--forest-500)}progress::-webkit-progress-bar{background:var(--cream-300)}progress::-webkit-progress-value{background:var(--forest-500);transition:width var(--ease)}.guide-progress span{font-size:10px;white-space:nowrap}.checklist>label{display:flex;align-items:flex-start;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);cursor:pointer}.checklist input{appearance:auto;accent-color:var(--forest-700);width:19px;height:19px;min-height:19px;margin:2px 0 0;flex-shrink:0}.checklist strong{font-size:11px;font-weight:600;display:block;line-height:1.6}.checklist small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.7}.dialog-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:26px}.download-note{font-size:9px!important;margin-top:15px;margin-bottom:0!important}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){.container{width:min(1220px,calc(100% - 112px))}.hero{gap:110px;padding-block:84px 62px}.hero .lead{font-size:15px}.hero h1{font-size:58px}.classroom{min-height:466px}.classroom-desks{max-height:300px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:42px}h1{font-size:48px}.hero-actions{gap:15px}.hero .button{font-size:10px;padding-inline:16px}.hero .text-link{font-size:10px}.classroom{padding-inline:30px;min-height:418px}.art-sticker{right:-12px;top:245px;padding:10px;font-size:9px}.classroom-board{font-size:21px}.classroom-desks{max-height:264px}.section{padding-block:78px}.section-intro{gap:45px}.section-intro>p{max-width:310px}.process-panel{gap:45px;padding:38px}.process-tabs button{font-size:10px;gap:8px;padding:12px 10px}.process-output{padding-left:27px}.team-section,.faq-section{gap:50px}.team-people{gap:20px}.person-visual{height:220px}.guide-section{padding:38px 40px}.guide-copy h2{font-size:27px}.contact-grid{gap:44px}.form-card{padding:27px}.contact-copy h2{font-size:31px}}
@media(max-width:850px){.header-inner{height:76px}.wordmark{font-size:29px}#main-nav{gap:21px}#main-nav>a:not(.button){font-size:10px}.button-small{font-size:10px;padding-inline:12px}.hero{gap:28px;padding-block:48px 38px}h1{font-size:42px}.hero .lead{font-size:12px;margin-block:23px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-actions{display:block}.hero-actions>.text-link{margin-top:12px;margin-left:0;display:flex;max-width:max-content}.small-note{font-size:8px}.classroom{padding:23px 25px 10px;min-height:364px;border-radius:110px 110px 10px 10px}.classroom::before{border-radius:102px 102px 4px 4px;inset:10px}.classroom-top{font-size:5px;letter-spacing:.7px;margin:10px 7px 12px}.mini-mark{font-size:17px}.sun-mark{font-size:20px}.classroom-board{font-size:20px;margin-bottom:18px}.classroom-desks{max-height:220px}.board-line{margin-top:11px}.art-sticker{top:225px;font-size:8px;right:-11px;gap:6px}.art-sticker .icon{width:22px;height:22px}.journey-switch{margin-inline:0}.journey-switch button{font-size:8px;padding:5px 7px}.journey-switch button span{font-size:8px;margin-right:3px}.journey-caption{font-size:8px}.experience-strip{gap:25px;flex-wrap:wrap}.experience-strip>p{font-size:9px}.it-mark{font-size:11px}.it-icon{font-size:27px}.amazon-mark{font-size:21px}.client-mark small{font-size:6px}.prijimacky-mark{font-size:19px}h2{font-size:31px}.section-intro>p{font-size:11px;max-width:250px}.problem-grid{gap:24px}.problem-grid article{padding:0}.problem-grid article+article{padding-left:24px}.problem-grid h3{font-size:19px}.problem-grid p{font-size:11px}.process-tabs button{font-size:9px;flex-wrap:wrap}.process-tabs button .icon{display:none}.process-panel{gap:30px;padding:34px;min-height:370px}.process-main h3{font-size:25px}.process-output{padding-left:22px}.process-output .check-list li{font-size:10px}.process-output>p{font-size:8px}.service-line{font-size:8px;gap:14px;justify-content:flex-start}.project-image{height:250px}.amazon-image img{height:230px}.project-title{font-size:22px}.testimonial{padding:33px 0 0;gap:20px}.testimonial blockquote{font-size:21px}.team-section{grid-template-columns:1fr;gap:35px}.team-intro h2 br:last-child{display:none}.team-intro>p:not(.eyebrow){max-width:620px}.team-people{max-width:580px;gap:30px}.person-visual{height:270px}.guide-section{gap:30px;padding:32px}.guide-copy h2{font-size:23px}.guide-book{width:180px;min-height:250px;padding:21px 18px}.guide-book>div{font-size:20px}.guide-copy .eyebrow{font-size:8px}.guide-copy>p:not(.eyebrow){font-size:11px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:32px}.contact-grid{gap:30px}.contact-copy h2{font-size:27px}.contact-copy h2 br{display:none}.contact-copy>p:not(.eyebrow){font-size:11px}.form-row{grid-template-columns:1fr;gap:0}.form-card{padding:24px}.form-card h3{font-size:21px}.form-submit{font-size:9px;padding-inline:10px}.footer-main p span{font-size:15px}}
@media(max-width:680px){html{scroll-padding-top:86px}.container{width:calc(100% - 40px)}.section{padding-block:62px}.header-inner{height:70px}.wordmark{font-size:29px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--cream-300);border-radius:6px;min-height:42px;padding:9px 12px;font-size:10px}.menu-lines{width:17px;height:11px;position:relative;border-top:1.5px solid;border-bottom:1.5px solid;transition:transform var(--ease)}.menu-lines::after{content:'';position:absolute;top:4px;left:0;right:0;height:1px;background:currentColor}.menu-toggle[aria-expanded='true'] .menu-lines{transform:rotate(90deg)}#main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--cream);padding:17px 20px 24px;box-shadow:0 16px 22px #0b382410;border-bottom:1px solid var(--line);gap:4px}#main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}#main-nav>a:not(.button){font-size:13px;padding:12px 3px}#main-nav>.button{margin-top:12px;font-size:12px}#main-nav>a:not(.button)::after{display:none}.hero{grid-template-columns:1fr;gap:34px;padding-block:38px 30px}.hero .eyebrow{font-size:8px;margin-bottom:21px;letter-spacing:1.3px}.hero h1{font-size:44px;letter-spacing:-1.4px;line-height:1.15}.hero h1 br:first-child{display:none}.hero .lead{font-size:13px;line-height:1.85;max-width:470px;margin:24px 0}.hero-actions{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.hero .button{font-size:10px;padding:13px 17px;min-height:48px}.hero-actions>.text-link{font-size:10px;margin-top:0}.small-note{font-size:8px;margin-top:15px}.hero-art{width:min(430px,100%);margin-inline:auto;padding-top:7px}.classroom{padding:22px 34px 15px;border-radius:130px 130px 10px 10px;min-height:365px}.classroom::before{border-radius:120px 120px 4px 4px;inset:11px}.classroom-top{margin:13px 7px 13px;font-size:6px;letter-spacing:.8px}.classroom-board{font-size:23px;margin-bottom:17px}.classroom-desks{max-height:245px}.art-sticker{right:-7px;top:222px;font-size:8px;padding:10px;gap:9px}.journey-switch{justify-content:center;gap:8px;margin-top:13px}.journey-switch button{font-size:10px;padding:7px 10px;min-height:40px}.journey-switch button span{font-size:9px;margin-right:5px}.journey-caption{font-size:9px;margin-top:5px}.experience-strip{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;justify-items:center;padding-block:27px 30px}.experience-strip>p{font-size:9px;justify-self:start}.it-mark{font-size:11px}.amazon-mark{font-size:21px;justify-self:start}.prijimacky-mark{font-size:19px}.section-intro{display:block;margin-bottom:30px}.section-intro .eyebrow,.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:14px}h2{font-size:29px;letter-spacing:-.7px;line-height:1.25}.section-intro>p{max-width:100%;margin-top:22px;font-size:12px;line-height:1.9}.problem-grid{grid-template-columns:1fr;gap:0;margin-top:22px}.problem-grid article,.problem-grid article+article{padding:24px 0 24px 62px;position:relative;border-left:0;border-bottom:1px solid #d9d8cc}.problem-grid article:last-child{border-bottom:0}.outline-icon{position:absolute;left:0;top:22px;width:40px;height:40px}.problem-grid h3{font-size:21px;margin-bottom:10px}.problem-grid p{font-size:11px;line-height:1.9}.problem-footnote{margin-top:15px;font-size:16px}.process-tabs{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.process-tabs button{font-size:10px;min-height:51px;padding:11px;gap:8px;border-color:var(--cream-300)}.process-tabs button[aria-selected='true']{background:var(--gold-light);border-color:#e0ca7c}.process-tabs button>span{font-size:9px}.process-panel{padding:29px 25px;grid-template-columns:1fr;gap:28px;min-height:520px}.process-main h3{font-size:27px}.process-main p{font-size:11px;line-height:1.9}.process-output{border-left:0;padding:25px 0 0;border-top:1px solid #ffffff26}.process-output h4{font-size:12px;margin-bottom:18px}.process-output .check-list li{font-size:10px}.process-output>p{font-size:9px;margin-top:19px}.output-icon{top:23px}.service-line{gap:10px 17px;font-size:8px;line-height:1.6;margin-top:20px}.service-line>span:first-child{width:100%}.service-line>span:not(:first-child)::before{margin-right:7px}.work-grid{grid-template-columns:1fr;gap:31px}.project-image{height:260px}.amazon-image img{height:250px}.project-info{padding-top:18px;font-size:11px;gap:8px}.project-title{font-size:24px}.project-chip{font-size:7px;top:16px;left:16px}.testimonial{margin-top:34px;padding-top:29px;gap:13px}.quote-mark{font-size:61px;width:24px;line-height:1}.testimonial blockquote{font-size:19px;line-height:1.65}.testimonial figcaption{font-size:9px;gap:10px}.testimonial figcaption span span{font-size:8px}.avatar-initials{width:33px;height:33px;flex-shrink:0;font-size:9px}.team-section{gap:32px}.team-intro h2 br:last-child{display:initial}.team-intro>p:not(.eyebrow){font-size:12px}.team-people{gap:18px}.person-visual{height:200px;margin-bottom:19px}.person h3{font-size:21px}.person-role{font-size:7px;letter-spacing:.7px;display:block;line-height:1.6;min-height:23px}.person>p{font-size:10px;margin-top:11px}.person-spark{top:28px;right:12px;font-size:25px}.honza-letter{font-size:70px}.honza-note{font-size:10px;margin-top:14px}.honza-visual .person-spark{top:22px;right:22px;font-size:24px}.guide-section{grid-template-columns:1fr;padding:31px 24px 34px;gap:31px;text-align:center}.guide-art{padding:0}.guide-book{width:160px;min-height:211px;max-height:230px;padding:17px 16px;text-align:left;transform:rotate(-6deg)}.guide-book>span:first-child{font-size:10px}.guide-book>div{font-size:19px;margin-top:17px}.guide-number{font-size:48px;margin-top:8px}.guide-book small{font-size:5px}.guide-copy h2{font-size:25px}.guide-copy h2 br{display:none}.guide-copy .eyebrow{font-size:7px}.guide-copy>p:not(.eyebrow){font-size:11px}.guide-copy .button{font-size:10px}.faq-section{grid-template-columns:1fr;gap:27px}.faq-section h2{margin-bottom:16px}.faq-section>div>p:not(.eyebrow){font-size:11px}.faq-list summary{font-size:11px;padding-block:20px}.faq-list details>p{font-size:11px}.contact-section{padding-block:54px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-copy h2{font-size:30px}.contact-copy h2 br{display:initial}.contact-copy>p:not(.eyebrow){font-size:12px}.contact-copy .eyebrow{font-size:8px}.contact-copy .check-list li{font-size:11px}.contact-signature{margin-top:25px}.form-card{padding:25px 22px}.form-card h3{font-size:23px}.form-row{grid-template-columns:1fr}.field label{font-size:11px}.field{margin-bottom:17px}input,textarea{font-size:16px;min-height:46px}input::placeholder,textarea::placeholder{font-size:11px}.field .optional{font-size:9px}.demo-note{font-size:8px}.form-submit{font-size:10px;min-height:48px}.footer-main{flex-wrap:wrap;gap:25px;padding-bottom:27px}.footer-main>p{order:3;width:100%}.footer-main .text-link{margin-left:auto}.footer-main p span{font-size:17px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:8px 12px;font-size:8px;padding-block:19px}.footer-bottom>span:first-child{margin-right:0}.footer-bottom>span:nth-child(2){display:none}.modal{padding:46px 23px 27px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.modal h2{font-size:26px}.modal-image{height:230px}.modal blockquote{font-size:16px}.dialog-actions{gap:12px}.dialog-actions .button{font-size:10px}.dialog-actions .text-link{font-size:10px}.checklist>label{gap:11px;padding-block:16px}.checklist strong{font-size:10px}.checklist small{font-size:9px}.guide-progress{gap:10px}.guide-progress span{font-size:9px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:39px}.hero .eyebrow{font-size:7px}.hero-actions{gap:13px}.classroom{padding-inline:24px}.journey-switch{gap:3px}.journey-switch button{padding-inline:7px;font-size:9px}.person-visual{height:178px}.person h3{font-size:19px}.process-tabs button{font-size:9px}.contact-copy h2{font-size:28px}.form-card{padding-inline:18px}.prijimacky-mark{font-size:17px}}
/* Comfortable reading sizes, including at mobile widths. */
.hero .lead{font-size:15px}.section-intro>p,.problem-grid p,.process-main p,.team-intro>p:not(.eyebrow),.guide-copy>p:not(.eyebrow),.faq-section>div>p:not(.eyebrow),details>p,.contact-copy>p:not(.eyebrow),.modal p{font-size:14px}.section-intro>p{max-width:370px}.problem-grid h3{line-height:1.35}.project-info,.person>p{font-size:13px}.process-output .check-list li,.contact-copy .check-list li{font-size:12px}.process-output>p{font-size:10px}.process-tabs button{font-size:12px}.process-label,.eyebrow{font-size:10px}.service-line{font-size:10px}.text-link{font-size:13px}.button{font-size:12px}#main-nav>a:not(.button){font-size:12px}.button-small{font-size:11px}.small-note,.journey-caption{font-size:10px}.journey-switch button{font-size:11px}.project-more,.testimonial .text-link{font-size:11px}.person-role{font-size:9px}.guide-note{font-size:10px}.faq-list summary{font-size:13px}.form-intro{font-size:12px}.field label{font-size:12px}input,textarea{font-size:14px}input::placeholder,textarea::placeholder{font-size:12px}.demo-note{font-size:10px}.form-submit{font-size:11px}.field-error{font-size:11px}.required-note{font-size:9px}.footer-bottom,.footer-link{font-size:10px}.checklist strong{font-size:13px}.checklist small{font-size:12px}.guide-progress span{font-size:11px}.modal .quote-credit{font-size:11px}.modal blockquote p{font:inherit;color:var(--ink)}
@media(max-width:1100px) and (min-width:681px){.process-tabs button{font-size:10px}.process-panel{padding:35px;gap:35px}.process-output{padding-left:25px}.process-output .check-list li{font-size:11px}.process-panel{min-height:390px}.hero-actions{gap:13px}.hero .button{font-size:11px}.section-intro>p{max-width:310px}}
@media(max-width:850px) and (min-width:681px){#main-nav{gap:16px}#main-nav>a:not(.button){font-size:11px}.section-intro>p{max-width:270px}.hero .lead{font-size:14px}.hero .eyebrow{font-size:8px}.process-panel{min-height:435px}.form-card{padding:22px}.form-submit{font-size:10px}.person-role{font-size:8px}}
@media(max-width:680px){.hero .lead{font-size:14px}.hero .button{font-size:11px}.hero-actions>.text-link{font-size:11px}.hero .eyebrow{font-size:8px}.section-intro>p{max-width:none}.process-tabs button{font-size:11px}.process-main p{font-size:13px}.process-panel{min-height:560px}.process-output .check-list li{font-size:12px}.service-line{font-size:9px}.person>p{font-size:12px}.person-role{font-size:8px;min-height:28px}.guide-copy .eyebrow{font-size:8px}.guide-copy .button{font-size:11px}.contact-copy .eyebrow{font-size:9px}.contact-copy .check-list li{font-size:12px}.contact-copy>p:not(.eyebrow){font-size:14px}.faq-list summary{font-size:13px}.faq-list details>p{font-size:13px}.field label{font-size:12px}input,textarea{font-size:16px}.form-submit{font-size:11px}.small-note{font-size:9px}.journey-switch button{font-size:10px}.journey-caption{font-size:9px}.footer-bottom,.footer-link{font-size:9px}.modal .eyebrow{font-size:8px}.dialog-actions .button,.dialog-actions .text-link{font-size:11px}}
@media(max-width:370px){.process-tabs button{font-size:10px}.hero .button{font-size:10px}.hero-actions>.text-link{font-size:10px}.person-role{font-size:7px}.form-submit{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover .icon,.project-card:hover img,.project-card:hover .round-arrow{transform:none}.amazon-image img{transform:none}}
input:focus-visible,textarea:focus-visible{outline-width:2px;outline-offset:2px}@media(max-width:680px){.hero h1 br:first-child{display:initial}}
.journey-switch button span,.process-tabs button>span{color:var(--forest-700)}input::placeholder,textarea::placeholder{color:#687363}

/* Simplified hierarchy: primary headings and content, without decorative captions. */
.journey-switch{justify-content:center;gap:20px}
.journey-switch button{min-width:82px}
.process-panel{min-height:300px}
.guide-book{min-height:235px;display:flex;flex-direction:column;justify-content:space-between}
.guide-book>div{margin-top:24px;margin-bottom:10px}
.honza-letter{margin-top:12px}
.form-success h3{margin-top:26px}
@media(max-width:1100px) and (min-width:681px){.process-panel{min-height:340px}}
@media(max-width:850px) and (min-width:681px){.journey-switch{gap:8px}.journey-switch button{min-width:65px}.process-panel{min-height:370px}}
@media(max-width:680px){.journey-switch{gap:13px}.journey-switch button{min-width:76px}.process-panel{min-height:470px}.guide-book{min-height:195px}.guide-book>div{margin-top:22px;margin-bottom:6px}}
@media(max-width:370px){.journey-switch{gap:8px}.journey-switch button{min-width:65px}}

.honza-visual img{width:100%;height:100%;object-fit:cover;object-position:center center;position:relative;z-index:1}

/* Client identities, project gallery and footer. */
.experience-strip{display:block;padding-block:44px 52px;text-align:center}
.experience-strip h2{font:400 28px/1.45 var(--serif);margin:0 0 32px;letter-spacing:-.6px}
.experience-strip h2 span{color:var(--forest-700)}
.experience-logos{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:30px;max-width:970px;margin-inline:auto}
.experience-logos .client-mark{opacity:1;justify-self:center;padding:12px;border-radius:12px;transition:background var(--ease),transform var(--ease)}
.experience-logos .client-mark:hover{background:#fff9;transform:translateY(-3px)}
.experience-logos .it-mark{color:#952695;font-size:14px;text-align:left}
.experience-logos .it-icon{color:#2babe3;border-color:#952695;font-size:35px}
.experience-logos .amazon-mark{color:#c9346a;font-size:29px}
.experience-logos .amazon-mark small{color:#496106}
.experience-logos .prijimacky-mark{color:#4d489f;font-size:25px}
.experience-logos .prijimacky-mark span{color:#c200a5}
.experience-logos .client-mark small{font-size:9px}
.person-visual{height:310px}
.dominik-visual img{width:100%;height:100%;object-fit:cover;object-position:center 35%;position:relative;z-index:1}
.honza-visual img{object-position:63% center}
.person .person-specialty{font-size:12px;font-weight:600;color:var(--forest-700);margin:7px 0 13px;line-height:1.5}
@media(max-width:1100px){.person-visual{height:280px}}
@media(max-width:680px){.person-visual{height:210px}}
@media(max-width:370px){.person-visual{height:180px}}
.work-controls{display:flex;justify-content:flex-end;gap:10px;margin:-16px 0 22px}
.carousel-arrow{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--forest-700);border-radius:50%;color:var(--cream);background:var(--forest-700);box-shadow:0 3px 8px #0b382415;transition:background var(--ease),color var(--ease),border-color var(--ease),box-shadow var(--ease),transform var(--ease)}
.carousel-arrow .icon{width:23px;height:23px;stroke-width:2}
.carousel-arrow:first-child svg{transform:rotate(180deg)}
.carousel-arrow:hover:not(:disabled){background:var(--gold-light);border-color:var(--gold);color:var(--forest-900);box-shadow:0 5px 12px #0b38241a;transform:translateY(-2px)}
.carousel-arrow:disabled{opacity:1;background:#e8ebdf;border-color:#c5cebd;color:#899682;box-shadow:none;cursor:default}
.work-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bfc4b7 transparent;padding:3px 3px 18px;margin-inline:-3px}
.work-slide{flex:0 0 calc((100% - 28px)/2);min-width:0;scroll-snap-align:start;scroll-margin-top:110px}
.work-slide .project-card{width:100%}
.work-slide .project-image{height:295px}
.itg-image{background:#e9e2ed}
.tablet-device{position:relative;display:block;width:min(76%,360px);border:9px solid #24242a;border-radius:18px;background:#24242a;box-shadow:0 3px 0 #77767b,0 18px 25px #1a0f392b;transform:rotate(-3deg);transition:transform 250ms ease}
.tablet-device::before{content:'';position:absolute;width:3px;height:3px;background:#77767b;left:-6px;top:50%;border-radius:50%}
.tablet-screen{display:block;aspect-ratio:1070/750;overflow:hidden;border-radius:9px;background:#101016}
/* Show the original screenshot without its 15px browser scrollbar; preserve image proportions. */
.tablet-device .tablet-screen>img{width:calc(100% * 1085 / 1070);max-width:none;height:auto;object-fit:contain;border-radius:0}
.project-card:hover .tablet-device{transform:rotate(-1deg) translateY(-3px)}
.project-quote{margin:22px 0 0;padding:21px 23px;border:1px solid #d9cde1;border-radius:14px;background:#fdfbf780}
.project-quote blockquote{font:400 16px/1.65 var(--serif);color:var(--ink);margin:0 0 16px}
.project-quote figcaption{display:flex;flex-direction:column;gap:4px;font-size:10px;line-height:1.6;color:var(--muted)}
.project-quote figcaption strong{color:var(--ink);font-weight:600}
.project-quote .text-link{margin-top:16px;font-size:11px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.faq-list{border:0;display:flex;flex-direction:column;gap:12px;align-self:start}
.faq-list details{border:1px solid var(--cream-300);border-radius:16px;background:#fff9;overflow:hidden;transition:border-color 220ms ease,background 220ms ease,box-shadow 220ms ease}
.faq-list details:hover{border-color:#b9c9b9;background:#fff}
.faq-list details[open]{background:#f5f6ed;border-color:#b9c9b9;box-shadow:0 6px 18px #0b382407}
.faq-list summary{min-height:67px;padding:20px 23px;gap:20px;line-height:1.6}
.faq-list summary span{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;background:var(--gold-light);color:var(--forest-700);border-radius:50%;font-size:21px;transition:transform 260ms ease,background 260ms ease}
.faq-list details.is-collapsing summary span{transform:rotate(0)}
.faq-list details>p{padding:0 23px 24px;margin:0;font-size:13px}
.faq-list summary:focus-visible{outline-offset:-5px;border-radius:15px}
.site-footer{padding-top:60px;background:var(--cream-100)}
.footer-grid{display:grid;grid-template-columns:1.45fr 1fr .85fr 1.2fr;gap:42px;padding-bottom:52px}
.footer-brand .wordmark{display:inline-block}
.footer-brand p{font:400 23px/1.5 var(--serif);color:var(--ink);margin:22px 0 14px}
.footer-brand>span:last-child{font-size:12px;line-height:1.8;color:var(--muted)}
.footer-column h2{font:600 13px/1.5 var(--sans);letter-spacing:0;margin:8px 0 22px}
.footer-column ul{list-style:none;display:grid;gap:13px;margin:0;padding:0;font-size:12px;line-height:1.6;color:var(--muted)}
.footer-column li{overflow-wrap:anywhere}
.footer-socials{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;font-size:11px;color:var(--forest-700)}
.footer-bottom{font-size:10px;gap:24px;padding-block:24px}
@media(max-width:1100px){.footer-grid{gap:28px;grid-template-columns:1.2fr 1fr 1fr}.footer-brand{grid-column:1/-1;display:flex;align-items:center;gap:40px}.footer-brand p{margin:0}.footer-brand>span:last-child{margin-left:auto}.work-slide .project-image{height:250px}.experience-logos .prijimacky-mark{font-size:22px}}
@media(max-width:680px){.experience-strip{padding-block:30px 36px}.experience-strip h2{font-size:25px;margin-bottom:24px}.experience-logos{grid-template-columns:1fr;gap:13px}.experience-logos .client-mark{padding:13px}.experience-logos .it-mark{font-size:14px}.experience-logos .amazon-mark{font-size:29px}.experience-logos .prijimacky-mark{font-size:25px}.person .person-specialty{font-size:10px;min-height:30px;margin:8px 0 10px}.work-controls{margin:0 0 16px}.work-track{gap:18px;scroll-padding-inline:0}.work-slide{flex-basis:92%}.work-slide .project-image{height:235px}.work-slide .project-title{font-size:23px}.tablet-device{width:87%;border-width:7px;border-radius:14px}.tablet-screen{border-radius:7px}.tablet-device::before{left:-5px}.project-quote{padding:19px}.project-quote blockquote{font-size:15px}.faq-list summary{padding:18px;gap:14px;font-size:13px}.faq-list details>p{padding:0 18px 21px}.site-footer{padding-top:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px;padding-bottom:35px}.footer-brand{display:block}.footer-brand p{margin:18px 0 12px;font-size:24px}.footer-column:last-child{grid-column:1/-1}.footer-column h2{font-size:13px;margin:0 0 16px}.footer-column ul{font-size:12px;gap:10px}.footer-bottom{gap:14px 22px;font-size:10px;justify-content:flex-start}.footer-bottom>span:first-child{width:100%}.footer-bottom>span:nth-child(2){display:inline}}
@media(prefers-reduced-motion:reduce){.experience-logos .client-mark,.carousel-arrow,.tablet-device,.faq-list details,.faq-list summary span{transition:none}.experience-logos .client-mark:hover,.carousel-arrow:hover:not(:disabled),.project-card:hover .tablet-device{transform:none}}

/* Official client marks and full-color project previews. */
.experience-logos .client-mark{display:flex;align-items:center;justify-content:center;width:100%;min-height:95px;padding:12px 20px}
.experience-logos .client-mark img{display:block;width:100%;height:auto;object-fit:contain}
.experience-logos .it-mark img{max-width:240px}
.experience-logos .amazon-mark img{max-width:235px}
.experience-logos .prijimacky-mark img{max-width:245px}
.work-track{align-items:stretch}
.work-slide{display:flex;border-radius:18px}
.work-amazon{--project-bg:#a6ba80;--project-ink:#243416;--project-button:#405725;--project-button-ink:#fff}
.work-prijimacky{--project-bg:#b4a0cb;--project-ink:#30203f;--project-button:#634184;--project-button-ink:#fff}
.work-itg{--project-bg:linear-gradient(115deg,#44234f 0%,#342d51 53%,#235061 100%);--project-ink:#fff;--project-button:#eadcf5;--project-button-ink:#352247}
.work-slide .project-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:12px;padding:24px;min-height:0;border-radius:18px;background:var(--project-bg);color:var(--project-ink);transition:box-shadow var(--ease),transform var(--ease)}
.work-slide .project-card:hover{box-shadow:0 8px 20px #1d16221c;transform:translateY(-2px)}
.work-slide .project-info{grid-column:1;grid-row:1;padding:0;gap:13px;color:var(--project-ink);font-size:12px;line-height:1.75}
.work-slide .project-title{color:inherit;font-size:25px;line-height:1.25;margin-bottom:4px}
.work-slide .project-description{display:block}
.work-slide .project-more{display:inline-flex;align-self:flex-start;gap:12px;min-height:43px;align-items:center;padding:11px 15px;border-radius:9px;background:var(--project-button);color:var(--project-button-ink);font-size:10px;line-height:1.45;margin-top:5px}
.work-slide .project-card .project-image{grid-column:2;grid-row:1;height:240px;background:none;box-shadow:none;overflow:visible;border-radius:0;transform:none}
.work-slide .project-image .round-arrow{display:none}
.work-slide .amazon-image img{width:auto;max-width:100%;height:230px;object-fit:contain;transform:rotate(-5deg);filter:drop-shadow(0 12px 8px #20331625)}
.work-slide .project-card:hover .amazon-image img{transform:rotate(-3deg) translateY(-3px)}
.work-slide .prijimacky-image img{width:115%;max-width:115%;height:auto;transform:none;filter:drop-shadow(0 10px 8px #39224d20)}
.work-slide .project-card:hover .prijimacky-image img{transform:translateY(-3px)}
.work-slide .tablet-device{width:100%;max-width:260px;border-width:8px;border-radius:16px;box-shadow:0 0 0 1px #697176,0 3px 0 #444951,0 15px 18px #10091d66;transform:rotate(-4deg)}
.work-slide .tablet-screen{border-radius:8px}
.work-slide .tablet-device::before{left:-5px;width:2px;height:2px}
.work-slide .project-card:focus-visible{outline:3px solid var(--brass);outline-offset:-5px}
@media(max-width:1100px) and (min-width:681px){.work-slide{flex-basis:72%}.work-slide .project-card{min-height:0;padding:24px}.work-slide .project-title{font-size:26px}.work-slide .project-info{font-size:13px}}
@media(max-width:680px){.experience-logos{gap:7px}.experience-logos .client-mark{min-height:76px;max-width:290px;padding:12px 25px}.experience-logos .amazon-mark img{max-width:225px}.work-slide .project-card{grid-template-columns:1fr;gap:18px;padding:22px;min-height:0;align-content:start}.work-slide .project-info{grid-column:1;grid-row:1;gap:13px;font-size:12px}.work-slide .project-title{font-size:24px}.work-slide .project-card .project-image{grid-column:1;grid-row:2;height:180px}.work-slide .project-more{margin-top:4px}.work-slide .amazon-image img{height:180px}.work-slide .prijimacky-image img{width:100%;max-width:100%;max-height:175px;object-fit:contain}.work-slide .tablet-device{width:90%;max-width:255px;border-width:8px}.work-slide .project-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.work-slide .project-card{transition:none}.work-slide .project-card:hover,.work-slide .project-card:hover .amazon-image img,.work-slide .project-card:hover .prijimacky-image img{transform:none}}

.collaborators-section{padding:0 0 85px}
.collaborators-section h2{text-align:center;font-size:30px;margin:0 0 34px}
.collaborators-list{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bfc4b7 transparent;padding:3px 3px 16px;margin-inline:-3px}
.collaborator{flex:0 0 calc((100% - 104px)/5);min-width:0;text-align:center;scroll-snap-align:start}
.collaborator>a{display:block;border-radius:16px;padding-bottom:6px}
.collaborator img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:40px 10px 40px 10px;background:var(--cream-100);transition:transform var(--ease)}
.collaborator h3{font:600 14px/1.5 var(--sans);margin:16px 0 3px;color:var(--ink)}
.collaborator p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}
.collaborator>a:hover img{transform:translateY(-3px)}
.collaborator>a:hover h3{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.collaborators-list{gap:22px}.collaborator{flex-basis:calc((100% - 66px)/4)}.collaborators-section{padding-bottom:70px}}
@media(max-width:680px){.collaborators-section{padding-bottom:52px}.collaborators-section h2{font-size:27px;margin-bottom:26px}.collaborators-list{gap:20px}.collaborator{flex-basis:160px}.collaborator h3{font-size:13px}.collaborator p{font-size:11px}.collaborator img{border-radius:32px 8px 32px 8px}}
@media(prefers-reduced-motion:reduce){.collaborator img{transition:none}.collaborator>a:hover img{transform:none}}

/* Rounded secondary actions share the Mercedia palette and gentle feedback. */
.text-link{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;max-width:100%;padding:12px 19px;border:1px solid #dfd2a9;border-radius:999px;background:#f5eedb;color:var(--forest-900);font-weight:600;line-height:1.5;text-align:center;text-decoration:none;box-shadow:0 2px 3px #0b382404;transition:background 240ms cubic-bezier(.2,.75,.25,1),color 240ms ease,border-color 240ms ease,box-shadow 240ms ease,transform 240ms cubic-bezier(.2,.75,.25,1)}
:is(.hero-actions,.team-intro,.dialog-actions,.project-links) .text-link{font-size:12px}
.text-link>.icon,.text-link>span[aria-hidden]{flex-shrink:0;width:19px;transition:transform 240ms cubic-bezier(.2,.75,.25,1)}
.text-link:hover,.text-link:focus-visible{background:var(--forest-700);border-color:var(--forest-700);color:var(--cream);text-decoration:none;box-shadow:0 6px 16px #0b382416;transform:translateY(-2px)}
.text-link:hover>.icon,.text-link:hover>span[aria-hidden],.text-link:focus-visible>.icon,.text-link:focus-visible>span[aria-hidden]{transform:translateX(3px)}
.hero-actions>.text-link:hover>span[aria-hidden],.hero-actions>.text-link:focus-visible>span[aria-hidden]{transform:translateY(3px)}
.text-link:active{transform:translateY(0) scale(.985);box-shadow:0 1px 4px #0b382410}
.hero-actions{flex-wrap:wrap}
.dialog-actions{align-items:center}
.site-footer{margin-top:26px;border-top:4px solid var(--gold);border-radius:30px 30px 0 0;background:#eee8d9;box-shadow:0 -8px 24px #0b382408}
.site-footer .footer-bottom{border-top-color:#d3c9b4}
@media(max-width:680px){.text-link{min-height:46px;padding:12px 17px}.hero-actions>.text-link{margin-top:0;max-width:100%;width:auto}.dialog-actions .text-link{width:100%}.site-footer{margin-top:18px;border-radius:22px 22px 0 0}}
@media(prefers-reduced-motion:reduce){.text-link,.text-link>.icon,.text-link>span[aria-hidden]{transition:none}.text-link:hover,.text-link:focus-visible,.text-link:active,.text-link:hover>.icon,.text-link:hover>span[aria-hidden],.text-link:focus-visible>.icon,.text-link:focus-visible>span[aria-hidden],.hero-actions>.text-link:hover>span[aria-hidden],.hero-actions>.text-link:focus-visible>span[aria-hidden]{transform:none}}

/* Compact project gallery and matching device preview in the detail. */
#project-dialog[data-project-theme="amazon"] #project-heading{color:#405725}
#project-dialog[data-project-theme="prijimacky"] #project-heading{color:#4d489f}
#project-dialog[data-project-theme="it"] #project-heading{color:#952695}
.section.work-section{padding-block:64px}
.work-section .section-intro{margin-bottom:34px}
.modal-tablet-preview{display:flex;align-items:center;justify-content:center;padding:24px 34px 30px;margin:0 0 25px;border-radius:12px;background:linear-gradient(120deg,#e9daed,#e0e2ef 55%,#d9edf0)}
.modal-tablet-preview .tablet-device{width:100%;max-width:380px;border-width:10px;transform:rotate(-2deg);box-shadow:0 3px 0 #77767b,0 14px 24px #1a0f3930}
.modal-tablet-preview .tablet-screen{border-radius:8px}
.modal-tablet-preview .tablet-device::before{left:-7px}
.modal[open]::backdrop{animation:backdrop-in 280ms ease both}
.modal[open].is-closing{animation:dialog-out 200ms cubic-bezier(.4,0,.6,1) both;pointer-events:none}
.modal[open].is-closing::backdrop{animation:backdrop-out 200ms ease both}
@keyframes dialog-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.985)}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes backdrop-out{from{opacity:1}to{opacity:0}}
@media(max-width:680px){.section.work-section{padding-block:48px}.work-section .section-intro{margin-bottom:24px}.modal-tablet-preview{padding:20px 14px 25px;margin-bottom:22px}.modal-tablet-preview .tablet-device{border-width:7px;border-radius:13px}.modal-tablet-preview .tablet-device::before{left:-5px}.modal-tablet-preview .tablet-screen{border-radius:6px}}

/* Native scrollbars retain normal mouse, touch and keyboard scrolling. */
html{scrollbar-gutter:stable}
*,.work-track,.collaborators-list{scrollbar-width:thin;scrollbar-color:#879b82 #eeeade}
@supports selector(::-webkit-scrollbar){
 *, .work-track,.collaborators-list{scrollbar-width:auto;scrollbar-color:auto}
 ::-webkit-scrollbar{width:12px;height:10px}
 ::-webkit-scrollbar-track{background:#eeeade;border-radius:999px}
 ::-webkit-scrollbar-thumb{background:#879b82;border:3px solid #eeeade;border-radius:999px;min-height:36px}
 ::-webkit-scrollbar-thumb:hover{background:var(--forest-700)}
 ::-webkit-scrollbar-thumb:active{background:var(--forest-900)}
 ::-webkit-scrollbar-corner{background:var(--cream-100)}
}

/* The classroom introduces three concrete services and their project examples. */
.hero-art .classroom{min-height:0;padding-top:48px;padding-bottom:16px}
.hero-art .classroom-top{margin-top:12px;margin-bottom:13px}
.hero-art .classroom-board{margin-bottom:16px}
.hero-art .classroom-desks{max-height:245px}
.journey-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:18px 0 0}
.hero-art .journey-switch button{--step-fill:var(--cream-100);--step-border:var(--cream-300);--step-shape:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:49px;min-width:0;padding:12px 20px 12px 23px;border:0;border-radius:8px;background:transparent;color:var(--forest-700);font-size:11px;font-weight:500;line-height:1.5;transition:color 220ms ease,transform 220ms cubic-bezier(.25,.8,.25,1)}
.hero-art .journey-switch button:first-child{--step-shape:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);padding-left:13px}
.journey-switch button::before,.journey-switch button::after{content:'';position:absolute;clip-path:var(--step-shape);border-radius:8px;pointer-events:none;transition:background 220ms ease}
.journey-switch button::before{inset:0;background:var(--step-border);z-index:-2}
.journey-switch button::after{inset:1px;background:var(--step-fill);z-index:-1}
.hero-art .journey-switch button[data-reached='true']{--step-fill:var(--forest-700);--step-border:var(--forest-700);color:var(--cream)}
.hero-art .journey-switch button[aria-selected='true']{--step-fill:var(--forest-700);--step-border:var(--forest-700);color:var(--cream);font-weight:600}
.journey-switch button[aria-selected='true']::after{inset:2px}
.hero-art .journey-switch button:hover{--step-border:var(--forest-700);background:transparent;transform:translateY(-2px)}
.hero-art .journey-switch button[data-reached='true']:hover{--step-fill:var(--forest-700);color:var(--cream)}
.hero-art .journey-switch button:active{transform:translateY(0)}
.hero-art .journey-switch button:focus-visible{outline-color:var(--forest-700);outline-offset:4px}
@media(max-width:850px){.hero-art .journey-switch button{padding-left:16px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){.hero-art .journey-switch button:hover,.hero-art .journey-switch button:active{transform:none}}
.journey-details{margin-top:20px;min-height:185px}
.journey-panel{padding:0 8px;text-align:center;animation:journey-in 700ms ease-in-out both}
.journey-panel h3{font-size:20px;line-height:1.35;letter-spacing:-.3px;margin-bottom:9px}
.journey-panel p{font-size:12px;line-height:1.85;max-width:440px;margin:0 auto 15px}
.journey-panel .journey-action{font-size:11px;min-height:44px;padding:10px 17px}
@keyframes journey-in{from{opacity:0}to{opacity:1}}
@media(min-width:681px) and (max-width:1100px){.hero-art .classroom-desks{max-height:220px}.journey-details{min-height:245px}.journey-panel{padding-inline:0}.journey-panel h3{font-size:19px}}
@media(max-width:680px){.hero-art .classroom-desks{max-height:245px}.journey-details{margin-top:20px;min-height:210px}.journey-panel{padding-inline:0}.journey-panel h3{font-size:20px}.journey-panel p{font-size:12px}}
@media(max-width:370px){.hero-art .journey-switch button{font-size:10px}.journey-details{min-height:235px}.journey-panel h3{font-size:19px}.journey-panel .journey-action{font-size:10px}}

/* Primary contact action in the navigation. */
.guide-book{transition:transform 280ms cubic-bezier(.2,.75,.25,1),box-shadow 280ms ease}
@media(hover:hover) and (pointer:fine){.guide-section:has(#open-guide:hover) .guide-book{transform:rotate(-3deg) translateY(-4px);box-shadow:5px 5px 0 #e5dfd3,7px 7px 0 #babda9,16px 22px 30px #0b382421}}
.guide-section:has(#open-guide:focus-visible) .guide-book{transform:rotate(-3deg) translateY(-4px);box-shadow:5px 5px 0 #e5dfd3,7px 7px 0 #babda9,16px 22px 30px #0b382421}
@media(prefers-reduced-motion:reduce){.guide-book{transition:none}.guide-section:has(#open-guide:hover) .guide-book,.guide-section:has(#open-guide:focus-visible) .guide-book{transform:rotate(-7deg)}}
@media(prefers-reduced-motion:reduce) and (max-width:680px){.guide-section:has(#open-guide:hover) .guide-book,.guide-section:has(#open-guide:focus-visible) .guide-book{transform:rotate(-6deg)}}
.process-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:5px;margin:-5px -5px 15px;scroll-snap-type:x proximity}
.process-tabs button{--step-fill:var(--cream-100);--step-border:var(--cream-300);--step-shape:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);position:relative;isolation:isolate;flex:1 0 0;min-width:0;min-height:56px;display:flex;align-items:center;justify-content:center;padding:14px 24px;border:0;border-radius:9px;background:transparent;color:var(--forest-700);font-size:12px;font-weight:500;line-height:1.5;text-align:center;scroll-snap-align:start;transition:color 220ms ease,transform 220ms ease}
.process-tabs button:first-child{--step-shape:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);padding-left:16px}
.process-tabs button::before,.process-tabs button::after{content:'';position:absolute;clip-path:var(--step-shape);border-radius:9px;pointer-events:none;transition:background 220ms ease}
.process-tabs button::before{inset:0;background:var(--step-border);z-index:-2}
.process-tabs button::after{inset:1px;background:var(--step-fill);z-index:-1}
.process-tabs button[data-reached='true']{--step-fill:var(--forest-700);--step-border:var(--forest-700);color:var(--cream)}
.process-tabs button[aria-selected='true']{background:transparent;font-weight:600}
.process-tabs button:hover{--step-border:var(--forest-700);background:transparent;transform:translateY(-2px)}
.process-tabs button:active{transform:translateY(0)}
.process-tabs button:focus-visible{outline-color:var(--forest-700);outline-offset:2px}
.process-tabs button .icon{display:none}
@media(max-width:850px){.process-tabs button{font-size:11px;padding-inline:20px}}
@media(max-width:680px){.process-tabs button{flex:1 0 155px;min-height:52px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.process-tabs button,.process-tabs button::before,.process-tabs button::after{transition:none}.process-tabs button:hover,.process-tabs button:active{transform:none}}
.hero-copy .lead{margin-bottom:0}
#main-nav>.button-header{background:var(--forest-900);border-color:var(--forest-900);color:var(--gold-light)}
#main-nav>.button-header:hover{background:var(--forest-700);border-color:var(--forest-700);color:var(--gold-light);box-shadow:0 4px 12px #0b382418}

/* More readable contact copy; the form retains its original typography. */
.contact-copy h2{font-size:38px}
.contact-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:460px}
.contact-copy .check-list li{font-size:14px;line-height:1.75}
.contact-signature>span{font-size:14px;line-height:1.8}
.contact-signature strong{font-size:18px;font-weight:600;margin-top:2px}
@media(max-width:1100px) and (min-width:681px){.contact-copy h2{font-size:34px}}
@media(max-width:680px){.contact-copy h2{font-size:32px}}
@media(max-width:370px){.contact-copy h2{font-size:30px}}

/* Vector wordmark shared across the site, with a gold contact signature. */
.brand-logo{display:block;width:100%;height:auto}
.wordmark:has(.brand-logo){width:180px;flex-shrink:0;line-height:0;letter-spacing:0}
.contact-signature .signature-wordmark{width:184px;margin-top:12px}
.guide-book .guide-brand{display:block;width:100px;max-width:100%}
.assistant-header h2:has(.brand-logo){width:132px;line-height:0;margin-bottom:7px}
@media(max-width:680px){.site-header .wordmark:has(.brand-logo){width:150px}.guide-book .guide-brand{width:94px}}
.site-header .wordmark{display:inline-block;border-radius:4px;transform-origin:left center;transition:color 240ms ease,transform 240ms cubic-bezier(.2,.75,.25,1)}
@media(hover:hover) and (pointer:fine){.site-header .wordmark:hover{transform:translateY(-2px)}}
.site-header .wordmark:focus-visible{color:var(--forest-700);transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.site-header .wordmark{transition:none}.site-header .wordmark:is(:hover,:focus-visible){transform:none}}

/* Centered questions with comfortable margins on wide screens. */
.faq-section{grid-template-columns:minmax(0,1fr);justify-items:center;gap:38px}
.faq-intro{max-width:620px;text-align:center}
.faq-section h2{margin-bottom:18px}
.faq-list{width:min(880px,100%)}
.faq-list details[open]{cursor:pointer}
@media(max-width:680px){.faq-section{gap:28px}}

/* Persistent corner controls share the site's quiet green and gold palette. */
.cookie-launcher,.assistant-launcher{position:fixed;z-index:40;bottom:calc(18px + env(safe-area-inset-bottom,0px));border:1px solid #c7ccb9;box-shadow:0 6px 22px #0b382418;transition:transform 220ms ease,box-shadow 220ms ease,background 220ms ease}
.cookie-launcher{left:20px;display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:999px;background:var(--cream);color:var(--forest-900);font-size:11px;font-weight:500}
.cookie-launcher .icon{width:18px;height:18px;color:var(--brass)}
.assistant-launcher{right:20px;display:flex;align-items:center;justify-content:center;width:62px;height:62px;padding:5px;border-radius:22px;background:linear-gradient(145deg,#1d6243,#0b3824);border-color:#bca158;box-shadow:0 6px 24px #0b38242e,inset 0 1px 0 #ffffff24}
.robot-avatar{display:block;width:48px;height:48px;flex-shrink:0;overflow:hidden}
.assistant-launcher .robot-avatar{transition:transform 240ms cubic-bezier(.2,.75,.25,1)}
.assistant-tooltip{position:absolute;right:0;bottom:calc(100% + 12px);padding:7px 12px;border:1px solid var(--cream-300);border-radius:9px;background:var(--cream);color:var(--ink);font-size:11px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity 200ms ease,transform 200ms ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){.cookie-launcher:hover,.assistant-launcher:hover{transform:translateY(-3px);box-shadow:0 9px 26px #0b38242b}.assistant-launcher:hover .robot-avatar{transform:rotate(-6deg)}.assistant-launcher:hover .assistant-tooltip{opacity:1;transform:translateY(0)}}
.cookie-launcher:focus-visible,.assistant-launcher:focus-visible{outline-offset:4px}
.assistant-launcher:focus-visible .assistant-tooltip{opacity:1;transform:translateY(0)}
.floating-panel{position:fixed;z-index:41;bottom:calc(94px + env(safe-area-inset-bottom,0px));width:min(395px,calc(100vw - 40px));max-height:calc(100dvh - 120px);border:1px solid var(--cream-300);border-radius:23px;background:var(--cream);box-shadow:0 16px 65px #08291e29,0 2px 6px #08291e0a;animation:utility-in 240ms cubic-bezier(.2,.75,.25,1) both}
.utility-close{display:grid;place-items:center;position:absolute;right:17px;top:17px;width:34px;height:34px;padding:6px;border:0;border-radius:50%;background:var(--cream-100);color:var(--ink);transition:background 200ms ease,transform 200ms ease}
.utility-close .icon{width:18px;height:18px}
.utility-close:hover{background:var(--cream-300);transform:rotate(5deg)}
.cookie-panel{left:50%;top:50%;right:auto;bottom:auto;translate:-50% -50%;padding:25px;overflow-y:auto;overscroll-behavior:contain;max-height:calc(100dvh - 40px)}
.cookie-emblem{display:grid;place-items:center;width:37px;height:37px;margin-bottom:15px;border-radius:12px;background:var(--gold-light);color:var(--forest-700)}
.cookie-panel h2{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin-bottom:14px;padding-right:12px}
.cookie-panel>p{font-size:12px;line-height:1.85;margin-bottom:15px}
.cookie-info-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:18px;color:var(--muted);font-size:10px}
.cookie-info-links button{padding:0;border:0;background:none;color:var(--forest-700);font-size:10px;text-decoration:underline;text-underline-offset:3px}
.cookie-information{padding:14px;margin-bottom:17px;background:var(--cream-100);border-radius:12px}
.cookie-information h3{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:7px}
.cookie-information p{font-size:11px;line-height:1.8}
.cookie-settings{margin-bottom:17px}
.cookie-category{border-top:1px solid var(--cream-300);padding:17px 0 0;margin-top:17px}
.cookie-category-heading{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.cookie-category-heading>label:first-child{font-size:13px;font-weight:600;cursor:pointer}
.cookie-always{font-size:9px;color:var(--muted);margin-left:auto}
.cookie-category p{font-size:11px;line-height:1.85}
.cookie-switch{position:relative;display:block;flex-shrink:0;width:42px;height:25px;margin-left:auto}
.cookie-always+.cookie-switch{margin-left:0}
.cookie-switch input{position:absolute;inset:0;width:42px;height:25px;min-height:0;padding:0;margin:0;opacity:0;cursor:pointer;z-index:1}
.cookie-switch>span{display:block;width:42px;height:25px;border-radius:999px;background:#cbd0c4;transition:background 200ms ease}
.cookie-switch>span::after{content:'';position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:var(--cream);box-shadow:0 1px 4px #0b382422;transition:transform 200ms ease}
.cookie-switch input:checked+span{background:var(--forest-700)}
.cookie-switch input:checked+span::after{transform:translateX(17px)}
.cookie-switch input:focus-visible+span{outline:3px solid var(--brass);outline-offset:3px}
.cookie-switch input:disabled{cursor:default}
.cookie-switch input:disabled+span{opacity:.6}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cookie-actions .button{font-size:10px;min-height:44px;padding:10px 7px;border-radius:11px}
.cookie-customize{grid-column:1/-1;min-height:40px;padding:8px;border:0;border-radius:9px;background:var(--cream-100);color:var(--forest-700);font-size:11px;font-weight:500;transition:background 200ms ease}
.cookie-customize:hover{background:var(--cream-300)}
.cookie-actions .cookie-save{grid-column:1/-1;font-size:11px}
.assistant-panel{right:20px;display:flex;flex-direction:column;height:min(530px,calc(100dvh - 120px));overflow:hidden}
.assistant-header{position:relative;display:flex;align-items:center;gap:12px;padding:19px 62px 19px 20px;flex-shrink:0;background:var(--forest-900);color:var(--cream);border-bottom:1px solid #d4af3740}
.assistant-header .assistant-avatar{width:44px;height:44px;flex-shrink:0}
.assistant-header .robot-avatar{width:44px;height:44px}
.assistant-header h2{font-family:var(--sans);font-size:18px;font-weight:500;letter-spacing:-.4px;line-height:1.4}
.assistant-header p{font-size:11px;color:var(--gold-light)}
.assistant-header .utility-close{top:25px;right:18px;background:#ffffff12;color:var(--cream)}
.assistant-header .utility-close:hover{background:#ffffff24}
.assistant-conversation{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 18px;scrollbar-gutter:stable}
.assistant-welcome{text-align:center;padding:5px 8px 18px}
.assistant-welcome>.robot-avatar{width:80px;height:80px;margin:0 auto 15px;filter:drop-shadow(0 6px 6px #0b382415)}
.assistant-welcome h3{font-size:24px;margin:0 0 10px}
.assistant-welcome p{font-size:12px;line-height:1.8}
.assistant-suggestions{display:grid;gap:8px;margin-top:22px}
.assistant-suggestions button{border:1px solid #dcd9c9;border-radius:11px;background:var(--cream-100);padding:10px 12px;min-height:42px;color:var(--forest-700);font-size:11px;text-align:left;transition:background 200ms ease,border-color 200ms ease}
.assistant-suggestions button:hover{background:var(--gold-light);border-color:#d9c681}
.assistant-messages{display:flex;flex-direction:column;gap:13px}
.assistant-message{max-width:88%;padding:11px 14px;border-radius:16px;animation:utility-in 200ms ease both}
.assistant-message p{font-size:13px;line-height:1.7;color:inherit;white-space:pre-wrap;overflow-wrap:anywhere}
.assistant-message-user{align-self:flex-end;background:var(--forest-700);color:var(--cream);border-bottom-right-radius:5px}
.assistant-message-assistant{align-self:flex-start;background:var(--cream-100);color:var(--ink);border:1px solid var(--cream-300);border-bottom-left-radius:5px}
.assistant-typing{align-self:flex-start;color:var(--muted);font-size:11px;padding:0 4px}
.assistant-compose{display:flex;align-items:flex-end;gap:10px;padding:15px 16px;border-top:1px solid var(--cream-300);background:var(--cream);flex-shrink:0}
#assistant-message{display:block;flex:1;min-width:0;width:100%;height:44px;min-height:44px;max-height:112px;margin:0;padding:10px 2px;border:0;border-radius:5px;background:transparent;color:var(--ink);font-size:14px;line-height:24px;resize:none;box-shadow:none}
#assistant-message::placeholder{font-size:13px;color:var(--muted)}
#assistant-message:focus-visible{outline:2px solid var(--forest-500);outline-offset:3px}
#assistant-send{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;margin-bottom:1px;padding:9px;border:0;border-radius:14px;background:var(--forest-700);color:var(--cream);transition:background 180ms ease,opacity 180ms ease}
#assistant-send .icon{transform:rotate(-90deg);width:20px;height:20px}
#assistant-send:hover:not(:disabled){background:var(--forest-900)}
#assistant-send:disabled{opacity:.35}
body.modal-open .site-utilities{visibility:hidden}
.site-footer{padding-bottom:72px}
@keyframes utility-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.cookie-launcher{left:12px;padding:9px 11px;font-size:10px}.assistant-launcher{right:12px;width:56px;height:56px;border-radius:20px}.assistant-launcher .robot-avatar{width:44px;height:44px}.floating-panel{left:12px;right:12px;width:auto;border-radius:20px;bottom:calc(86px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 106px)}.cookie-panel{left:50%;right:auto;bottom:auto;width:min(395px,calc(100vw - 24px));padding:22px;max-height:calc(100dvh - 24px)}.cookie-panel h2{font-size:27px}.assistant-panel{height:min(530px,calc(100dvh - 106px))}#assistant-message{font-size:16px}.assistant-tooltip{display:none}}
@media(prefers-reduced-motion:reduce){.floating-panel,.assistant-message{animation:none}.cookie-launcher,.assistant-launcher,.assistant-launcher .robot-avatar,.assistant-tooltip,.utility-close,.cookie-switch>span,.cookie-switch>span::after,.cookie-customize,.assistant-suggestions button,#assistant-send{transition:none}.cookie-launcher:hover,.assistant-launcher:hover,.assistant-launcher:hover .robot-avatar,.utility-close:hover{transform:none}}
