@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Special+Gothic+Expanded+One&display=swap";@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities;:root{--accent: #ba3f1d;--paper: #f4f4f4;--soft: #d9d9d9;--ink: #050505;--muted: #565656;--night: #08040d;--violet: #39133f;--cyan: #0f6a7e;--radius: 1.5rem;--shadow: 0 18px 40px rgb(0 0 0 / 16%);--display: "Special Gothic Expanded One", Impact, sans-serif;--body: "Inter", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@supports (color: color-mix(in lab,red,red)){:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 75%,white)}}.skip-link{background:var(--accent);color:#fff;left:1rem;padding:.7rem 1rem;position:fixed;top:1rem;transform:translateY(-160%);z-index:100}.skip-link:focus{transform:translateY(0)}.site-header{align-items:center;background:#fff;display:flex;gap:2rem;justify-content:space-between;min-height:5.4rem;padding:1rem clamp(1rem,4vw,3.4rem);position:sticky;top:0;z-index:20}.brand img{filter:brightness(0);height:clamp(1.7rem,3vw,2.45rem);width:auto}.site-nav{align-items:center;display:flex;gap:clamp(1rem,5vw,4.8rem);font-size:clamp(1rem,2vw,1.45rem);font-weight:800}.site-nav a{position:relative}.site-nav a:after{background:var(--accent);bottom:-.35rem;content:"";height:.16rem;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .18s ease;width:100%}.site-nav a:hover:after,.site-nav .active-link:after{transform:scaleX(1)}.site-footer{align-items:start;background:#000;color:#fff;display:grid;gap:2rem;grid-template-columns:minmax(14rem,1.2fr) 1fr .8fr;padding:clamp(2rem,6vw,4.4rem) clamp(1.25rem,7vw,7rem)}.site-footer a:hover{color:var(--accent)}@supports (color: color-mix(in lab,red,red)){.site-footer a:hover{color:color-mix(in srgb,var(--accent) 80%,white)}}.site-footer nav{display:grid;font-size:clamp(1rem,2vw,1.3rem);font-weight:700;gap:.3rem}.footer-logo{height:1.9rem;margin-bottom:1.2rem;width:auto}.hero-section{align-items:center;color:#fff;display:grid;min-height:calc(100svh - 5.4rem);overflow:hidden;padding:clamp(5rem,11vw,11rem) clamp(1.25rem,6vw,6rem);position:relative}.hero-media,.contact-section:before{background:linear-gradient(90deg,#0000009e,#5f184c2e),url(/assets/grafika-1.png) center / cover;inset:0;position:absolute}.hero-media:after{background:radial-gradient(circle at 55% 70%,rgb(186 63 29 / 45%),transparent 36%);content:"";inset:0;position:absolute}.hero-content{justify-self:center;max-width:62rem;position:relative;text-align:center;z-index:1}.hero-content h1,.display-heading,.page-hero h1,.faq-cta h2,.contact-copy h2{font-family:var(--display);font-weight:800;letter-spacing:0;line-height:.98}.hero-content h1{font-size:clamp(2.4rem,7vw,5.2rem);margin:0 0 1.4rem}.hero-content p{font-size:clamp(1.05rem,2.1vw,1.55rem);margin:0 auto;max-width:52rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.5rem}.btn{align-items:center;border:2px solid transparent;border-radius:999px;cursor:pointer;display:inline-flex;font-size:clamp(1.05rem,1.8vw,1.45rem);justify-content:center;line-height:1;min-height:3.4rem;min-width:min(13.5rem,100%);padding:.85rem 2.2rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--violet)}.btn-ghost{border-color:#fff;color:#fff}.btn-accent{background:var(--accent);color:#fff}.scroll-cue{align-items:center;background:var(--paper);border-radius:999px 999px 0 0;bottom:0;color:var(--accent);display:grid;font-size:2.8rem;height:4.4rem;justify-self:center;place-items:center;position:absolute;width:5.5rem;z-index:2}.section{padding:clamp(3.8rem,8vw,7rem) clamp(1.25rem,6vw,6rem)}.why-section{display:grid;gap:clamp(2rem,5vw,5rem);grid-template-columns:minmax(13rem,.75fr) 1.6fr}.section-kicker{color:var(--accent);font-family:var(--display);font-size:clamp(2rem,4vw,3.8rem);line-height:1.05}.why-grid{display:grid;gap:clamp(1.4rem,4vw,3rem);grid-template-columns:repeat(2,minmax(0,1fr))}.reason-card h2{font-size:clamp(1.55rem,3vw,2.5rem);font-weight:800;line-height:1.08;margin:0 0 .65rem}.reason-card p,.faq-cta p,.page-hero p{color:var(--muted);font-size:clamp(1rem,1.8vw,1.35rem);margin:0}.display-heading{color:var(--accent);font-size:clamp(2.4rem,6vw,5rem);margin:0 0 clamp(2rem,5vw,4.2rem);text-align:center}.offer-grid{display:grid;gap:clamp(1.2rem,3vw,2.3rem);grid-template-columns:repeat(3,minmax(0,1fr))}.offer-card{background:#fff;border-radius:var(--radius);box-shadow:10px 12px #00000021;display:grid;gap:1.1rem;padding:clamp(1.5rem,4vw,2.6rem);transition:transform .22s ease,box-shadow .22s ease}.offer-card:hover{box-shadow:14px 16px #00000026;transform:translateY(-.4rem)}.offer-icon{border:4px solid var(--accent);color:var(--accent);height:4.6rem;justify-self:center;margin-bottom:.4rem;position:relative;width:4.6rem}.offer-icon[data-icon=screen]{border-radius:.6rem}.offer-icon[data-icon=screen]:after{background:var(--accent);bottom:-1rem;content:"";height:.25rem;left:20%;position:absolute;width:60%}.offer-icon[data-icon=phone]{border-radius:.9rem;height:5.2rem;width:3.4rem}.offer-icon[data-icon=pen]{border-radius:.8rem}.offer-icon[data-icon=pen]:after{background:var(--accent);content:"";height:4.2rem;position:absolute;right:-.65rem;top:.25rem;transform:rotate(42deg);width:.35rem}.offer-card h3{font-size:clamp(1.45rem,2.6vw,2.2rem);font-weight:800;line-height:1.1;margin:0;text-align:center}.offer-card p{font-size:clamp(1rem,1.7vw,1.22rem);margin:-.6rem 0 .3rem;text-align:center}.offer-card ul{display:grid;gap:.7rem;list-style:none;margin:0;padding:0}.offer-card li{align-items:center;display:flex;gap:.7rem}.offer-card li:before{color:var(--ink);content:"\2713";font-size:1.5rem;font-weight:800}.offer-card .btn{align-self:end;margin-top:1rem;width:100%}.contact-section{align-items:center;color:#fff;display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:minmax(0,.9fr) minmax(18rem,.85fr);min-height:42rem;overflow:hidden;padding:clamp(3rem,7vw,6rem) clamp(1.25rem,6vw,6rem);position:relative}.contact-section:before{background:linear-gradient(90deg,#000000ad,#2f0733a8),url(/assets/grafika-4.png) center / cover;content:""}.contact-copy,.contact-form{position:relative;z-index:1}.contact-copy h2{font-size:clamp(2.2rem,5.2vw,4.7rem);margin:0 0 1rem}.contact-copy p{font-size:clamp(1.1rem,2vw,1.55rem);max-width:44rem}.contact-form{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff21;border:1px solid rgb(255 255 255 / 34%);border-radius:var(--radius);display:grid;gap:1rem;padding:clamp(1.2rem,3vw,2rem)}.contact-form label{display:block;font-size:.9rem;font-weight:700;margin-bottom:.35rem}.contact-form input,.contact-form textarea{background:#ffffffeb;border:0;border-radius:.9rem;color:var(--ink);min-height:3rem;padding:.85rem 1rem;resize:vertical;width:100%}.field-error{color:#ffd5ca;display:block;font-size:.88rem;margin-top:.35rem}.form-success{background:#ffffff24;border-radius:.8rem;margin:0;padding:.8rem 1rem}.faq-cta{background:var(--paper)}.faq-cta h2{font-size:clamp(2rem,5vw,4.2rem);margin:0 0 1rem}.faq-cta .btn{margin-top:2rem}.compact{padding-top:4rem}.page-hero{background:var(--paper);padding:clamp(4rem,9vw,8rem) clamp(1.25rem,7vw,8rem)}.page-hero h1{font-size:clamp(2.6rem,7vw,6.2rem);margin:0;max-width:72rem}.portfolio-hero{background:linear-gradient(90deg,#000000a8,#270a369e),url(/assets/grafika-4.png) center / cover;color:#fff}.portfolio-hero p{color:#fff;margin-top:1.2rem;max-width:48rem}.faq-list{background:#fff;display:grid;gap:0;padding:clamp(2rem,4vw,4rem) clamp(1.25rem,14vw,16rem) clamp(4rem,7vw,7rem)}.faq-item{border-bottom:1px solid var(--soft)}@supports (color: color-mix(in lab,red,red)){.faq-item{border-bottom:1px solid color-mix(in srgb,var(--soft) 70%,white)}}.faq-item button{align-items:center;background:transparent;border:0;color:var(--accent);cursor:pointer;display:flex;font-size:clamp(1.35rem,3vw,2.6rem);font-weight:800;gap:2rem;justify-content:space-between;padding:clamp(1.4rem,3vw,2.4rem) 0;text-align:left;width:100%}.faq-item button span:last-child{font-size:clamp(2rem,4vw,3.8rem);font-weight:400;line-height:1}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.faq-answer.open{grid-template-rows:1fr}.faq-answer p{color:var(--muted);font-size:clamp(1rem,1.8vw,1.25rem);margin:0;overflow:hidden;padding-right:clamp(1rem,6vw,8rem)}.faq-answer.open p{padding-bottom:1.8rem}.portfolio-grid{display:grid;gap:clamp(1rem,2.5vw,2rem);grid-template-columns:repeat(3,minmax(0,1fr));padding:clamp(2rem,6vw,5rem) clamp(1.25rem,6vw,6rem)}.portfolio-card{background:#fff;border-radius:1.1rem;box-shadow:var(--shadow);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.portfolio-card:hover{box-shadow:0 26px 54px #0003;transform:translateY(-.35rem)}.portfolio-card img{aspect-ratio:4 / 3;height:auto;object-fit:cover;width:100%}.portfolio-card div{padding:1.1rem}.portfolio-card p{color:var(--accent);font-size:.9rem;font-weight:800;margin:0 0 .25rem;text-transform:uppercase}.portfolio-card h2{font-size:clamp(1.15rem,2vw,1.55rem);font-weight:800;margin:0}.reveal{animation:reveal-up .62s ease both}@keyframes reveal-up{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:980px){.why-section,.contact-section,.site-footer{grid-template-columns:1fr}.offer-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.site-header{align-items:stretch;flex-direction:column;gap:.8rem;min-height:auto}.site-nav{justify-content:space-between;width:100%}.hero-section{min-height:42rem;padding-top:4rem}.hero-actions,.why-grid,.offer-grid,.portfolio-grid{grid-template-columns:1fr}.hero-actions{display:grid}.btn{width:100%}.why-grid{display:grid}.contact-section{min-height:auto}}
