:root{--ink:#07151c;--ink2:#10242d;--gold:#f3b72e;--mint:#20c997;--paper:#f2f5f4;--line:#d7e0df;--muted:#64757c;--white:#fff;--danger:#d85f4a;--shadow:0 18px 48px rgba(7,21,28,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:76px;padding:0 max(20px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #20343d}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none}.brand-mark{width:38px;height:38px;border:2px solid var(--gold);display:grid;place-items:center;font:900 24px Georgia;color:var(--gold);transform:skew(-5deg)}.brand b{font-size:14px;letter-spacing:.08em}.brand small{display:block;color:var(--gold);font-size:10px;letter-spacing:.28em;margin-top:2px}.install{border:1px solid #53636a;background:transparent;color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}main{width:min(1120px,calc(100% - 32px));margin:auto}.hero{background:var(--ink);color:#fff;margin:0 calc((1120px - 100vw)/2);padding:64px max(20px,calc((100vw - 1120px)/2)) 56px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:380px;height:380px;border:70px solid rgba(243,183,46,.08);border-radius:50%;right:-90px;top:-150px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--mint)}h1{font-size:clamp(38px,7vw,78px);line-height:.95;letter-spacing:-.055em;margin:18px 0 20px;max-width:780px}h1 em{color:var(--gold);font-style:normal}.hero p{font-size:18px;max-width:620px;color:#b9c7cb;line-height:1.55}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;font-size:13px;font-weight:800}.trust span:before{color:var(--mint)}.tool-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:-22px 0 24px;position:relative;z-index:2}.tab{min-height:82px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 8px 22px rgba(7,21,28,.08);font-weight:900;font-size:14px;cursor:pointer;display:flex;gap:9px;align-items:center;justify-content:center}.tab span{font-size:21px;color:#8b9a9f}.tab.active{background:var(--gold);border-color:var(--gold)}.tab.active span{color:var(--ink)}.panel{display:none;background:#fff;border-radius:22px;padding:32px;margin-bottom:24px;box-shadow:var(--shadow)}.panel.active{display:block}.panel-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:26px;gap:24px}.panel-head>div{display:flex;align-items:center;gap:14px}.step{font:900 13px ui-monospace;color:var(--gold);background:var(--ink);padding:9px;border-radius:8px}.panel h2{font-size:25px;margin:0;letter-spacing:-.025em}.panel-head p{margin:0;color:var(--muted);font-size:13px;max-width:380px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{font-size:13px;font-weight:850;display:grid;gap:8px}input,select{width:100%;height:54px;border:1px solid #cbd7d6;border-radius:12px;background:#f9fbfa;color:var(--ink);padding:0 15px;font:700 16px inherit;outline:none}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(243,183,46,.18)}.suffix{position:relative}.suffix input{padding-right:48px}.suffix span{position:absolute;right:14px;top:17px;color:var(--muted);font-size:13px}.actions{display:flex;gap:10px;margin:24px 0}.primary,.ghost{min-height:54px;border-radius:12px;padding:0 20px;font-weight:900;font-size:15px;cursor:pointer}.primary{border:0;background:var(--gold);color:var(--ink);box-shadow:0 10px 24px rgba(243,183,46,.25)}.ghost{border:1px solid var(--line);background:#fff;color:var(--ink)}.result{background:var(--ink);color:#fff;border-radius:18px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:7px 20px;align-items:end}.result>span{font-size:10px;letter-spacing:.18em;color:var(--mint);font-weight:900}.result>strong{grid-row:1/3;grid-column:2;font-size:clamp(25px,5vw,38px);color:var(--gold);text-align:right}.result>small{color:#9fb0b6;line-height:1.45}.result .plan{grid-column:1/-1;margin-top:14px;display:grid;gap:10px}.bar{height:48px;background:#233a44;border-radius:8px;overflow:hidden;display:flex}.piece{display:grid;place-items:center;border-right:1px solid var(--ink);background:#79a8dd;color:#07151c;font-size:10px;font-weight:900;min-width:2px}.waste{background:repeating-linear-gradient(135deg,#304a55,#304a55 8px,#273e48 8px,#273e48 16px);min-width:2px}.plan-row small{display:block;color:#aebcc0;margin:5px 0}.row-title{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.row-title h3{font-size:16px}.text-btn{border:0;background:transparent;color:#a96b00;font-weight:900;cursor:pointer}.cut-rows{display:grid;gap:10px}.cut-row{display:grid;grid-template-columns:1fr 130px 44px;gap:10px;align-items:end}.remove-row{height:54px;border:1px solid #f0c3ba;border-radius:12px;background:#fff5f2;color:var(--danger);font-size:22px;cursor:pointer}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-grid label{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px;padding:15px;background:#f9fbfa}.check-grid input{width:20px;height:20px;accent-color:var(--gold)}.saved-list{display:grid;gap:10px}.saved-item{display:flex;justify-content:space-between;gap:15px;border:1px solid var(--line);padding:16px;border-radius:13px}.saved-item small{display:block;color:var(--muted);margin-top:4px}.saved-item button{border:0;background:#fff1ed;color:#b84834;border-radius:8px;padding:8px;cursor:pointer}.ad-slot{border:1px dashed #afbcba;border-radius:18px;min-height:90px;display:flex;align-items:center;justify-content:center;gap:18px;margin:30px 0;padding:18px;text-align:center;color:var(--muted)}.ad-slot span{font-size:10px;letter-spacing:.2em;font-weight:900}.ad-slot p{font-size:12px;margin:0}footer{background:var(--ink);color:#fff;padding:35px max(20px,calc((100% - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:30px}footer small{display:block;color:#94a8ae;margin-top:6px;max-width:600px}footer a{color:var(--gold);font-weight:900;text-decoration:none}
@media(max-width:700px){.topbar{height:68px}.install{font-size:11px;padding:9px}.hero{padding-top:46px}.hero p{font-size:15px}.trust{gap:10px;font-size:11px}.tool-tabs{grid-template-columns:repeat(2,1fr);margin-top:-18px}.tab{min-height:66px}.panel{padding:20px;border-radius:18px}.panel-head{display:block}.panel-head>div{align-items:flex-start}.panel-head p{margin:12px 0 0 49px}.form-grid,.form-grid.three,.check-grid{grid-template-columns:1fr}.cut-row{grid-template-columns:1fr 86px 44px}.actions{flex-direction:column}.actions button{width:100%}.result{grid-template-columns:1fr}.result>strong{grid-row:auto;grid-column:auto;text-align:left}.ad-slot{display:block}footer{display:block}footer a{display:inline-block;margin-top:18px}}
.print-sheet{display:none}
@media print{
 @page{size:A4;margin:9mm}
 html,body{background:#fff!important;width:auto!important;margin:0!important;padding:0!important}
 body>*{display:none!important}
 #printSheet{display:block!important;color:#07151c;font-family:Inter,Arial,sans-serif;font-size:10pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .print-sheet-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:10px;border-bottom:3px solid #f3b72e;margin-bottom:12px}
 .print-sheet-head b{font-size:18pt;letter-spacing:.04em}.print-sheet-head small{display:block;color:#64757c;margin-top:3px}.print-sheet-head time{color:#64757c;font-size:8.5pt;white-space:nowrap}
 .print-sheet h1{font-size:17pt;line-height:1.15;letter-spacing:0;margin:0 0 10px;color:#07151c}
 .print-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}
 .print-input{border:1px solid #cbd7d6;border-radius:7px;padding:7px 9px;break-inside:avoid}.print-input span{display:block;color:#64757c;font-size:7.5pt;margin-bottom:2px}.print-input b{font-size:10pt}
 .print-result-copy .result{display:grid!important;background:#07151c!important;color:#fff!important;border-radius:10px;padding:15px;box-shadow:none}
 .print-result-copy .result>span{color:#20c997!important}.print-result-copy .result>strong{color:#f3b72e!important}
 .print-result-copy .result>small{color:#d2dcdf!important}.print-result-copy .result-actions{display:none!important}
 .print-result-copy .plan{display:grid!important}.print-result-copy .cut-stats{margin:2px -15px 8px}.print-result-copy .plan-row,.print-result-copy .sheet-plan,.print-result-copy .cut-stats{break-inside:avoid;page-break-inside:avoid}
 .print-result-copy .bar{background:#233a44!important}.print-result-copy .waste{background:repeating-linear-gradient(135deg,#304a55,#304a55 8px,#273e48 8px,#273e48 16px)!important}
 .print-result-copy .piece,.print-result-copy .sheet-piece{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .print-note{margin-top:10px;padding-top:8px;border-top:1px solid #d7e0df;color:#64757c;font-size:7.5pt;line-height:1.4}
}

.shape-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.shape-heading h3{margin:0;font-size:16px}.shape-heading small{color:var(--muted)}.shape-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:24px}.shape-card{min-width:0;border:1px solid var(--line);background:#f9fbfa;border-radius:14px;padding:12px 6px 10px;display:grid;gap:7px;place-items:center;color:var(--ink);font-family:inherit;font-weight:900;cursor:pointer;transition:.18s ease}.shape-card:hover{transform:translateY(-2px);border-color:#a9b7b5}.shape-card.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 9px 22px rgba(7,21,28,.18)}.shape-card svg{width:54px;height:42px;fill:none;stroke:currentColor;stroke-width:3;stroke-linejoin:round}.shape-card svg .solid{fill:currentColor;stroke:none}.shape-card.active svg{color:var(--gold)}.shape-card span{display:block;white-space:normal;line-height:1.1;font-size:12px;min-height:26px}.material-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin-bottom:18px}.shape-diagram{min-height:132px;border-radius:14px;background:linear-gradient(135deg,#edf2f1,#fafcfc);border:1px solid var(--line);display:grid;place-items:center;padding:12px;color:var(--ink)}.shape-diagram svg{width:100%;height:105px}.shape-diagram .part{fill:none;stroke:var(--ink);stroke-width:7;stroke-linejoin:round}.shape-diagram .part.fill{fill:#dfe7e6}.shape-diagram .dim{stroke:#7d8d92;stroke-width:1.5}.shape-diagram text{font:700 10px sans-serif;fill:#53656b}.material-row label small{font-weight:500;color:var(--muted);line-height:1.35}
.material-controls{display:grid;gap:13px}
.brand-logo{display:block;width:auto;height:49px;object-fit:contain}.brand-cepte{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.24em;margin-left:3px}.cut-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;padding:6px;background:#edf2f1;border-radius:15px}.cut-mode button{min-height:56px;border:0;border-radius:11px;background:transparent;color:var(--ink);font:900 14px inherit;cursor:pointer}.cut-mode button.active{background:var(--ink);color:var(--gold);box-shadow:0 7px 18px rgba(7,21,28,.16)}.cut-mode-panel{display:none}.cut-mode-panel.active{display:block}.rotate-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:15px;background:#f9fbfa;margin:4px 0 18px}.rotate-option input{width:20px;height:20px;accent-color:var(--gold)}.sheet-rows{display:grid;gap:10px}.sheet-row{display:grid;grid-template-columns:1fr 1fr 110px 44px;gap:10px;align-items:end}.sheet-plan{margin-bottom:18px}.sheet-plan>small{display:block;color:#b5c2c6;margin-bottom:7px}.sheet-canvas{position:relative;width:min(100%,520px);max-height:580px;background:repeating-linear-gradient(135deg,#29414b,#29414b 10px,#243943 10px,#243943 20px);border:2px solid #55707b;border-radius:8px;overflow:hidden}.sheet-piece{position:absolute;display:grid;place-items:center;border:1px solid rgba(7,21,28,.65);color:#07151c;font-size:10px;overflow:hidden}.sheet-piece b{padding:2px;white-space:nowrap}.sheet-piece i{position:absolute;right:2px;bottom:1px;font-style:normal}
.cut-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #29414b;margin:2px -24px 10px}.cut-stats>div{padding:13px 15px;border-right:1px solid #29414b}.cut-stats>div:last-child{border-right:0}.cut-stats small{display:block;color:#79a8dd;font-size:8px;font-weight:900;letter-spacing:.03em}.cut-stats b{display:block;margin-top:4px;font-size:16px}.plan-row{margin-top:16px}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:10px}.plan-head span{color:#9fd8d0;text-align:right}.bar{height:47px;border:1px solid #42606b}.piece{position:relative;grid-template-rows:1fr auto;align-content:center;line-height:1;overflow:hidden}.piece b{font-size:9px;white-space:nowrap}.piece i{font-size:6px;font-style:normal;margin-top:4px}.waste{display:grid;place-items:center;color:#d9e4e7;font-size:8px;overflow:hidden}.waste b{white-space:nowrap}.cut-sequence{display:block!important;color:#c2d0d4!important;font-size:8px!important;margin-top:6px!important;overflow-wrap:anywhere}.cut-summary{font-size:9px;color:#dce6e8;border-top:1px solid #29414b;padding-top:10px;line-height:1.5}
@media(max-width:900px){.shape-picker{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;margin-left:-2px;margin-right:-2px}.shape-card{flex:0 0 88px;scroll-snap-align:start}.shape-picker::-webkit-scrollbar{height:4px}.shape-picker::-webkit-scrollbar-thumb{background:#bec9c7;border-radius:9px}}
@media(max-width:700px){body{overflow-x:hidden}.hero{margin-left:-16px!important;margin-right:-16px!important;padding-left:20px!important;padding-right:20px!important;width:auto}.hero>*{position:relative;z-index:1}.brand-logo{height:42px;max-width:190px}.brand-cepte{display:none}.tab,.tab span,.panel-head p,.shape-heading,.shape-heading small,.shape-card span,.result small{visibility:visible!important;opacity:1!important}.tab{color:var(--ink)!important}.panel{overflow:visible}.shape-heading{display:block}.shape-heading small{display:block;margin-top:5px}.material-row{grid-template-columns:1fr}.shape-diagram{min-height:112px}.cut-mode{grid-template-columns:1fr}.sheet-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 72px 42px}.cut-row{grid-template-columns:minmax(0,1fr) 86px 44px}.result{grid-template-columns:minmax(0,1fr);overflow-wrap:anywhere;padding:18px 14px}.result>small{display:block;color:#b4c1c5}.shape-card span{color:inherit}.sheet-piece b{font-size:8px}.cut-stats{margin:2px -14px 8px}.cut-stats>div{padding:10px 7px}.cut-stats small{font-size:6px}.cut-stats b{font-size:12px}.plan-head{font-size:9px}.bar{height:46px}.piece b{font-size:8px}.piece i{font-size:5px}.cut-sequence{font-size:7px!important}}

/* Sade mobil marka: yalnızca amblem, metinler canlı yazı olarak. */
.topbar{height:68px}.brand{gap:9px;line-height:1}.brand-symbol{display:block;flex:0 0 48px;width:48px;height:48px;background:url('esko-logo.jpg') left center/auto 48px no-repeat}.brand-copy{display:grid;gap:4px}.brand-copy b{font-size:14px;letter-spacing:.065em;white-space:nowrap}.brand-copy small{display:block;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.09em;white-space:nowrap}.hero{padding-top:52px;padding-bottom:48px}
@media(max-width:700px){.topbar{height:56px;padding-left:12px;padding-right:12px}.brand{gap:7px}.brand-symbol{flex-basis:38px;width:38px;height:38px;background-size:auto 38px}.brand-copy{gap:3px}.brand-copy b{font-size:11px;letter-spacing:.04em}.brand-copy small{font-size:8px;letter-spacing:.04em}.hero{padding:28px 20px 40px!important}}

/* Gerçekten kırpılmış amblem ve tek satırlı marka başlığı. */
.brand-symbol{display:block;flex:0 0 42px;width:42px;height:46px;object-fit:contain;background:none}
.brand-copy{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.brand-copy small{color:#f29b23;font-size:11px;letter-spacing:.02em}
@media(max-width:700px){.brand-symbol{flex-basis:34px;width:34px;height:38px}.brand-copy{gap:6px}.brand-copy b{font-size:10px}.brand-copy small{font-size:8px}.install{padding:7px 9px}}

.shape-swipe-hint{display:none;color:var(--muted);font-size:11px;font-weight:750;text-align:center;margin:-4px 0 18px}
@media(max-width:700px){#shapeDiagram,#shapeFields{touch-action:pan-y}.shape-swipe-hint{display:block}}

.whatsapp-fab{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;align-items:center;gap:8px;min-height:52px;padding:8px 15px 8px 9px;border-radius:999px;background:#25d366;color:#07151c;text-decoration:none;font-weight:950;box-shadow:0 12px 30px rgba(7,21,28,.24)}.whatsapp-fab svg{width:34px;height:34px;fill:#fff}.whatsapp-fab:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(7,21,28,.3)}
@media(max-width:700px){.whatsapp-fab{right:14px;bottom:14px;min-height:50px;padding-right:13px}.whatsapp-fab span{font-size:12px}}

/* Marka yazıları telefonda da ilk bakışta okunacak büyüklükte. */
.brand-copy b{font-size:16px}.brand-copy small{font-size:12px;font-weight:900}
@media(max-width:700px){.brand-copy b{font-size:12px}.brand-copy small{font-size:9.5px}}

.hero p strong{color:var(--gold)}
@media(max-width:700px){.topbar{height:64px}.brand-symbol{flex-basis:40px;width:40px;height:44px}.brand-copy b{font-size:14px}.brand-copy small{font-size:11px}.brand-copy{gap:8px}}

@media(max-width:700px){.tool-tabs .tab{padding:8px;font-size:12px;line-height:1.2;text-align:center}}

/* Kesim türleri ilk bakışta birbirinden ayrı görünsün. */
.cut-mode{padding:8px;gap:12px;background:#e8eeed;border:1px solid #d4dedc}
.cut-mode button{position:relative;border:2px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
.cut-mode button[data-cut-mode="linear"]{background:#e4f7f1;color:#087d62;border-color:#9edccb}
.cut-mode button[data-cut-mode="sheet"]{background:#fff1c9;color:#9a6200;border-color:#f1c75d}
.cut-mode button[data-cut-mode="linear"]:hover,.cut-mode button[data-cut-mode="sheet"]:hover{transform:translateY(-2px)}
.cut-mode button[data-cut-mode="linear"].active{background:#0b4c3e;color:#fff;border-color:#0b4c3e;box-shadow:0 9px 22px rgba(11,76,62,.28)}
.cut-mode button[data-cut-mode="sheet"].active{background:#edae27;color:#07151c;border-color:#d88f00;box-shadow:0 9px 22px rgba(237,174,39,.32)}
@media(max-width:700px){.cut-mode{grid-template-columns:1fr 1fr;gap:8px}.cut-mode button{min-height:66px;padding:9px 8px;font-size:12px;line-height:1.25}}

/* Araçların ne yaptığını ilk bakışta anlatan kısa hero kartları. */
.hero-explainers{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:820px;margin-top:14px}.hero-explainer{display:grid;gap:5px;min-height:86px;padding:15px 17px;border:1px solid;border-radius:14px;color:#fff;text-decoration:none;transition:transform .18s ease,background .18s ease}.hero-explainer strong{font-size:15px}.hero-explainer span{color:#d9e4e5;font-size:12.5px;line-height:1.45}.hero-explainer.weight{border-color:rgba(32,201,151,.55);background:rgba(32,201,151,.12)}.hero-explainer.cut{border-color:rgba(243,183,46,.62);background:rgba(243,183,46,.12)}.hero-explainer:hover{transform:translateY(-2px)}.hero-explainer.weight strong{color:#62e4bc}.hero-explainer.cut strong{color:var(--gold)}.hero h1{margin-top:24px}
@media(max-width:700px){.hero-explainers{grid-template-columns:1fr;gap:8px;margin-top:12px}.hero-explainer{min-height:0;padding:12px 14px}.hero-explainer strong{font-size:13px}.hero-explainer span{font-size:11.5px}.hero h1{margin-top:22px}}

#weight .panel-head,#cut .panel-head{align-items:center;padding:18px 20px;border-bottom:0;border-radius:15px}
#weight .panel-head{background:#e9f8f3;border-left:6px solid var(--mint)}#weight .panel-head h2{color:#087d62}
#cut .panel-head{background:#fff4d8;border-left:6px solid var(--gold)}#cut .panel-head h2{color:#9a6200}
#weight .panel-head p,#cut .panel-head p{max-width:520px;color:#425860}
@media(max-width:700px){#weight .panel-head,#cut .panel-head{padding:16px}#weight .panel-head p,#cut .panel-head p{margin:10px 0 0;font-size:12px}}

/* Google reklamı devreye girene kadar kullanılan kendi tanıtım bandı. */
.ad-slot.house-ad{display:block;min-height:0;margin:30px 0;border:0;padding:0;text-align:left;color:#fff;background:var(--ink);border-radius:20px;overflow:hidden;box-shadow:0 15px 38px rgba(7,21,28,.16)}
.house-ad>a{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:144px;padding:18px 26px;color:#fff;text-decoration:none;isolation:isolate}
.house-ad>a:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(243,183,46,.16),transparent 32%),linear-gradient(110deg,transparent 55%,rgba(32,201,151,.1));z-index:-1}
.house-ad-art{display:grid;place-items:center;height:108px;border-radius:16px;background:linear-gradient(145deg,#122a34,#081820);border:1px solid #29414b}
.house-ad-art svg{width:174px;height:96px;filter:drop-shadow(0 10px 13px rgba(0,0,0,.28))}
.house-ad-copy{display:grid;gap:7px;min-width:0}
.house-ad-copy small{color:var(--mint);font-size:10px;letter-spacing:.2em;font-weight:950}
.house-ad-copy strong{font-size:clamp(23px,3vw,35px);line-height:1;letter-spacing:-.035em}
.house-ad-copy em{color:#c8d4d7;font-size:13px;font-style:normal;line-height:1.45}
.house-ad-cta{display:flex;align-items:center;gap:10px;padding:13px 17px;border-radius:999px;background:var(--gold);color:var(--ink);font-size:12px;font-weight:950;white-space:nowrap;box-shadow:0 9px 24px rgba(243,183,46,.22)}
.house-ad-cta b{font-size:18px;line-height:1}
.house-ad>a:hover .house-ad-cta{transform:translateX(3px)}
@media(max-width:700px){.ad-slot.house-ad{display:block}.house-ad>a{grid-template-columns:92px minmax(0,1fr);gap:13px;min-height:124px;padding:14px}.house-ad-art{height:86px}.house-ad-art svg{width:104px;height:72px}.house-ad-copy{gap:5px}.house-ad-copy small{font-size:7px;letter-spacing:.14em}.house-ad-copy strong{font-size:20px}.house-ad-copy em{font-size:10.5px}.house-ad-cta{grid-column:1/-1;justify-content:center;padding:10px 14px;border-radius:11px}}

.seo-guide{margin:34px 0 48px;padding:clamp(24px,4vw,48px);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.seo-guide-head{max-width:850px;margin-bottom:26px}.seo-guide-head>span,.seo-howto>div>span,.seo-faq>span{color:#a96b00;font-size:10px;font-weight:950;letter-spacing:.18em}.seo-guide h2{margin:9px 0 13px;font-size:clamp(28px,4vw,43px);line-height:1.05;letter-spacing:-.04em}.seo-guide-head p,.seo-guide p{color:#52666e;line-height:1.7}.seo-guide-head p{font-size:15px}.seo-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.seo-guide-grid section{position:relative;padding:22px;border:1px solid var(--line);border-radius:17px;background:#f8faf9}.seo-guide-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:12px;background:var(--ink);color:var(--gold);font-size:21px}.seo-guide h3{margin:0 0 10px;font-size:19px;letter-spacing:-.025em}.seo-guide-grid p{margin:0 0 17px;font-size:12.5px}.seo-guide-grid a,.seo-links a{color:#8b5900;font-size:12px;font-weight:900;text-decoration:none}.seo-howto{display:grid;grid-template-columns:220px 1fr;gap:24px;margin-top:28px;padding:26px;border-radius:18px;background:var(--ink);color:#fff}.seo-howto h3{margin-top:8px;font-size:24px}.seo-howto ol{counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}.seo-howto li{counter-increment:steps;display:grid;align-content:start;gap:7px;padding:15px;border:1px solid #2b424b;border-radius:13px;background:#10242d}.seo-howto li:before{content:counter(steps);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:11px;font-weight:950}.seo-howto li b{font-size:13px}.seo-howto li small{color:#aebdc1;font-size:10.5px;line-height:1.5}.seo-note{margin-top:28px;padding:24px;border-left:5px solid var(--mint);border-radius:14px;background:#eef9f5}.seo-note p{margin-bottom:16px;font-size:13px}.seo-links{display:flex;flex-wrap:wrap;gap:9px}.seo-links a{padding:9px 12px;border:1px solid #b9ded1;border-radius:999px;background:#fff}.seo-faq{margin-top:31px}.seo-faq>h3{margin:8px 0 14px;font-size:25px}.seo-faq details{border-top:1px solid var(--line)}.seo-faq details:last-child{border-bottom:1px solid var(--line)}.seo-faq summary{padding:17px 4px;cursor:pointer;font-size:13px;font-weight:900}.seo-faq details p{margin:0;padding:0 4px 18px;font-size:12.5px}
@media(max-width:820px){.seo-guide-grid{grid-template-columns:1fr}.seo-howto{grid-template-columns:1fr}.seo-howto ol{grid-template-columns:1fr}}
@media(max-width:700px){.seo-guide{margin:24px 0 34px;padding:22px 17px;border-radius:18px}.seo-guide h2{font-size:28px}.seo-guide-head p{font-size:13px}.seo-guide-grid section{padding:18px}.seo-howto{padding:18px}.seo-note{padding:18px}.seo-links{display:grid}.seo-links a{text-align:center}}

.seo-online{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.45fr);gap:24px;margin-top:28px;padding:28px;border:1px solid #d7e0df;border-radius:19px;background:linear-gradient(135deg,#fff 58%,#f0f5f4)}.seo-online-copy>span,.seo-tool-list>span{color:#087d62;font-size:10px;font-weight:950;letter-spacing:.18em}.seo-online h3,.seo-tool-list h3{margin:8px 0 13px;font-size:clamp(23px,3vw,32px)}.seo-online p{font-size:13px}.seo-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.seo-keywords span{padding:8px 11px;border-radius:999px;background:#e6f7f1;color:#087d62;font-size:10px;font-weight:900}.seo-online-visual{display:grid;place-content:center;text-align:center;min-height:240px;border-radius:17px;background:var(--ink);color:#fff;box-shadow:inset 0 0 0 1px #29414b}.seo-online-visual>b{font-size:58px;line-height:.9;color:var(--gold);letter-spacing:-.06em}.seo-online-visual>small{margin-top:5px;color:#c2d0d4}.seo-online-visual>i{margin-top:12px;color:var(--mint);font-size:8px;font-style:normal;font-weight:950;letter-spacing:.2em}.seo-online-visual>div{display:flex;justify-content:center;gap:9px;margin-top:18px}.seo-online-visual>div span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #3a535d;border-radius:10px;background:#10242d;color:var(--gold)}
.seo-offline{display:grid;grid-template-columns:170px minmax(0,1fr);gap:28px;align-items:center;margin-top:28px;padding:28px;border-radius:19px;background:#fff6de;border:1px solid #f2d588}.seo-offline-badge{display:grid;place-items:center;align-content:center;min-height:170px;border-radius:50%;background:var(--gold);color:var(--ink);text-align:center;box-shadow:0 13px 32px rgba(243,183,46,.28)}.seo-offline-badge span{font-size:28px}.seo-offline-badge b{font-size:14px;line-height:1.25}.seo-offline h3{font-size:24px}.seo-offline p{font-size:13px}.seo-offline ol{padding-left:20px;color:#334a52;font-size:12px;line-height:1.8}.seo-offline small{display:block;color:#765d27;font-size:10.5px;line-height:1.5}
.seo-tool-list{margin-top:32px}.seo-tool-table{margin-top:15px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.seo-tool-row{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:16px;padding:15px 17px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.45}.seo-tool-row:first-child{border-top:0}.seo-tool-row.head{background:var(--ink);color:#fff;font-size:10px}.seo-tool-row strong{color:#8b5900}.seo-tool-row span{color:#52666e}.seo-use-cases{margin-top:28px;padding:24px;border-radius:17px;background:#f4f7f6}.seo-use-cases p{font-size:13px}.seo-use-cases>div{display:flex;flex-wrap:wrap;gap:8px}.seo-use-cases span{padding:8px 10px;border:1px solid #d2ddda;border-radius:8px;background:#fff;color:#425860;font-size:10px;font-weight:850}
@media(max-width:760px){.seo-online{grid-template-columns:1fr;padding:19px}.seo-online-visual{min-height:175px}.seo-offline{grid-template-columns:1fr;padding:19px}.seo-offline-badge{width:145px;min-height:145px;margin:auto}.seo-tool-row{grid-template-columns:1fr;gap:5px;padding:15px}.seo-tool-row.head{display:none}.seo-tool-row strong{font-size:13px}.seo-tool-row span:before{display:block;color:#89999e;font-size:8px;font-weight:900;letter-spacing:.08em}.seo-tool-row span:nth-child(2):before{content:"GİRDİLER"}.seo-tool-row span:nth-child(3):before{content:"SONUÇ"}}