@scope (.service-design) { :scope{--ink:#102c24;--forest:#123c2e;--green:#35b878;--mint:#ddf3e6;--paper:#f5f7f3;--muted:#586b61;--line:#dfe7df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}:scope{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 Outfit,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(42px,5.45vw,78px);font-weight:800}h2{font-size:clamp(30px,3.7vw,52px);font-weight:800}h3{font-size:27px;font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1a7a4a;outline-offset:5px}button{cursor:pointer}.wrap{width:calc(100% - 112px);max-width:1280px;margin:auto}.proto{background:var(--forest);color:#d1e9db;font-size:11px;letter-spacing:.02em;padding:6px 0}.proto .wrap{display:flex;justify-content:space-between}.header{height:106px;display:flex;align-items:center;gap:30px}.brand{margin-right:auto;font-size:22px;font-weight:600;line-height:1.05;letter-spacing:-.025em}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:8px;color:var(--muted)}.nav{display:flex;gap:29px;font-size:14px}.nav a:hover{text-decoration:underline;text-underline-offset:6px}.family{display:flex;align-items:center;gap:10px;border-left:1px solid #c9d7cb;padding-left:28px;font-size:12px}.family i{height:38px;width:38px;background:white;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line)}.family i:after{content:'';width:12px;height:12px;background:var(--green);border-radius:50%}.family b{display:block;font-size:14px}.menu{display:none;border:0;background:transparent;font-size:22px;padding:6px}.section{padding:95px 0}.hero{padding:32px 0 70px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center;min-height:615px}.hero-copy{padding-bottom:10px}.eyebrow{font-size:13px;display:flex;align-items:center;gap:10px;margin-bottom:24px}.dot{height:7px;width:7px;border-radius:50%;background:var(--green);display:inline-block}.lede{font-size:20px;line-height:1.55;color:var(--muted);max-width:49ch;margin-top:26px}.actions{display:flex;align-items:center;gap:22px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--forest);color:white;min-height:55px;border:1px solid transparent;border-radius:999px;font-size:15px;font-weight:500;padding:15px 24px;line-height:1.3;transition:background .2s,transform .2s}.button:hover{background:#20543f;transform:translateY(-2px)}.button.green{background:var(--green);color:#082719}.button.green:hover{background:#52cb8e}.button.ghost{background:transparent;border-color:#b9cdbc;color:var(--ink)}.text-link{font-size:14px;border-bottom:1px solid #91a89a;padding-bottom:3px}.note{font-size:12px;color:var(--muted);margin-top:17px;max-width:55ch}.portrait{height:555px;position:relative;padding:0 38px 28px 0}.portrait img{height:100%;width:100%;object-fit:cover;object-position:center 15%;border-radius:140px 18px 18px 18px}.portrait:before{content:'';position:absolute;inset:16px 0 0 35px;border:1px solid #b6cdbb;border-radius:140px 18px 18px 18px;z-index:-1}.portrait-label{position:absolute;bottom:51px;left:24px;background:white;padding:17px 22px;border-radius:10px;box-shadow:0 10px 35px #14281912;font-size:15px}.portrait-label small{display:block;font-size:12px;color:var(--muted)}.signature{position:absolute;right:0;top:34px;background:var(--forest);color:white;border-radius:50%;width:110px;height:110px;display:grid;place-items:center;text-align:center;font-size:14px;line-height:1.35;border:6px solid var(--paper)}.signature b{font-size:24px}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;padding:28px 0;gap:35px}.intro-strip b{display:block;font-size:19px;margin-bottom:5px}.intro-strip span{font-size:14px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:40px}.section-head p{max-width:38ch;color:var(--muted);font-size:18px}.section-head h2{max-width:19ch}.feature{display:grid;grid-template-columns:1fr 1.1fr;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.feature-art{background:var(--mint);padding:42px;display:flex;justify-content:center;align-items:center;min-height:415px}.feature-copy{padding:50px}.feature-copy h3{font-size:37px}.feature-copy p{margin-top:19px;color:var(--muted)}.badge{display:inline-block;font-size:11px;background:#edf3ee;border-radius:99px;padding:5px 11px;margin-bottom:20px;color:#3e5b49}.pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.small-offer{padding:30px;background:white;border-radius:16px;border:1px solid var(--line)}.small-offer h3{font-size:25px}.small-offer p{margin:13px 0 23px;color:var(--muted);font-size:16px}.dark{background:var(--forest);color:white}.dark .eyebrow{color:#c4dece}.dark p{color:#c1d9cc}.dark .text-link{border-color:#86aa96}.method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.method-grid h2{max-width:16ch}.method-grid .lede{font-size:18px}.flow-list{display:grid;gap:0}.flow-step{padding:23px 0;border-bottom:1px solid #365d4b;display:grid;grid-template-columns:43px 1fr;gap:16px}.flow-step:first-child{padding-top:0}.flow-step .n{font-size:12px;color:#8fb49d;padding-top:5px}.flow-step h3{font-size:24px;letter-spacing:-.025em}.flow-step p{font-size:15px;margin-top:8px}.cases{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case{border-top:2px solid var(--ink);padding:24px 0}.case .case-kind{font-size:12px;color:var(--muted);margin-bottom:15px}.case h3{font-size:30px;max-width:20ch}.case p{font-size:16px;color:var(--muted);margin:18px 0 25px;max-width:50ch}.case-art{height:135px;border-radius:12px;background:#e6eee7;margin-bottom:25px;display:flex;align-items:center;justify-content:center;gap:13px;padding:22px}.node{background:white;border:1px solid #cbdacb;border-radius:9px;padding:12px;font-size:12px;flex:1;text-align:center}.node.active{background:var(--forest);color:white}.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:center}.about img{width:100%;height:510px;object-fit:cover;object-position:50% 28%;border-radius:18px}.about p{margin-top:24px;color:var(--muted);font-size:19px;max-width:57ch}.video-list{margin-top:38px;border-top:1px solid var(--line)}.video-row{display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.play{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--mint);font-size:14px}.video-row h3{font-size:23px}.video-row small{font-size:12px;color:var(--muted)}.ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:28px}.ecosystem article{padding:40px;background:white;border:1px solid var(--line);border-radius:16px}.ecosystem article p{margin-top:18px;color:var(--muted);max-width:44ch}.ecosystem .button{margin-top:28px}.final{padding:62px;border-radius:22px;background:var(--forest);color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.final p{color:#bbd4c5;margin-top:18px}.final h2{font-size:45px}.final .actions{margin-top:0}.footer{padding:45px 0 70px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:75px}.footer nav{display:flex;gap:20px}.paper-sheet{background:white;box-shadow:0 20px 50px #1940311a;border:1px solid #d9e5db;border-radius:5px;width:100%;max-width:405px;padding:31px;color:var(--ink);position:relative}.paper-sheet .sheet-top{font-size:11px;display:flex;justify-content:space-between;margin-bottom:23px;color:var(--muted)}.paper-sheet h3{font-size:31px}.paper-sheet .sheet-lead{font-size:12px;color:var(--muted);margin:10px 0 23px}.sheet-row{display:grid;grid-template-columns:1fr 70px;padding:12px 0;border-bottom:1px solid #e2e9e2;font-size:12px}.sheet-row strong{font-weight:500}.sheet-foot{font-size:10px;margin-top:20px;color:var(--muted)}.sheet-tags{display:flex;gap:7px;margin-top:21px}.sheet-tags span{padding:7px 10px;background:var(--mint);font-size:10px;border-radius:30px}.landing .hero{padding:28px 0 60px}.landing .hero-grid{grid-template-columns:1.05fr .95fr;gap:62px;min-height:600px}.landing h1{font-size:clamp(39px,4.75vw,67px)}.product-visual{min-height:470px;background:var(--mint);border-radius:80px 18px 18px 18px;padding:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.product-visual.dark-art{background:var(--forest)}.product-visual .paper-sheet{transform:rotate(-3deg);max-width:380px}.visual-caption{font-size:11px;color:var(--muted);margin-top:27px;text-align:center}.dark-art .visual-caption{color:#c5ddce}.mini-person{display:flex;gap:12px;align-items:center;font-size:12px;margin-top:25px;color:var(--muted)}.mini-person img{width:44px;height:44px;object-fit:cover;object-position:center 15%;border-radius:50%}.mini-person strong{display:block;color:var(--ink);font-size:14px}.facts{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px}.facts small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.facts strong{font-size:20px;font-weight:500}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:start}.split h2{max-width:16ch}.split>div>p{font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:20px}.deliverables{display:grid;grid-template-columns:1fr 1fr;gap:32px 40px}.deliverable{border-top:1px solid #3d6450;padding-top:20px}.deliverable .icon{font-size:25px;color:#72dca3;margin-bottom:15px}.deliverable h3{font-size:24px}.deliverable p{font-size:16px;margin-top:14px}.schedule{border-top:1px solid var(--line)}.schedule-row{display:grid;grid-template-columns:115px 1fr;gap:28px;border-bottom:1px solid var(--line);padding:28px 0}.schedule-row .time{color:#1a7a4a;font-size:13px}.schedule-row h3{font-size:25px}.schedule-row p{color:var(--muted);font-size:16px;margin-top:10px;max-width:64ch}.fit{display:grid;grid-template-columns:1fr 1fr;gap:36px}.fit>div{padding:35px;border-radius:14px;background:#e7f1e8}.fit>div:last-child{background:#ecefea}.fit h3{font-size:26px}.fit p{margin-top:17px;color:var(--muted);font-size:17px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{cursor:pointer;list-style:none;font-size:19px;font-weight:500;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:25px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:16px;color:var(--muted);max-width:72ch;padding-top:16px}.enquiry{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.enquiry p{margin-top:20px;color:#c4dcca}.enquiry form{padding:30px;border:1px solid #496654;border-radius:16px;background:#1a4735}.enquiry label{display:block;font-size:12px;color:#c9ded0;margin:15px 0 7px}.enquiry input{width:100%;padding:14px;background:#fff;border:1px solid #d1e1d3;border-radius:7px;min-width:0;color:#102c24}.enquiry input::placeholder{color:#6c7d71}.enquiry label:first-child{margin-top:0}.enquiry .button{width:100%;margin-top:20px}.enquiry .legal{font-size:11px;line-height:1.5;margin-top:14px;color:#c3d7c8}.confirm{display:none;padding:15px;background:#ddf3e6;color:#102c24;margin-top:15px;border-radius:6px;font-size:14px}.sticky-cta{display:none}.agency-brand{width:100px;max-height:50px}.agency-hero{background:#e4eee5}.diagram{width:100%;display:grid;gap:12px}.diagram>div{background:white;padding:17px 22px;border-radius:12px;font-size:14px;color:var(--ink);display:flex;justify-content:space-between}.diagram b{font-size:14px}.diagram small{font-size:11px;color:var(--muted)}.diagram .arrow-down{height:12px;background:transparent;padding:0;justify-content:center;color:#3f865e}.diagram .selected{background:#35b878}.diagram .selected small{color:#143f2b}.indexbar{margin:30px auto 0;padding:15px 20px;background:white;border:1px solid var(--line);border-radius:10px;font-size:12px;display:flex;gap:16px;flex-wrap:wrap}.indexbar a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{gap:20px}.nav{gap:18px}.hero-grid,.landing .hero-grid{gap:30px}.portrait{height:500px}.signature{width:94px;height:94px}.family{padding-left:15px}.section{padding:75px 0}.about{gap:50px}.feature-copy{padding:35px}.final{padding:40px}.method-grid,.split{gap:45px}.product-visual{padding:30px}.paper-sheet{padding:24px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.proto{font-size:10px}.proto .right{display:none}.header{height:85px;gap:13px}.brand{font-size:18px}.brand small{font-size:9px;margin-top:6px}.family{padding-left:12px;gap:7px;font-size:9px}.family b{font-size:10px}.family i{width:27px;height:27px}.family i:after{width:8px;height:8px}.menu{display:block;font-size:20px}.nav{display:none;position:absolute;top:106px;left:20px;right:20px;padding:23px;background:white;box-shadow:0 15px 30px #102c2414;border-radius:10px;z-index:50;flex-direction:column}.nav.open{display:flex}.hero{padding:25px 0 40px}.hero-grid,.landing .hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}h1{font-size:44px}.eyebrow{font-size:12px;margin-bottom:19px}.lede{font-size:17px;margin-top:22px;line-height:1.6}.actions{gap:17px;margin-top:25px}.button{min-height:52px;padding:14px 21px;font-size:14px}.hero .text-link{font-size:13px}.portrait{height:440px;padding-right:25px}.portrait img{border-radius:95px 15px 15px 15px;object-position:center 15%}.portrait-label{left:15px;bottom:46px;font-size:14px}.signature{top:20px;right:0;width:95px;height:95px}.intro-strip{grid-template-columns:1fr;gap:20px;padding:26px 0}.intro-strip b{font-size:18px}.intro-strip span{font-size:14px}.section{padding:60px 0}.section-head{display:block;margin-bottom:28px}.section-head p{font-size:17px;margin-top:20px}h2{font-size:34px}.feature,.pair,.cases,.about,.ecosystem,.final,.method-grid,.split,.fit,.enquiry{grid-template-columns:1fr;gap:27px}.feature-art{padding:30px;min-height:340px}.feature-copy{padding:29px}.feature-copy h3{font-size:30px}.small-offer{padding:26px}.method-grid{gap:36px}.flow-step{padding:21px 0}.case h3{font-size:28px}.case-art{gap:7px;padding:12px;height:120px}.node{font-size:10px;padding:10px 7px}.about img{height:390px;object-position:center 25%}.about p{font-size:17px}.video-row{grid-template-columns:36px 1fr;gap:15px}.video-row small{grid-column:2}.video-row h3{font-size:21px}.play{width:35px;height:35px}.ecosystem article{padding:28px}.final{padding:30px}.final h2{font-size:32px}.footer{display:block;margin-top:55px;padding-bottom:100px}.footer nav{flex-wrap:wrap;margin-top:20px;gap:15px}.landing .hero{padding-top:20px}.landing h1{font-size:41px}.product-visual{min-height:400px;border-radius:65px 16px 16px 16px;padding:30px}.paper-sheet h3{font-size:28px}.facts{grid-template-columns:1fr;gap:17px;padding:25px 0}.facts div{display:flex;justify-content:space-between;gap:20px}.facts strong{font-size:16px;text-align:right}.facts small{font-size:12px}.split>div>p{font-size:17px}.deliverables{grid-template-columns:1fr;gap:29px}.deliverable h3{font-size:24px}.schedule-row{grid-template-columns:1fr;gap:10px;padding:24px 0}.schedule-row h3{font-size:24px}.fit>div{padding:27px}.faq summary{font-size:18px}.enquiry form{padding:23px}.sticky-cta{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 20px;background:#fffffff2;border-top:1px solid #d4dfd6;z-index:30}.sticky-cta .button{width:100%;min-height:44px;padding:11px}.indexbar{font-size:11px}.agency-brand{width:86px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none}}

}
.service-design h1{margin:0}.service-accent{color:#268859}.service-design .dark{background:radial-gradient(ellipse at 100% 0%,#1e5a42 0%,#123c2e 58%)}.service-design .mini-person img{flex:none;aspect-ratio:1}.service-design input:focus-visible{outline:3px solid #79d4a4;outline-offset:3px}.service-design .enquiry .legal label{display:flex;align-items:flex-start;gap:10px}.service-design .enquiry .legal input{width:18px;min-height:18px;margin-top:2px}.service-design .enquiry .legal a{text-decoration:underline}.service-design .diagram>div:not(.arrow-down){min-height:56px}.service-design .faq summary{min-height:44px;align-items:center}.service-design .text-link{min-height:44px;display:inline-flex;align-items:center}.service-design .sticky-cta{padding-bottom:max(10px,env(safe-area-inset-bottom))}.service-design .button{max-width:100%}@media(max-width:640px){.service-design .diagram>div{flex-wrap:wrap;gap:8px}.service-design .actions .button{font-size:13px}.service-design .enquiry .button{font-size:13px}}

.service-design .hero{padding:28px 0 60px}.service-design .hero-grid{grid-template-columns:1.05fr .95fr;gap:62px;min-height:600px}.service-design .hero h1{font-size:clamp(39px,4.75vw,67px);line-height:1.05;letter-spacing:-.045em;font-weight:800}.service-design .hero .hero-copy{padding:0 0 10px}.service-design .hero .text-link{font-size:14px}@media(max-width:1050px){.service-design .hero-grid{gap:30px}}@media(max-width:700px){.service-design .hero{padding-top:20px}.service-design .hero-grid{grid-template-columns:1fr;gap:30px;min-height:0}.service-design .hero h1{font-size:41px}.service-design .hero .text-link{font-size:13px}}

/* A natív mezőrenderelő ugyanazt a szolgáltatási kártyát használja. */
.service-design .service-form-shell .page-section.section-form{width:100%;max-width:none;margin:0;padding:0;background:none;border:0}
.service-design .service-form-shell .section-form-layout{display:block}
.service-design .service-form-shell .section-form-card{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
.service-design .service-form-shell form.section-form{margin:0;width:100%;padding:30px;border:1px solid #496654;border-radius:16px;background:#1a4735;max-width:none}
.service-design .service-form-shell .section-form-grid{display:block}
.service-design .service-form-shell .section-form-group{margin:0 0 15px}
.service-design .service-form-shell .section-form-group:last-child{margin-bottom:0}
.service-design .service-form-shell label{font-size:12px;line-height:1.55;font-weight:400;color:#c9ded0;margin:0 0 7px}
.service-design .service-form-shell input:not([type=checkbox]):not([type=hidden]):not(.section-form-honeypot){min-height:0;height:auto;width:100%;padding:14px;border:1px solid #d1e1d3;border-radius:7px;background:white;color:#102c24;font:17px/1.55 Outfit,sans-serif;box-shadow:none}
.service-design .service-form-shell .section-form-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.5;margin-top:14px;color:#c3d7c8}
.service-design .service-form-shell input[type=checkbox]{appearance:auto;width:18px;min-height:18px;height:18px;margin:2px 0 0;padding:0;border-radius:0;flex:none}
.service-design .service-form-shell .section-form-checkbox a{text-decoration:underline}
.service-design .service-form-shell button.section-form-submit{width:100%;margin-top:20px;min-height:55px;padding:15px 24px;display:inline-flex;justify-content:center;gap:22px;align-items:center;border:1px solid transparent;border-radius:999px;background:#35b878;color:#082719;font:500 15px/1.3 Outfit,sans-serif;box-shadow:none;letter-spacing:0;transition:background .2s,transform .2s}
.service-design .service-form-shell button.section-form-submit:hover{background:#52cb8e;transform:translateY(-2px)}
.service-design .service-form-shell button.section-form-submit:active{transform:translateY(0)}
.service-design .service-form-shell button.section-form-submit .btn-cta-icon{display:none}
.service-design .service-form-shell .section-form-status{padding:15px;background:#ddf3e6;color:#102c24;margin:0 0 15px;border-radius:6px;font-size:14px}
.service-page footer{padding-bottom:100px}
@media(max-width:700px){.service-design .service-form-shell form.section-form{padding:23px}.service-design .service-form-shell button.section-form-submit{font-size:13px;min-height:52px;padding:14px 21px}}

.service-design .service-form-shell .section-form-checkbox input[type=checkbox]{position:static;overflow:visible;clip:auto;white-space:normal;min-height:18px;width:18px;height:18px;padding:0;margin:2px 0 0;border:1px solid #d1e1d3}
.service-design .service-form-shell .section-form-checkbox-box{display:none}
.service-design .service-form-shell .section-form-checkbox-text{font:inherit;color:inherit;line-height:inherit}