HTML bileşenine tek parça halinde yapıştırın. Metinleri HTML alanında, görünümü en alttaki CSS bölümünde düzenleyebilirsiniz. Formun gerçek başvuru alması için Elementor Form veya Fluent Forms ile bağlayın. --> @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap'); #brandup, #brandup *{box-sizing:border-box} #brandup{ --bu-green:#07140f;--bu-green-deep:#030a07;--bu-sage:#e8f0df; --bu-cream:#f4f6f1;--bu-ink:#111914;--bu-muted:#667169; --bu-line:#e1e7df;--bu-accent:#b8ff00; width:100%;font-family:"Manrope",Arial,sans-serif;color:var(--bu-ink); background:#fff;line-height:1.6;overflow:hidden } #brandup a{color:inherit;text-decoration:none} #brandup .bu-container{width:min(1160px,calc(100% - 48px));margin:0 auto} #brandup .bu-topbar{background:var(--bu-green-deep);color:#fff} #brandup .bu-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px} #brandup .bu-logo{font-size:25px;font-weight:800;letter-spacing:-1.8px;color:#f8f9f5;text-transform:uppercase} #brandup .bu-logo span{color:var(--bu-accent)} #brandup .bu-navlinks{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600;color:#e1e9e3} #brandup .bu-navlinks a:hover{color:var(--bu-accent)} #brandup .bu-navcta{padding:12px 17px;background:var(--bu-accent);color:#07100a;font-size:11px;font-weight:800;border-radius:3px} #brandup .bu-hero{background:radial-gradient(ellipse at 88% 92%,rgba(184,255,0,.16),transparent 34%),linear-gradient(125deg,#030a07 0%,#081810 58%,#0b1c12 100%);color:#fff;padding:76px 0 78px} #brandup .bu-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center} #brandup .bu-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--bu-accent)} #brandup .bu-hero h1{font-size:clamp(40px,5.3vw,66px);line-height:1.08;letter-spacing:-3px;font-weight:600;margin:20px 0 20px;color:#fff} #brandup .bu-hero h1 em{font-style:normal;color:var(--bu-accent)} #brandup .bu-lead{font-size:14px;line-height:1.9;color:#d5dfd8;max-width:570px;margin:0} #brandup .bu-proofline{display:flex;flex-wrap:wrap;gap:20px;margin-top:34px;color:#d0d9d1;font-size:10px;letter-spacing:1px;font-weight:700} #brandup .bu-proofline span:before{content:"—";color:var(--bu-accent);margin-right:8px} #brandup .bu-formcard{background:#fff;color:var(--bu-ink);padding:30px;border-radius:5px;box-shadow:0 22px 60px rgba(0,0,0,.15)} #brandup .bu-formcard .bu-formtop{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#73836f;font-weight:800} #brandup .bu-formcard h2{font-size:25px;line-height:1.25;letter-spacing:-1px;margin:9px 0 7px;font-weight:700;color:var(--bu-ink)} #brandup .bu-formcard .bu-formintro{font-size:12px;color:var(--bu-muted);margin:0 0 21px;line-height:1.7} #brandup .bu-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px} #brandup .bu-field{min-width:0} #brandup .bu-field.bu-full{grid-column:1/-1} #brandup .bu-field label{display:block;font-size:10px;font-weight:700;color:#445248;margin:0 0 6px} #brandup .bu-field input,#brandup .bu-field select,#brandup .bu-field textarea{ display:block;width:100%;min-width:0;border:1px solid #dfe5dc;border-radius:3px; background:#fff;padding:12px 11px;font:500 11px "Manrope",Arial,sans-serif;color:#1d2922; outline:none;box-shadow:none } #brandup .bu-field input:focus,#brandup .bu-field select:focus,#brandup .bu-field textarea:focus{border-color:#78916c} #brandup .bu-field textarea{min-height:72px;resize:vertical} #brandup .bu-submit{display:flex;width:100%;justify-content:center;align-items:center;gap:10px;margin-top:15px;padding:15px 18px;border:0;border-radius:3px;background:var(--bu-accent);color:#07100a;font:800 11px "Manrope",Arial,sans-serif;cursor:pointer} #brandup .bu-submit:hover{background:#a5e600} #brandup .bu-privacy{font-size:9px;line-height:1.6;color:#879087;margin:10px 0 0} #brandup .bu-section{padding:82px 0} #brandup .bu-section-head{max-width:680px;margin-bottom:35px} #brandup .bu-eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#648000;font-weight:800} #brandup .bu-section h2{font-size:clamp(30px,4vw,45px);line-height:1.16;letter-spacing:-2px;font-weight:600;margin:12px 0;color:var(--bu-ink)} #brandup .bu-section-head p{font-size:13px;line-height:1.85;color:var(--bu-muted);max-width:580px;margin:0} #brandup .bu-services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} #brandup .bu-service{border:1px solid var(--bu-line);padding:24px 23px;min-height:190px;background:#fff;transition:border-color .2s,transform .2s,box-shadow .2s} #brandup .bu-service small{font-size:9px;letter-spacing:1.3px;color:#718d00;font-weight:800} #brandup .bu-service h3{font-size:17px;letter-spacing:-.6px;margin:22px 0 8px;font-weight:700;color:var(--bu-ink)} #brandup .bu-service p{font-size:11px;line-height:1.8;color:var(--bu-muted);margin:0} #brandup .bu-service:hover{border-color:var(--bu-accent);transform:translateY(-3px);box-shadow:0 12px 30px rgba(10,25,12,.06)} #brandup .bu-band{background:var(--bu-cream)} #brandup .bu-bandgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center} #brandup .bu-darkpanel{background:linear-gradient(145deg,#07140f,#0b2116);padding:38px;color:#fff;min-height:310px;display:flex;flex-direction:column;justify-content:space-between;border-left:4px solid var(--bu-accent)} #brandup .bu-darkpanel small{font-size:9px;letter-spacing:1.7px;color:var(--bu-accent);font-weight:800} #brandup .bu-darkpanel strong{font-size:31px;line-height:1.25;letter-spacing:-1.3px;font-weight:600;max-width:380px} #brandup .bu-darkpanel span{font-size:10px;letter-spacing:1px;color:#d2ded5} #brandup .bu-bandcopy p{font-size:13px;line-height:1.9;color:var(--bu-muted);margin:0} #brandup .bu-steps{margin-top:23px;border-top:1px solid #dfe5dc} #brandup .bu-step{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #dfe5dc} #brandup .bu-step b{font-size:10px;color:#829477} #brandup .bu-step strong{display:block;font-size:12px;margin-bottom:3px} #brandup .bu-step span{font-size:10px;color:var(--bu-muted)} #brandup .bu-cta{background:radial-gradient(ellipse at 90% 50%,rgba(184,255,0,.12),transparent 35%),#030a07;color:#fff;padding:55px 0} #brandup .bu-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px} #brandup .bu-cta h2{font-size:clamp(26px,3.5vw,38px);line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin:0 0 8px;color:#fff} #brandup .bu-cta p{font-size:12px;color:#c5d1c8;margin:0} #brandup .bu-cta a{display:inline-flex;white-space:nowrap;padding:14px 19px;background:var(--bu-accent);color:#07100a;font-size:11px;font-weight:800;border-radius:3px} #brandup .bu-footer{background:#020705;color:#c6d1c9;padding:24px 0;border-top:1px solid rgba(184,255,0,.22)} #brandup .bu-footerinner{display:flex;justify-content:space-between;gap:20px;align-items:center} #brandup .bu-footer small{font-size:10px;color:#a3b0a6} @media(max-width:850px){ #brandup .bu-hero-grid{grid-template-columns:1fr;gap:34px} #brandup .bu-hero{padding:58px 0} #brandup .bu-formcard{max-width:620px} #brandup .bu-bandgrid{grid-template-columns:1fr;gap:32px} #brandup .bu-services{grid-template-columns:repeat(2,1fr)} } @media(max-width:560px){ #brandup .bu-container{width:calc(100% - 34px)} #brandup .bu-nav{height:64px} #brandup .bu-navlinks{display:none} #brandup .bu-navcta{font-size:10px;padding:10px 12px} #brandup .bu-hero h1{font-size:43px;letter-spacing:-2px} #brandup .bu-hero{padding:48px 0} #brandup .bu-formcard{padding:22px} #brandup .bu-fields{grid-template-columns:1fr} #brandup .bu-field.bu-full{grid-column:auto} #brandup .bu-section{padding:62px 0} #brandup .bu-services{grid-template-columns:1fr} #brandup .bu-service{min-height:160px} #brandup .bu-cta-inner{align-items:flex-start;flex-direction:column} #brandup .bu-footerinner{align-items:flex-start;flex-direction:column} }