.iol-main{background:#f3f3f1;color:#111}.iol-hero{max-width:1240px;margin:0 auto;padding:78px 28px 58px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.iol-hero h1{font-size:clamp(46px,6vw,80px);line-height:1;letter-spacing:-4px;margin:18px 0 25px}.iol-hero p{font-size:19px;line-height:1.7;color:#4a4f52;max-width:760px}.iol-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.iol-hero-visual{background:#fff;border:1px solid #d5d7d8;padding:28px;position:relative}.iol-hero-visual:before{content:"IO-LINK MİMARİSİ";display:block;font:700 11px/1.4 "Roboto Mono",monospace;letter-spacing:1.5px;color:#8b6c00;margin-bottom:20px}.iol-hero-visual img{display:block;width:100%;height:auto}.iol-answer{background:#090b0c;color:#fff;padding:44px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:180px 1fr;gap:40px}.iol-answer strong{color:#ffd600;font:700 12px/1.5 "Roboto Mono",monospace;text-transform:uppercase;letter-spacing:1.5px}.iol-answer p{font-size:21px;line-height:1.65;margin:0;color:#e5e7e8}.iol-section{max-width:1184px;margin:0 auto;padding:78px 28px}.iol-section>header{max-width:900px;margin-bottom:38px}.iol-section h2{font-size:clamp(34px,4.5vw,56px);line-height:1.08;letter-spacing:-2.5px;margin:13px 0 18px}.iol-section>header p{font-size:17px;line-height:1.75;color:#555b5e}.iol-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.iol-benefits article{background:#fff;border:1px solid #d1d4d6;padding:24px;min-height:190px}.iol-benefits span{font:700 12px/1.5 "Roboto Mono",monospace;color:#8b6c00}.iol-benefits h3{font-size:19px;line-height:1.35;margin:25px 0 10px}.iol-benefits p{font-size:14px;line-height:1.65;color:#606568;margin:0}.iol-dark{background:#101214;color:#fff}.iol-dark .iol-section>header p{color:#bdc1c3}.iol-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.iol-layer{background:#1b1e20;border:1px solid #34383a;padding:28px}.iol-layer span{color:#ffd600;font:600 11px/1.5 "Roboto Mono",monospace;text-transform:uppercase;letter-spacing:1.2px}.iol-layer h3{font-size:25px;line-height:1.25;margin:12px 0}.iol-layer p{color:#c5c8ca;line-height:1.65;font-size:14px}.iol-layer ul{margin:18px 0 0;padding-left:20px;color:#e1e3e4;font-size:13px;line-height:1.8}.iol-products{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.iol-product{background:#fff;border:1px solid #d1d4d6;display:flex;flex-direction:column}.iol-product figure{height:220px;margin:0;padding:24px;display:grid;place-items:center;background:#fafafa}.iol-product img{max-width:100%;max-height:180px;object-fit:contain}.iol-product div{padding:20px;border-top:1px solid #e0e2e3}.iol-product small{display:block;color:#8b6c00;font:700 10px/1.5 "Roboto Mono",monospace;text-transform:uppercase;letter-spacing:1px}.iol-product h3{font-size:18px;line-height:1.3;margin:8px 0}.iol-product p{font-size:13px;line-height:1.6;color:#5d6265;margin:0}.iol-codes{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.iol-codes code{font:600 11px/1.3 "Roboto Mono",monospace;background:#f1f1ed;border:1px solid #d0d3d4;padding:7px 8px;color:#25292b}.iol-table-wrap{overflow-x:auto;margin-top:28px}.iol-table{width:100%;min-width:780px;border-collapse:collapse;background:#fff}.iol-table th,.iol-table td{text-align:left;vertical-align:top;border:1px solid #d0d3d5;padding:15px}.iol-table th{background:#090b0c;color:#fff;font:700 11px/1.4 "Roboto Mono",monospace;text-transform:uppercase;letter-spacing:.6px}.iol-table td{font-size:14px;line-height:1.55;color:#494e51}.iol-table td:first-child{font-family:"Roboto Mono",monospace;font-weight:700;color:#8b6c00}.iol-architecture{display:grid;grid-template-columns:1fr .8fr;gap:24px;align-items:center;background:#fff;border:1px solid #d4d7d8;padding:30px;margin-top:38px}.iol-architecture img{width:100%;height:auto}.iol-architecture h3{font-size:30px;margin:0 0 14px}.iol-architecture p{color:#555b5e;line-height:1.7}.iol-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.iol-use-grid article{background:#fff;border-top:5px solid #ffd600;padding:24px}.iol-use-grid h3{font-size:20px;line-height:1.35;margin:0 0 10px}.iol-use-grid p{font-size:14px;line-height:1.7;color:#585e61}.iol-use-grid strong{display:block;font:600 11px/1.6 "Roboto Mono",monospace;color:#8b6c00}.iol-steps{counter-reset:step;display:grid;grid-template-columns:1fr 1fr;gap:0 34px}.iol-steps li{counter-increment:step;list-style:none;border-top:1px solid #c9cdcf;padding:22px 0 22px 58px;position:relative;line-height:1.65;color:#4e5457}.iol-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:23px;color:#8b6c00;font:700 12px/1.4 "Roboto Mono",monospace}.iol-steps strong{display:block;color:#111;font-size:16px}.iol-faq details{background:#fff;border-bottom:1px solid #d0d3d5}.iol-faq details:first-child{border-top:1px solid #d0d3d5}.iol-faq summary{cursor:pointer;padding:22px 58px 22px 20px;font-weight:800;font-size:17px;line-height:1.45;position:relative}.iol-faq summary:after{content:"+";position:absolute;right:22px;color:#8b6c00;font-size:25px}.iol-faq details[open] summary:after{content:"–"}.iol-faq p{margin:0;padding:0 20px 22px;font-size:15px;line-height:1.75;color:#555b5e}.iol-brochure{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:start}.iol-download{background:#ffd600;padding:34px}.iol-download h2{font-size:38px;margin:10px 0 16px}.iol-download p{line-height:1.7;color:#3c3f40}.iol-download .button{margin-top:14px}.iol-pdf{width:100%;height:720px;border:1px solid #c9ccce;background:#fff}.iol-note{border-left:4px solid #ffd600;background:#fff;padding:20px 24px;margin:24px 0;color:#505558;line-height:1.7}.iol-cta{background:#ffd600;padding:70px max(28px,calc((100vw - 1184px)/2));display:flex;justify-content:space-between;gap:40px;align-items:center}.iol-cta h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-2px;max-width:760px;margin:0}.iol-cta p{max-width:680px;line-height:1.7}.iol-cta .button{white-space:nowrap}@media(max-width:1050px){.iol-products{grid-template-columns:repeat(3,1fr)}.iol-benefits{grid-template-columns:repeat(2,1fr)}.iol-layer-grid,.iol-use-grid{grid-template-columns:1fr 1fr}.iol-brochure{grid-template-columns:1fr}.iol-pdf{height:650px}}@media(max-width:780px){.iol-hero,.iol-answer,.iol-architecture{grid-template-columns:1fr}.iol-hero{padding-top:50px}.iol-hero h1{font-size:48px;letter-spacing:-2.5px}.iol-answer{gap:14px}.iol-answer p{font-size:18px}.iol-products{grid-template-columns:1fr 1fr}.iol-layer-grid,.iol-use-grid,.iol-steps{grid-template-columns:1fr}.iol-cta{display:block}.iol-cta .button{margin-top:18px}.iol-pdf{height:520px}}@media(max-width:520px){.iol-benefits,.iol-products{grid-template-columns:1fr}.iol-section{padding-top:58px;padding-bottom:58px}.iol-product figure{height:190px}.iol-pdf{height:420px}.iol-download{padding:26px}.iol-download h2{font-size:32px}}