/* Approved Websites & Onlineshops high-fidelity wireframe styles. */
:root{--yellow:#ffe401;--ink:#111;--dark:#0b0b0b;--paper:#f4f4ef;--white:#fff;--muted:#a6a6a1;--line:#d4d4cf;--max:1600px}
.hero{min-height:100svh;position:relative;display:flex;align-items:end;overflow:hidden;color:#fff;background:#080808}.hero-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:88px 88px}.browser-stack{position:absolute;right:3vw;top:16%;width:min(54vw,850px);height:63%;transform:rotate(-4deg)}.browser{position:absolute;inset:0;border:1px solid #555;background:#151515;box-shadow:22px 22px 0 var(--yellow)}.browser::before{content:"";position:absolute;left:22px;right:22px;top:20px;height:42px;border:1px solid #444;background:linear-gradient(90deg,#222 0 18%,#111 18%)}.browser::after{content:"WEBSITE / SHOP";position:absolute;inset:85px 22px 22px;display:grid;place-items:center;color:rgba(255,255,255,.13);background:linear-gradient(135deg,#101010,#262626);font-size:clamp(30px,5vw,80px);font-weight:900;letter-spacing:-.06em}.browser-card{position:absolute;right:-22px;bottom:-25px;width:38%;height:43%;z-index:2;border:1px solid #777;background:var(--yellow);box-shadow:-14px 14px 0 rgba(0,0,0,.35)}.browser-card::after{content:"MOBILE";position:absolute;inset:0;display:grid;place-items:center;color:rgba(0,0,0,.22);font-size:clamp(18px,3vw,40px);font-weight:900}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.96),transparent 70%),linear-gradient(90deg,rgba(0,0,0,.92),transparent 78%)}.hero-content{position:relative;z-index:3;padding:210px 0 85px}.hero h1{max-width:950px}.hero .lead{margin-bottom:38px;color:#d2d2ce}.hero-meta{display:flex;justify-content:space-between;gap:20px;margin-top:75px;padding-top:24px;border-top:1px solid #555;color:#aaa;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.promise{background:#fff;border-bottom:1px solid var(--line)}.promise-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr)}.promise-item{min-height:105px;display:flex;align-items:center;padding:20px 28px;border-left:1px solid var(--line);font-size:14px;font-weight:900}.promise-item:first-child{padding-left:0;border-left:0;font-size:20px;letter-spacing:-.03em}.problems{background:var(--paper)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.problem{min-height:370px;position:relative;padding:34px;border:1px solid var(--line);background:#fff;overflow:hidden}.problem:nth-child(2){margin-top:28px;color:#fff;background:#111;border-color:#111}.problem:nth-child(3){margin-top:56px;background:var(--yellow);border-color:var(--yellow)}.problem p{max-width:330px;color:#626262}.problem:nth-child(2) p{color:#aaa}.problem-index{display:block;margin-bottom:100px;font-size:11px;font-weight:900;letter-spacing:.14em}.scope{background:#fff}.scope-list{border-top:1px solid #111}.scope-row{display:grid;grid-template-columns:70px 1fr 1fr 54px;gap:32px;align-items:center;padding:34px 0;border-bottom:1px solid #111;transition:.2s}.scope-row:hover{padding-left:18px;background:var(--yellow)}.scope-row span{align-self:start;padding-top:7px;font-size:11px;font-weight:900}.scope-row strong{font-size:clamp(24px,2.4vw,39px);letter-spacing:-.04em}.scope-row p{margin:0;color:#555}.scope-link{width:48px;height:48px;display:grid;place-items:center;border:1px solid #111;border-radius:50%}.shop{position:relative;overflow:hidden;background:var(--yellow)}.shop-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.shop-copy .lead{color:#252525}.shop-copy ul{margin:25px 0 34px;padding-left:18px;line-height:1.85}.shop-ui{min-height:620px;position:relative;border:1px solid #111;background:#fff;box-shadow:24px 24px 0 #111}.shop-top{height:72px;border-bottom:1px solid #bbb;background:#f5f5f1}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:18px}.product{min-height:220px;position:relative;padding:18px;border:1px solid #bbb;background:linear-gradient(145deg,#e5e5df,#fafaf7)}.product::before{content:"PRODUKT";position:absolute;inset:0;display:grid;place-items:center;color:#bcbcb4;font-size:23px;font-weight:900}.shop-checkout{position:absolute;right:-25px;bottom:35px;width:58%;padding:25px;color:#fff;background:#111}.shop-checkout span{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #444;font-size:13px}.shop-checkout b{color:var(--yellow)}.process{color:#fff;background:#0c0c0c}.process-flow{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #3d3d3d}.process-step{min-height:350px;position:relative;padding:30px;border-left:1px solid #3d3d3d}.process-step:first-child{border-left:0}.process-step:nth-child(3){color:#111;background:var(--yellow)}.process-step p{color:#aaa}.process-step:nth-child(3) p{color:#333}.process-step span{display:block;margin-bottom:90px;color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.13em}.process-step:nth-child(3) span{color:#111}.process-step b{position:absolute;right:14px;bottom:-15px;color:rgba(255,255,255,.05);font-size:110px}.quality{background:var(--paper)}.quality-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.quality-card{min-height:350px;padding:30px;border-left:1px solid var(--line);background:#fff}.quality-card:first-child{border-left:0}.quality-card:nth-child(3){color:#fff;background:#111}.quality-card:nth-child(3) p{color:#aaa}.quality-icon{width:58px;height:58px;margin-bottom:85px;border:1px solid currentColor;border-radius:50%}.quality-icon::after{content:"";display:block;width:16px;height:16px;margin:20px;border-radius:50%;background:currentColor}.quality-card p{color:#666}.case-section{background:#fff}.case{display:grid;grid-template-columns:1.2fr .8fr;min-height:650px}.case-media{position:relative;overflow:hidden;background:#e8e8e2}.case-media::before{content:"PROJECT VISUAL";position:absolute;inset:0;display:grid;place-items:center;color:#c1c1ba;font-size:clamp(38px,7vw,105px);font-weight:900;transform:rotate(-9deg)}.case-copy{display:flex;flex-direction:column;justify-content:center;padding:70px;color:#fff;background:#111}.case-copy p{color:#aaa}.metric{padding:20px 0;border-top:1px solid #444;font-size:18px;font-weight:800}.metric strong{color:var(--yellow)}.faq-section{background:var(--paper)}.faq{border-top:1px solid #111}.faq-item{border-bottom:1px solid #111}.faq-question{width:100%;display:grid;grid-template-columns:55px 1fr 48px;gap:20px;align-items:center;padding:27px 0;border:0;background:transparent;text-align:left}.faq-question span{font-size:11px;font-weight:900}.faq-question strong{font-size:clamp(19px,2vw,28px)}.faq-plus{width:44px;height:44px;display:grid;place-items:center;border:1px solid #111;border-radius:50%;font-size:25px;font-style:normal;transition:transform .2s}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s}.faq-answer p{max-width:850px;margin:0 0 28px;padding-left:75px;color:#555}.faq-item.open .faq-answer{max-height:220px}.faq-item.open .faq-plus{transform:rotate(45deg)}.contact{background:var(--yellow)}.contact-layout{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}.contact h2{max-width:900px}.mobile-bar{display:none}
@media(max-width:900px){.browser-stack{width:76vw;right:-18vw;top:18%;opacity:.55}.hero-content{padding-top:170px}.hero-meta{display:none}.promise-grid{grid-template-columns:1fr 1fr}.problem-grid,.quality-grid{grid-template-columns:1fr 1fr}.problem:nth-child(3){margin-top:0}.scope-row{grid-template-columns:48px 1fr 48px}.scope-row p{grid-column:2}.shop-layout,.case{grid-template-columns:1fr}.process-flow{grid-template-columns:1fr}.process-step{min-height:auto;border-left:0;border-top:1px solid #3d3d3d}.process-step span{margin-bottom:30px}.contact-layout{grid-template-columns:1fr}}
@media(max-width:640px){.problem-grid,.quality-grid,.promise-grid{grid-template-columns:1fr}.problem:nth-child(2),.problem:nth-child(3){margin-top:0}.quality-card{border-left:0;border-top:1px solid var(--line)}.shop-ui{min-height:500px}.shop-grid{grid-template-columns:1fr 1fr}.product{min-height:160px}.shop-checkout{right:10px;width:75%}.case-copy{padding:38px}.faq-question{grid-template-columns:38px 1fr 44px}.faq-answer p{padding-left:0}.mobile-bar{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1.2fr;padding:8px;background:#fff;border-top:1px solid #ccc}.mobile-bar .btn{min-height:50px;padding:0 12px}.site-footer{padding-bottom:90px}}