
:root{--navy:#0b2742;--blue:#1a6aa3;--gold:#f3b54b;--muted:#536b80;--bg:#f7fafe;--line:#dbe7f0;--ink:#102c47;--glow:#ffc25f;--teal:#2db6c2}
body{color:#17334d;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);font:16px/1.68 system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500}
p,.lead,.card p,.detail p,.detail li,.article p,.map-small,.demo-note{font-weight:520}
.section h2,.page-title h1,.hero-copy h1,.card h3,.tool-feature h3,.founder-title{font-weight:820}
.links a{font-weight:760}.btn,.more,.arrow-link,.kicker,.eyebrow,.faq summary{font-weight:800}
.top{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid #dfeaf3}.brand{color:var(--navy)}.brand span{letter-spacing:.8px}
.hero-premium{background:radial-gradient(circle at 82% 10%,#1a6aa34d,transparent 34%),linear-gradient(115deg,#071b30 0%,#0c2d48 55%,#0e3b5f 100%)}
.hero-premium:before{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px)}
.hero-copy p{color:#d6e4ef;font-weight:560}
.feature-bar{background:linear-gradient(180deg,#fffdf8 0%,#f8fbff 100%);border-top:1px solid #e4edf4;border-bottom:1px solid #e4edf4}.feature-bar-grid>div strong{font-weight:800}
.card,.field-panel,.quote-preview,.roof-result,.calc-result-head,.map-aside,.tool-feature{border-radius:18px}.card{box-shadow:0 14px 36px #1033540c}
.card:hover{border-color:#bcd1e1;box-shadow:0 18px 42px #10335414}
.kicker{color:#b77910}.btn{border-radius:12px}.btn.navy{background:#103c60}.btn.navy:hover{background:#184f7c}
.contact-dock__btn--call{background:#0f5d99}.contact-dock__btn--wa{background:#16835b}


:root{--navy:#0a2342;--blue:#0e5f97;--gold:#f6ad32;--muted:#607084;--bg:#f5f8fb;--line:#e3eaf1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#122940;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:#c77b00}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 2px 18px #0a234214}.navline{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.6px;color:var(--navy)}.brand img{width:76px;height:68px;object-fit:contain}.brand span{font-size:20px}.links{display:flex;gap:15px;align-items:center}.links a{font-size:13px;font-weight:720}.menu-button{display:none;background:#eef4fa;border:1px solid #dae4ee;border-radius:9px;padding:10px 14px;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 21px;border-radius:7px;font-weight:750;background:var(--gold);color:var(--navy);border:0;cursor:pointer}.btn:hover{background:#ffd07c;color:#0a2342}.btn.outline{border:1px solid #ffffff6b;background:transparent;color:white}.btn.navy{background:var(--navy);color:#fff}.hero{background:linear-gradient(108deg,#081d35 0%,#102f50 58%,#123f65 100%);color:#fff;overflow:hidden}.hero-in{display:grid;grid-template-columns:1.12fr .88fr;min-height:545px;align-items:center;gap:40px;padding-block:65px}.eyebrow{color:var(--gold);font-size:13px;letter-spacing:2px;font-weight:850;text-transform:uppercase}.hero h1{font-size:clamp(38px,5vw,65px);line-height:1.12;margin:18px 0}.hero p{max-width:600px;color:#cad9e8;font-size:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{position:relative;background:linear-gradient(150deg,#174a70,#123151);border:1px solid #ffffff1e;min-height:330px;border-radius:20px;padding:28px;box-shadow:0 28px 70px #0004}.sun{width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,#ffd97b,#ef9e25);box-shadow:0 0 100px #eaaa2860;position:absolute;right:55px;top:35px}.panel{position:absolute;bottom:45px;right:32px;transform:skew(-15deg) rotate(-8deg);width:88%;height:135px;border:8px solid #9ab5cc;border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0 54px,#90b3c9 55px 57px),repeating-linear-gradient(0deg,#063a65 0 49px,#97b8cf 50px 53px)}.hero-art small{position:absolute;top:20px;left:20px;color:#dce9f3;font-weight:750}.section{padding:75px 0}.section.alt{background:var(--bg)}.kicker{color:#bb7813;font-weight:850;text-transform:uppercase;letter-spacing:1.6px;font-size:12px}.section h2,.page-title h1{font-size:clamp(30px,3.8vw,44px);line-height:1.18;color:var(--navy);margin:10px 0 18px}.lead{color:var(--muted);max-width:760px;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);padding:27px;background:#fff;border-radius:13px;box-shadow:0 9px 30px #10335408;display:flex;flex-direction:column}.card:hover{border-color:#c9d9e8;transform:translateY(-2px)}.card h3{color:var(--navy);font-size:20px;line-height:1.3;margin:12px 0 8px}.card p{color:var(--muted);margin:0 0 18px;flex:1}.card a.more{color:#c17a05;font-weight:800;margin-top:auto}.glyph{font-size:30px}.page-title{background:linear-gradient(125deg,#09233e,#12446c);padding:68px 0;color:white}.page-title h1{color:white}.page-title p{color:#d0e1ed;max-width:750px}.breadcrumb{font-size:13px;color:#d9e1ec}.detail{display:grid;grid-template-columns:1.45fr .55fr;gap:40px}.detail h2{color:var(--navy)}.detail p,.detail li{color:#45596d}.side{background:var(--bg);border:1px solid var(--line);padding:27px;border-radius:14px;height:max-content}.faq details{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:700}.cta{background:#0c3154;color:#fff;padding:55px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{color:#fff;margin:0}.footer{background:#071b31;color:#a5bacd;padding:55px 0 25px}.footer .columns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block;margin:7px 0}.footer strong{color:#fff}.note{padding:16px 20px;background:#fff7e9;border-left:4px solid #efaa30;border-radius:6px;color:#674719}.image-slot{border:2px dashed #c5d3e3;border-radius:10px;background:linear-gradient(145deg,#eef5fb,#e6eef7);min-height:210px;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;color:#5c7489}.mini-list{display:flex;gap:10px;flex-wrap:wrap}.pill{border-radius:30px;padding:7px 13px;background:#e8f2fa;color:#1c547e;font-size:13px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label{display:flex;flex-direction:column;gap:5px;font-weight:700}.fields input,.fields textarea,.fields select{width:100%;padding:12px;border:1px solid #bdcbd8;border-radius:7px;font:inherit}.fields .full{grid-column:1/-1}.preview-flag{background:#fff1cd;padding:9px;text-align:center;font-size:12px;color:#685017}.article{max-width:840px}.article h2{color:var(--navy)}.separator{border:0;border-top:1px solid var(--line);margin:26px 0}@media(max-width:950px){.links{display:none;position:absolute;top:83px;left:0;right:0;background:#fff;box-shadow:0 12px 20px #0001;flex-direction:column;padding:23px;align-items:stretch}.links.open{display:flex}.links a{font-size:16px;padding:6px}.menu-button{display:block}.hero-in{grid-template-columns:1fr}.hero-art{min-height:270px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.wrap{width:min(100% - 30px,1160px)}.brand img{height:58px;width:60px}.brand span{font-size:16px}.section{padding:50px 0}.grid,.detail,.footer .columns,.fields{grid-template-columns:1fr}.hero-in{padding:47px 0}.hero h1{font-size:40px}.cta .wrap{display:block}.cta .btn{margin-top:22px}}

/* Her sayfada erişilebilir, performans dostu sabit iletişim kontrolleri */
.contact-dock{position:fixed;z-index:70;right:max(18px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:11px;align-items:flex-end}
.contact-dock__btn{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:12px 20px;min-width:152px;min-height:52px;font-weight:800;line-height:1.2;box-shadow:0 8px 28px #09223e42;color:#fff;transition:transform .15s ease,box-shadow .15s ease}
.contact-dock__btn:hover,.contact-dock__btn:focus-visible{transform:translateY(-2px);color:#fff;box-shadow:0 12px 32px #09223e55}
.contact-dock__btn:focus-visible{outline:3px solid #f6ad32;outline-offset:3px}
.contact-dock__btn svg{width:22px;height:22px;flex:none}
.contact-dock__btn--call{background:#0b4c81}
.contact-dock__btn--wa{background:#168a58}
.contact-dock__btn[aria-disabled="true"]{filter:saturate(.7)}
.contact-notice{position:fixed;right:20px;bottom:157px;z-index:80;max-width:min(340px,calc(100vw - 40px));border-radius:12px;background:#fff;color:#102a44;border:1px solid #b7cadd;box-shadow:0 10px 32px #001b3530;padding:14px 18px;font-size:14px}
.contact-notice[hidden]{display:none}
@media(max-width:640px){body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.contact-dock{left:0;right:0;bottom:0;flex-direction:row;gap:9px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 24px #071b3122}.contact-dock__btn{flex:1;min-width:0;min-height:48px;padding:12px 8px;border-radius:12px;font-size:15px}.contact-notice{left:12px;right:12px;bottom:calc(83px + env(safe-area-inset-bottom));max-width:none}}
@media(prefers-reduced-motion:reduce){.contact-dock__btn{transition:none}.contact-dock__btn:hover{transform:none}}

/* TOKER ENERJİ V2 — özgün, hafif ve erişilebilir tasarım ekleri */
:root{--ink:#0d2d48;--glow:#ffbc4d;--teal:#33b6c7}body{overflow-x:hidden}.links{gap:12px}.links a{font-size:12px;white-space:nowrap}.links .tools-link{color:#a56b0d;background:#fff5e4;border:1px solid #f6dba5;border-radius:9px;padding:8px 10px}.brand span{font-size:18px}.section h2{letter-spacing:-1.5px}.kicker{letter-spacing:2px}.muted{color:var(--muted)}.btn{transition:transform .2s ease,background .2s ease}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f6ad32;outline-offset:3px}.btn:hover{transform:translateY(-2px)}.btn-soft{background:#e6f0f8;color:#0a3555}.btn-soft:hover{background:#d5e6f4}.btn-outline-dark{border:1px solid #9db2c6;background:transparent;color:#0a3555}.btn-outline-dark:hover{color:#0a3555;background:#e8f0f7}
.hero-premium{background:radial-gradient(circle at 81% 9%,#14537580,transparent 34%),linear-gradient(112deg,#051829 0%,#0a2a46 55%,#082d45 100%);position:relative;isolation:isolate}.hero-premium:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:57px 57px;mask-image:linear-gradient(90deg,transparent,#000);z-index:-1}.hero-premium .hero-in{min-height:610px;grid-template-columns:1fr .93fr;gap:36px}.hero-copy h1{font-size:clamp(48px,5.4vw,76px);font-weight:850;letter-spacing:-3.9px;line-height:1.09;max-width:730px}.hero-copy h1 em{font-style:normal;color:#fabe56;display:block}.hero-copy p{font-size:18px;max-width:560px;color:#c0d2df}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:#ffc456;vertical-align:middle;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #ffc45621}.hero-micro{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px;color:#a9c3d8;font-size:12px}.hero-stage{height:430px;min-width:0;position:relative;overflow:hidden;background:radial-gradient(circle at 62% 28%,#0f678889,transparent 43%),linear-gradient(150deg,#123e5d,#09213a);border:1px solid #4483a26c;border-radius:28px;box-shadow:0 30px 80px #0006;transform:perspective(950px) rotateY(-5deg);transform-origin:center;animation:stage-breathe 9s ease-in-out infinite alternate}.stage-sun{position:absolute;border-radius:50%;width:210px;height:210px;right:65px;top:30px;background:radial-gradient(circle at 38% 35%,#fff5c9,#fac65a 48%,#e89221);box-shadow:0 0 64px #ffc15c91,0 0 180px #f9b34834;animation:sun-glow 5s ease-in-out infinite alternate}.orbit{position:absolute;left:50%;top:50%;width:375px;height:375px;border:1px solid #c5eefa2b;border-radius:50%;transform:translate(-50%,-50%)}.orbit-2{width:570px;height:570px}.stage-frame{position:absolute;width:88%;height:184px;right:6%;bottom:54px;transform:skew(-12deg) rotate(-8deg);border:8px solid #9ebbd0;background:#082c4f;box-shadow:14px 32px 18px #0613248a;border-radius:9px;overflow:hidden}.stage-grid{width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent 0 54px,#bedcedcf 55px 57px),repeating-linear-gradient(0deg,#124f7d 0 52px,#b0d4e2 53px 55px)}.stage-caption{position:absolute;left:23px;top:22px;display:grid;gap:2px;font-size:10px;letter-spacing:2px;color:#b0d9eb}.stage-caption strong{font-size:16px;letter-spacing:1px;color:#fff}.stage-glass{position:absolute;right:21px;bottom:24px;color:#fff;background:#0a2544d9;backdrop-filter:blur(8px);border:1px solid #aad5f13d;border-radius:14px;padding:14px 21px;font-weight:750;box-shadow:0 12px 30px #0018297d}.stage-glass b{color:#f9c35d}.stage-glass small{color:#b5cfe0;font-size:10px;font-weight:400}.hero-bottom-line{height:5px;background:linear-gradient(90deg,#f0a52e,#ffd88a 40%,transparent 83%)}.feature-bar{border-bottom:1px solid #d7e3ed;background:#fff}.feature-bar-grid{display:grid;grid-template-columns:repeat(3,1fr)}.feature-bar-grid>div{padding:21px 23px;border-right:1px solid #e0e9f0;display:grid;grid-template-columns:38px 1fr;column-gap:9px;align-items:center}.feature-bar-grid>div:last-child{border:0}.feature-bar-grid span{font-size:21px;font-weight:800;color:#e7a038;grid-row:span 2}.feature-bar-grid strong{font-size:14px;color:#173858}.feature-bar-grid small{font-size:12px;color:#698095}.split-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:29px}.split-title>div{flex:1}.split-title>.lead{flex:.85;font-size:15px;margin:0 0 11px}.section-tools{background:linear-gradient(180deg,#fff,#f8fbfd)}.tool-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-feature{min-height:380px;background:#fff;border:1px solid #d9e5ed;border-radius:20px;padding:25px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 40px #06274810;transition:transform .3s ease,box-shadow .3s ease}.tool-feature:hover{transform:translateY(-5px);box-shadow:0 23px 50px #06274820}.tool-feature h3{font-size:24px;line-height:1.2;letter-spacing:-.6px;color:var(--navy);margin:20px 0 10px}.tool-feature p{color:#6a7d90;font-size:14px;line-height:1.65;margin:0 0 19px;flex:1}.tool-topline{display:flex;align-items:center;justify-content:space-between}.tool-number{color:#6d8394;font-size:11px;letter-spacing:1.4px;font-weight:800}.tool-icon{color:#b27b22;font-size:29px}.arrow-link{color:#bd7c17;font-weight:800;display:inline-flex;align-items:center;gap:12px}.arrow-link span{font-size:20px}.mini-graph{margin-top:17px;height:104px;display:flex;align-items:end;gap:8px;padding:10px 12px;background:linear-gradient(180deg,#f5faff,#e9f3fa);border-radius:12px}.mini-graph i{flex:1;background:linear-gradient(180deg,#78d1e8,#0a75a6);border-radius:3px 3px 0 0}.tool-feature-dark{background:#0a2b49;color:#fff;border:1px solid #164b76}.tool-feature-dark h3{color:#fff}.tool-feature-dark p,.tool-feature-dark .tool-number{color:#aec3d5}.tool-feature-dark .arrow-link{color:#ffd16b}.mini-roof{margin-top:18px;height:104px;background:repeating-linear-gradient(90deg,#0d4160 0 27px,#0b294b 28px 30px),repeating-linear-gradient(#f9f9f9 0 27px,#f9f9f9 28px 30px);border:7px solid #7e9bb1;transform:skew(-9deg);border-radius:7px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:3px;padding:5px}.mini-roof span{background:#216992;border:1px solid #69c1db6e}.tool-feature-sun{background:#fffaf0;border-color:#f0dbb8}.mini-message{margin-top:18px;height:104px;display:flex;flex-direction:column;gap:8px}.mini-message>div{padding:8px 11px;background:#fff;border:1px solid #f1dbb8;border-radius:9px;font-size:12px;color:#765d37}.mini-message>div:nth-child(2){width:90%}.mini-message>div:nth-child(3){display:flex;justify-content:space-between;width:72%;background:#fff0c9}.mini-message b{font-size:10px;letter-spacing:1px}.project-home-layout,.founder-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.project-home-visual{min-height:350px;background:#e5eff7;border-radius:22px;overflow:hidden;position:relative;border:1px solid #cee0ee;box-shadow:0 25px 55px #09284618}.project-mock{position:absolute;inset:0;background:linear-gradient(155deg,#a8d5e9,#edf8ff 62%,#c8dbe2)}.project-mock-sun{width:120px;height:120px;border-radius:50%;position:absolute;right:63px;top:37px;background:#f9c35b;box-shadow:0 0 64px #f7b64ba1}.project-mock-ground{position:absolute;inset:75% 0 0;background:#9cb7bb}.project-mock-roof{position:absolute;left:11%;bottom:10%;height:125px;width:80%;background:#6c8496;border:10px solid #d0dce3;transform:skew(-14deg) rotate(-4deg);box-shadow:10px 20px 0 #2649665c}.project-mock-cells{height:100%;width:100%;background:repeating-linear-gradient(90deg,transparent 0 43px,#b1dbe0 44px 46px),repeating-linear-gradient(#0e5785 0 38px,#b8dbe9 39px 41px)}.mock-caption{position:absolute;left:0;right:0;bottom:0;padding:10px;background:#0a2b49e8;color:#fff;font-size:10px;letter-spacing:1px;text-align:center}.proof-points{display:grid;gap:10px;margin:25px 0}.proof-points div{display:flex;align-items:center;gap:11px;color:#486277;font-size:14px}.proof-points b{width:28px;height:28px;background:#fff0ce;border-radius:50%;display:grid;place-items:center;color:#b77a14}.founder-section{background:#eef4f8}.founder-badge{min-height:360px;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 65% 35%,#285774,#092743 80%);position:relative;overflow:hidden;color:#fff}.founder-badge:after{content:"";position:absolute;left:-15%;top:-38%;width:420px;height:420px;border-radius:50%;border:1px solid #ffffff20;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff08;pointer-events:none}.founder-line{font-size:18px;font-weight:900;letter-spacing:2px;line-height:1.1;z-index:1}.founder-monogram{font-size:clamp(110px,12vw,180px);font-weight:850;line-height:1;letter-spacing:-13px;color:#f8c568;z-index:1}.founder-badge small{letter-spacing:2px;color:#d1e1ef;z-index:1}.founder-title{font-size:15px;color:#a77a2d;font-weight:800;margin:-7px 0 22px}.founder-inline{background:#f6f9fc;border-radius:16px;padding:24px;display:flex;gap:25px;align-items:center;margin-top:25px}.founder-inline-mark{font-size:42px;color:#f3b853;background:#0b2d4a;padding:20px;border-radius:12px;font-weight:800}.founder-inline h2{margin:2px 0}.founder-inline p{color:#587185}.page-title .eyebrow{margin-top:15px}.page-title h1{letter-spacing:-1.4px}
/* GES tools */
.calc-layout,.roof-layout,.quote-layout{display:grid;grid-template-columns:.97fr 1.03fr;align-items:start;gap:24px}.roof-layout{grid-template-columns:.92fr 1.08fr}.quote-layout{grid-template-columns:1.03fr .97fr}.glass-panel{background:#fff;border:1px solid #dbe7f0;border-radius:18px;box-shadow:0 13px 34px #092b4a0c}.field-panel{padding:30px}.field-panel h3,.image-upload-preview h3{color:#0a2d4e;margin:0 0 24px;font-size:23px;letter-spacing:-.6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-grid label,.image-upload-preview label{display:flex;flex-direction:column;gap:6px;color:#28465e;font-weight:760;font-size:13px}.form-grid label span,.image-upload-preview label span{font-weight:450;color:#8596a6;font-size:11px}.form-grid input,.form-grid textarea,.form-grid select,.image-upload-preview input,.filter-map-label select{display:block;width:100%;border:1px solid #cad8e3;border-radius:10px;background:#fff;color:#153751;padding:13px 14px;min-height:47px;font-size:15px;font-family:inherit}.form-grid input[type=range]{padding:0;accent-color:#e9a53c;min-height:42px}.form-grid label small{color:#738798;font-weight:400;font-size:11px}.form-grid .wide{grid-column:1 / -1}.form-grid output{font-weight:900;color:#b77819;font-size:16px}.small-explanation,.calc-disclaimer{font-size:12px;line-height:1.6;color:#71889a;margin-top:20px}.calc-result{background:#092b4b;color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 65px #0829483b}.calc-result-head{display:flex;justify-content:space-between;align-items:center;padding:25px 28px;border-bottom:1px solid #ffffff20;font-size:11px;letter-spacing:1.5px;font-weight:750;color:#bad3e2}.calc-result-head b{font-size:10px;background:#ffffff13;color:#f7c267;padding:7px;border-radius:7px}.result-main{padding:29px 30px 20px;display:grid;gap:5px}.result-label{color:#b9d1e1;font-size:13px}.result-main strong{font-size:clamp(34px,4vw,54px);color:#ffcd74;letter-spacing:-2px;line-height:1.16}.result-main span{font-size:12px;color:#a7bbd0;line-height:1.5}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff1b;margin:14px 25px;border-radius:12px;overflow:hidden}.metric-grid>div{background:#103857;padding:19px;display:grid;gap:5px}.metric-grid small{font-size:11px;color:#b9ccdc}.metric-grid b{font-size:19px;color:#fff}.comparison-title{margin:22px 29px 12px;color:#cadde8;font-size:12px}.bar-row{padding:0 28px 12px;display:flex;gap:17px;align-items:center;font-size:12px;color:#c6d9e7}.bar-row>span{width:65px}.bar-track{flex:1;height:12px;background:#ffffff1e;border-radius:8px;overflow:hidden}.bar-fill{background:#66bee2;height:100%;width:0;transition:width .3s;border-radius:8px}.bar-gold{background:#ffc46b}.calc-result .calc-disclaimer{padding:0 29px;color:#afc3d4}.calc-result .actions{margin:20px 25px 15px}.calc-result .tiny-status{padding:0 30px 25px;color:#e5c47f}.source-line{font-size:14px;color:#50687a;margin-top:29px}.source-line a{font-weight:800;color:#17608e}.tiny-status{font-size:12px;line-height:1.4;min-height:20px;color:#55758b;margin-top:12px}.roof-result{background:#092b4b;border-radius:18px;padding:24px;color:white}.roof-canvas-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.roof-canvas-head h3{margin:4px 0 15px}.roof-legend{font-size:12px;color:#caddec}.roof-legend i{display:inline-block;width:11px;height:11px;border-radius:2px;background:#1c76a9;margin-right:5px}.roof-canvas{overflow:hidden;border-radius:12px;border:1px solid #ffffff27}.roof-canvas svg{width:100%;height:auto;display:block}.roof-result .metric-grid{margin:15px 0}.roof-result .calc-disclaimer{color:#adcadc}.roof-result .btn{margin-top:5px}.roof-layout .field-panel{background:#fbfdff}
/* Quote assistant */
.step-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.6px;font-weight:800;color:#75879a;margin:18px 0 15px;border-top:1px solid #e0eaf1;padding-top:17px}.step-head:first-child{border:0;margin-top:0;padding-top:0}.step-number{color:#ae7418}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:23px}.choice{cursor:pointer;position:relative}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice span{display:block;padding:12px;border:1px solid #d5e1eb;border-radius:10px;font-size:13px;font-weight:760;color:#385e75;transition:.2s}.choice input:checked+span{background:#fff6e5;border-color:#f1bb62;color:#96600b}.choice input:focus-visible+span{outline:3px solid #f6ad32;outline-offset:2px}fieldset{border:0;margin:0;padding:0}legend{font-size:14px;font-weight:800;margin-bottom:11px;color:#1b415c}#smart-quote .btn{margin-top:24px}.quote-preview{background:#102d47;color:#fff;border-radius:18px;padding:25px;position:sticky;top:100px;box-shadow:0 22px 50px #061d3350}.quote-preview-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;font-weight:800;color:#bed4e6}.quote-preview-heading span{color:#f5c86c}.quote-preview pre{min-height:270px;white-space:pre-wrap;overflow-wrap:anywhere;color:#e1eef8;font:14px/1.65 system-ui,-apple-system,sans-serif;background:#082139;padding:22px;border-radius:13px;margin:19px 0}.quote-preview .small-explanation{color:#b0c3d5}.quote-actions{display:flex;flex-wrap:wrap;gap:8px}.quote-actions .btn{flex:1;min-width:145px;font-size:13px;padding:12px}.quote-preview .tiny-status{color:#ffd784}.quote-actions #smart-wa[aria-disabled=true]{opacity:.56;cursor:not-allowed}
/* Honest before / after visual */
.compare-layout{display:grid;grid-template-columns:1.55fr .75fr;gap:24px;align-items:start}.compare-main{min-width:0}.compare-viewport{height:405px;position:relative;border-radius:19px;overflow:hidden;--reveal:50%;background:#a8cadf;box-shadow:0 23px 45px #09284529}.compare-pane{position:absolute;inset:0;overflow:hidden}.compare-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);z-index:2}.compare-handle{position:absolute;left:var(--reveal);top:50%;transform:translate(-50%,-50%);background:#fff;color:#123d5b;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:25px;z-index:4;box-shadow:0 0 0 4px #ffffff55,0 6px 14px #0004;pointer-events:none}.compare-viewport:after{content:"";position:absolute;left:var(--reveal);top:0;bottom:0;width:3px;background:#fff;z-index:3;transform:translateX(-50%);pointer-events:none}.compare-chip{position:absolute;bottom:14px;left:14px;background:#071b31cd;border:1px solid #ffffff55;border-radius:7px;padding:7px 11px;font-size:11px;color:#fff;white-space:nowrap;z-index:1}.compare-after .compare-chip{left:auto;right:14px}.compare-drawing{position:absolute;inset:0;overflow:hidden}.compare-sky{position:absolute;inset:0;background:linear-gradient(155deg,#98cbdc,#d9eaf1 70%,#96b7b6)}.compare-plain .compare-sky{background:linear-gradient(155deg,#b6d0db,#e8e9e3 70%,#9bb4ab)}.compare-house{position:absolute;left:15%;right:13%;bottom:-14px;height:55%}.compare-house-roof{position:absolute;left:6%;right:6%;top:0;height:47%;background:#718b9b;border:7px solid #c2d2dd;transform:skew(-16deg) rotate(-4deg);box-shadow:8px 15px 0 #183f5758;z-index:2}.compare-plain .compare-house-roof{background:#6d7580;border-color:#9fabae}.compare-house-body{position:absolute;left:14%;right:13%;top:38%;bottom:0;background:linear-gradient(90deg,#ebf1ef,#d2dee0);box-shadow:0 0 0 7px #a7b9bf}.compare-house-body:after{content:"";position:absolute;left:22%;top:15%;width:20%;height:45%;background:#2c607b;border:7px solid #f5f5f1;box-shadow:150px 0 0 #325f76}.compare-cells{width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent 0 56px,#add3e1 57px 59px),repeating-linear-gradient(#0b6095 0 44px,#9fcbdb 45px 48px)}.compare-viewport img.preview-photo{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.range-label{margin-top:19px;display:flex;justify-content:space-between;gap:20px;font-weight:760;font-size:13px}.range-label output{color:#c18119}.compare-main input[type=range]{width:100%;accent-color:#eeb147;min-height:38px}.demo-note{color:#758b9c;font-size:12px}.image-upload-preview{padding:24px}.image-upload-preview p{color:#6b8294;font-size:14px}.image-upload-preview label{margin-top:14px}.image-upload-preview input[type=file]{font-size:12px;cursor:pointer}.image-upload-preview .btn{margin-top:20px}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.filter-button{background:#fff;border:1px solid #d0dee8;border-radius:999px;color:#305371;font-weight:720;padding:9px 17px;cursor:pointer}.filter-button.active{background:#0e4268;color:#fff;border-color:#0e4268}.elegant-empty{border:1px dashed #a9c4d7;background:#fff;border-radius:18px;text-align:center;padding:55px 20px}.elegant-empty h3{color:#103951;font-size:24px;margin:10px 0}.elegant-empty p{color:#678196;margin:0 auto 20px;max-width:500px}.empty-graphic{font-size:58px;color:#dda340}.project-card img{width:100%;height:160px;object-fit:cover;border-radius:10px;margin-bottom:13px}
/* project map */
.map-layout{display:grid;grid-template-columns:1.55fr .75fr;gap:24px}.map-window{position:relative;min-height:495px;overflow:hidden;background:linear-gradient(145deg,#e7f0ed,#d0e3e4);border-radius:18px;border:1px solid #c7d8e3}.map-window iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.map-external{position:absolute;top:12px;right:12px;background:#fff;padding:9px 14px;border-radius:9px;color:#154b6a;font-weight:800;font-size:12px;box-shadow:0 4px 11px #0002;z-index:2}.map-watermark{position:absolute;bottom:0;left:0;right:0;padding:5px 10px;background:#fffc;color:#3b6070;font-size:10px;pointer-events:none}.map-aside{background:#0d304e;color:#fff;border-radius:18px;padding:24px;align-self:stretch}.map-aside-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff26;padding-bottom:18px;font-size:12px;letter-spacing:1px}.map-aside-head strong{color:#ffc967;font-size:32px}.filter-map-label{display:grid;gap:8px;color:#bfd5e2;font-size:12px;margin-top:20px;font-weight:760}.filter-map-label select{background:#153d5d;color:#fff;border-color:#ffffff30}.map-empty{padding:35px 0;color:#bfd5e2}.map-empty strong{color:#fff}.map-empty p{font-size:13px}.map-small{color:#a7c3d4;font-size:11px;line-height:1.6;margin-top:20px}.map-project-item{display:grid;gap:3px;margin-top:10px;padding:13px;border-radius:8px;background:#ffffff12;color:#fff}.map-project-item small{color:#bad0dd}
/* Observed-on-screen microanimation, reduced-motion safe */
[data-reveal]{opacity:0;transform:translateY(16px);transition:transform .7s ease,opacity .7s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes stage-breathe{from{transform:perspective(950px) rotateY(-5deg) translateY(3px)}to{transform:perspective(950px) rotateY(-2deg) translateY(-4px)}}@keyframes sun-glow{from{box-shadow:0 0 50px #ffc15c71,0 0 120px #f9b34820}to{box-shadow:0 0 85px #ffc15c91,0 0 170px #f9b34834}}
@media(max-width:1150px){.links{gap:8px}.links a{font-size:11px}.brand span{font-size:16px}.hero-stage{transform:none}}
@media(max-width:950px){.hero-premium .hero-in{grid-template-columns:1fr;min-height:unset}.hero-stage{height:330px;width:100%;max-width:580px;margin:auto}.hero-copy h1{font-size:clamp(43px,8vw,66px)}.tool-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-feature:last-child{grid-column:span 2}.calc-layout,.roof-layout,.quote-layout,.map-layout,.compare-layout{grid-template-columns:1fr}.quote-preview{position:static}.feature-bar-grid>div{padding-inline:10px}.links a{font-size:15px}.project-home-layout,.founder-layout{gap:24px}}
@media(max-width:640px){.hero-premium .hero-in{padding-block:50px 35px;gap:32px}.hero-copy h1{font-size:48px;letter-spacing:-2.7px}.hero-stage{height:300px;border-radius:16px;animation:none}.stage-sun{width:155px;height:155px;right:36px}.stage-frame{bottom:52px;height:135px}.stage-glass{bottom:14px;right:10px;padding:8px 13px}.hero-micro{gap:9px}.feature-bar-grid{grid-template-columns:1fr}.feature-bar-grid>div{padding:12px;border-right:0;border-bottom:1px solid #e6eef4;grid-template-columns:36px 1fr}.split-title{display:block}.split-title>.lead{margin-top:12px}.tool-showcase{grid-template-columns:1fr}.tool-feature:last-child{grid-column:auto}.tool-feature{min-height:345px}.project-home-layout,.founder-layout{grid-template-columns:1fr}.project-home-visual{min-height:275px}.founder-badge{min-height:275px}.founder-monogram{font-size:120px}.form-grid{grid-template-columns:1fr;gap:13px}.field-panel,.quote-preview,.calc-result-head,.roof-result{padding:20px}.calc-result .actions{flex-direction:column}.metric-grid{margin:15px}.metric-grid>div{padding:14px}.metric-grid b{font-size:16px}.result-main{padding:25px 20px}.result-main strong{font-size:40px}.compare-viewport{height:310px}.map-window{min-height:400px}.choice-grid{grid-template-columns:1fr 1fr}.feature-bar-grid small{font-size:11px}.page-title{padding:42px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}.hero-stage{transform:none}}

.map-project-item.selected{outline:2px solid #ffd16b;background:#ffffff23}
/* İçerik JS çalışmasa da görünür kalsın. */
[data-reveal]:not(.is-visible){opacity:1;transform:none}

@media(prefers-reduced-motion:no-preference){html.js-motion [data-reveal]:not(.is-visible){opacity:0;transform:translateY(16px)}}


.hero-stage{display:grid;place-items:center;padding:18px;background:linear-gradient(160deg,#0f3b5a,#0b2440);border:1px solid #5e8ea94a;transform:perspective(950px) rotateY(-4deg);}
.hero-stage > *:not(.hero-representative):not(.stage-glass):not(.stage-caption){display:none!important}
.hero-representative{display:block;width:100%;height:100%;object-fit:cover;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff18}
.stage-caption{left:18px;top:18px;right:auto;bottom:auto;background:rgba(8,29,48,.74);backdrop-filter:blur(10px);border:1px solid #ffffff22;border-radius:14px;padding:14px 16px;color:#fff}
.stage-caption span{display:block;color:#f3c66a;font-size:12px;letter-spacing:1.8px;font-weight:800;margin-bottom:5px}
.stage-caption strong{font-size:20px;letter-spacing:.3px}
.stage-glass{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px);border-radius:16px;padding:12px 16px;right:16px;bottom:16px;color:#fff;font-weight:650}
.stage-glass b{font-weight:850;color:#ffd37a}
.mock-caption{font-weight:800;letter-spacing:1.4px}
@media(max-width:950px){.hero-stage{transform:none}}
/* Shared production styling for existing subpages */
:root{--navy:#082340;--gold:#ffaf39;--blue:#176a9d;--bg:#f3f8fc;--muted:#586d80}
body:not(.launch-home){font-weight:530}
body:not(.launch-home) .page-title{background:radial-gradient(circle at 83% 12%,#ffac2427,transparent 29%),linear-gradient(112deg,#06182d,#0b3655);border-bottom:2px solid #d68b2f}
body:not(.launch-home) .page-title h1{font-weight:880}
body:not(.launch-home) .top{background:#061b32}
body:not(.launch-home) .brand{color:white}
body:not(.launch-home) .links a{color:#ecf5ff}
body:not(.launch-home) .links .tools-link{background:#ffad37;color:#0b2034}
body:not(.launch-home) .brand span{color:white}
body:not(.launch-home) .menu-button{color:#fff;background:#174261}
body:not(.launch-home) .footer{background:#020e1e}
body:not(.launch-home) .cta{background:#082b49}
@media(max-width:950px){body:not(.launch-home) .links{background:#082740}body:not(.launch-home) .links.open{display:flex}}

/* Visual concept portfolio blocks */
.sample-showcase{background:#eef5fa}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:23px}.sample-grid article{background:#fff;border:1px solid #d5e5f0;border-radius:14px;overflow:hidden;box-shadow:0 14px 30px #0b2e5012}.sample-grid img{width:100%;height:205px;object-fit:cover;display:block}.sample-text{padding:20px}.sample-text small{font-size:10px;color:#996114;font-weight:850;letter-spacing:1px}.sample-text h3{font-weight:850;margin:7px 0;color:#0d3152}.sample-text p{font-size:13px;color:#5a7285}.sample-showcase h2{color:#082e4d;font-size:32px}.sample-showcase strong{color:#0b3c60}@media(max-width:800px){.sample-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.sample-grid{grid-template-columns:1fr}.sample-grid img{height:205px}}


/* TOKER ENERJİ • Approved night-blue / solar-amber aesthetic, all inner pages */
:root{--navy:#071f38;--blue:#247eb8;--gold:#ffae3c;--muted:#b9cee1;--bg:#091f37;--line:#254861}
body:not(.launch-home){background:#05172a;color:#f5f9ff;font-weight:520}
body:not(.launch-home) .top{background:rgba(3,20,38,.97);border-bottom:1px solid #315b74;box-shadow:0 10px 24px #0003;backdrop-filter:blur(14px)}
body:not(.launch-home) .brand,body:not(.launch-home) .brand span{color:#f8fcff}
body:not(.launch-home) .links a{color:#e6f0fa;font-weight:760}
body:not(.launch-home) .links a:hover{color:#ffba51}
body:not(.launch-home) .links .tools-link{background:linear-gradient(180deg,#ffd36b,#ff9d2d);border-color:#ffc668;color:#071c31;font-weight:850}
body:not(.launch-home) .menu-button{color:#fff;background:#113a5c;border-color:#477293}
body:not(.launch-home) .page-title{background:linear-gradient(100deg,#04152b 5%,#062b49ee 53%,#07233edb 100%),url('/assets/mockup/coast-twilight.webp') right center/cover;position:relative;border-bottom:2px solid #d99029;padding:62px 0 66px}
body:not(.launch-home) .page-title h1{font-size:clamp(38px,4.6vw,57px);line-height:1.13;letter-spacing:-2px;font-weight:900;text-shadow:0 8px 26px #0005}
body:not(.launch-home) .page-title p{font-size:16px;max-width:730px;color:#d6e7f6;font-weight:560}
body:not(.launch-home) .breadcrumb{color:#f6c477;font-weight:700;margin-bottom:15px}
body:not(.launch-home) .section{background:linear-gradient(165deg,#051b31,#082740);color:#edf5fb}
body:not(.launch-home) .section.alt{background:linear-gradient(130deg,#092c47,#071b30)}
body:not(.launch-home) .section h2,body:not(.launch-home) .detail h2,body:not(.launch-home) .article h2{color:#f9fbff;font-weight:870;letter-spacing:-.8px}
body:not(.launch-home) .section h3,body:not(.launch-home) .card h3{color:#f8fbff;font-weight:820}
body:not(.launch-home) .section p,body:not(.launch-home) .article p,body:not(.launch-home) .detail p,body:not(.launch-home) .detail li,body:not(.launch-home) .lead,body:not(.launch-home) .muted{color:#c5d6e5}
body:not(.launch-home) .kicker{color:#ffc266;font-weight:860}
body:not(.launch-home) .card,body:not(.launch-home) .side,body:not(.launch-home) .glass-panel,body:not(.launch-home) .field-panel,body:not(.launch-home) .image-upload-preview,body:not(.launch-home) .elegant-empty,body:not(.launch-home) .sample-grid article{background:#0b2945;border:1px solid #315b7a;box-shadow:0 14px 32px #00172b40;color:#f3f8fe}
body:not(.launch-home) .card:hover{border-color:#ffaf47;transform:translateY(-3px)}
body:not(.launch-home) .card h3,body:not(.launch-home) .sample-text h3,body:not(.launch-home) .elegant-empty h3{color:#f8fbff}
body:not(.launch-home) .card p,body:not(.launch-home) .sample-text p,body:not(.launch-home) .elegant-empty p{color:#c2d6e7}
body:not(.launch-home) .card .more,body:not(.launch-home) .arrow-link,body:not(.launch-home) .more{color:#ffba51;font-weight:850}
body:not(.launch-home) .btn,body:not(.launch-home) .btn.navy{background:linear-gradient(180deg,#ffca5c,#ff9d2a);color:#061729;font-weight:850;border:1px solid #ffd076;box-shadow:0 6px 0 #9b511b30}
body:not(.launch-home) .btn:hover{background:#ffcb65;color:#061729}
body:not(.launch-home) .btn-soft{background:#224c6b;color:#fff;border-color:#507897}
body:not(.launch-home) .note{background:#302b20;color:#ffe7b8;border-color:#ffba50}
body:not(.launch-home) .faq details{border-color:#43627a}
body:not(.launch-home) .faq summary{color:#fff;font-weight:780}
body:not(.launch-home) .pill{background:#15415f;color:#f2f9ff}
body:not(.launch-home) .fields label,body:not(.launch-home) .field-panel label,body:not(.launch-home) label{color:#e8f4fb}
body:not(.launch-home) .fields input,body:not(.launch-home) .fields textarea,body:not(.launch-home) .fields select,
body:not(.launch-home) .field-panel input:not([type=range]),body:not(.launch-home) .field-panel select,body:not(.launch-home) .field-panel textarea,
body:not(.launch-home) .filter-map-label select{background:#f7fbff;color:#12314e;border:1px solid #a2c5da;border-radius:9px}
body:not(.launch-home) input[type=range]{accent-color:#ffb13d}
body:not(.launch-home) .faq details p{color:#c4d8e9}
body:not(.launch-home) .section .small-explanation,body:not(.launch-home) .section .demo-note{color:#bcd1e4}
body:not(.launch-home) .sample-showcase{background:#07213a}
body:not(.launch-home) .sample-showcase h2{color:#fff}
body:not(.launch-home) .sample-grid .sample-text small{color:#ffc36e}
body:not(.launch-home) .filter-button{background:#0b3554;color:#dceefa;border-color:#3d6f94}
body:not(.launch-home) .filter-button.active{background:#ffb443;border-color:#ffb443;color:#071e34}
body:not(.launch-home) .map-project-item{background:#ffffff12}
body:not(.launch-home) .cta{background:#063454;border-block:1px solid #b87930}
body:not(.launch-home) .footer{background:#020f20;color:#adc6d9}
body:not(.launch-home) .separator{border-color:#355672}
body:not(.launch-home) .contact-notice{background:#082942;border-color:#5680a0;color:#fff}
@media(max-width:950px){body:not(.launch-home) .links{background:#061d33;border:1px solid #356082}body:not(.launch-home) .links a{color:#fff}}
@media(max-width:640px){body:not(.launch-home) .contact-dock{background:#061a2e;border-color:#274963}body:not(.launch-home) .page-title{padding:48px 0}body:not(.launch-home) .page-title h1{font-size:39px}}

/* Avoid UI text baked into old presentation concept screenshot inside subpage headers */
body:not(.launch-home) .page-title{background:radial-gradient(ellipse at 77% 15%,#124b6c85,transparent 56%),linear-gradient(105deg,#03162b 0%,#0a304f 72%,#06223c 100%)}
body:not(.launch-home) .page-title::after{content:"";position:absolute;right:0;top:0;bottom:0;width:45%;opacity:.16;pointer-events:none;background-image:linear-gradient(90deg,#ffe0a330 1px,transparent 1px),linear-gradient(#ffe0a330 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,transparent,#000)}
