@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#064635;--forest:#062e27;--deep:#071e1b;--mint:#c2e0d5;--ink:#171f20;--muted:#64716e;--paper:#f6f8f7;--line:#e4e9e6;--radius:19px;--shadow:0 18px 48px rgba(7,45,32,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:white}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 60px));margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:800;color:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(42px,5.7vw,76px);line-height:1.04}h2{font-size:clamp(29px,3.2vw,43px);line-height:1.15}p{line-height:1.68}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 23px;border-radius:40px;font-weight:800;font-size:13px;border:1px solid transparent;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn-white{background:#fff;color:#142520}.btn-green{background:var(--green);color:white}.btn-outline{border-color:#b1cbc0;color:var(--green);background:transparent}.btn-ghost{color:white;border-color:#aecdc5;background:#ffffff0a}.arrow{font-size:20px;font-weight:400}.section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:26px}.section-head h2{margin:6px 0 0}.section-head p{max-width:395px;font-size:14px;color:var(--muted);margin-bottom:0}.site-header{height:78px;background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 4px 28px #102b2612}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand img{width:204px;height:auto}.nav{display:flex;align-items:center;gap:29px;height:100%}.nav a,.nav .nav-drop-btn{font-size:13px;font-weight:800;white-space:nowrap}.nav>a{height:100%;display:flex;align-items:center;position:relative}.nav>a.active:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:18px;background:var(--green)}.nav-drop{position:relative}.nav-drop-btn{background:var(--green);border:0;color:white;padding:13px 18px;border-radius:11px}.dropdown{position:absolute;top:45px;left:0;min-width:200px;background:white;padding:10px;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}.nav-drop:hover .dropdown,.nav-drop:focus-within .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;padding:11px;border-radius:8px}.dropdown a:hover{background:var(--paper)}.header-actions{display:flex;gap:15px}.icon-btn{border:none;background:transparent;color:var(--deep);font-size:23px;padding:8px}.mobile-toggle{display:none}.hero{position:relative;min-height:490px;background:var(--forest);overflow:hidden;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0 0 0 31%;background:url('images/hero.jpg') center center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#032d24 0%,#053e31 27%,#133c31df 39%,#173b2f57 61%,transparent 100%)}.hero-content{position:relative;z-index:1;color:#fff;padding:62px 0 76px}.hero .eyebrow{color:#e5f2ec}.hero h1{max-width:540px;margin:19px 0 16px}.hero p{color:#edf4f1;max-width:405px;font-size:15px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-dots{display:flex;gap:10px;margin-top:34px}.hero-dots span{height:4px;width:25px;background:#fff5;border-radius:9px}.hero-dots span:first-child{background:#fff}.benefit-wrap{position:relative;z-index:5;margin-top:-34px}.benefits{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);padding:22px 18px}.benefit{display:flex;gap:14px;align-items:center;justify-content:center;padding:2px 15px;border-right:1px solid var(--line)}.benefit:last-child{border-right:0}.benefit .symbol{font-size:32px;color:var(--green)}.benefit b{display:block;font-size:13px}.benefit small{font-size:11px;color:var(--muted)}.models-section{padding-top:58px;padding-bottom:74px}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.model-card{overflow:hidden;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 24px #071e1b0b;transition:transform .3s,box-shadow .3s}.model-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.model-image{aspect-ratio:1.21;overflow:hidden;position:relative;background:#e6ecea}.model-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.model-card:hover .model-image img{transform:scale(1.06)}.heart{position:absolute;right:13px;top:12px;background:#ffffffb8;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;color:var(--green)}.heart.active{background:var(--green);color:#fff}.model-info{padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:6px}.model-info h3{font-size:15px;margin:0 0 3px}.model-info p{font-size:11px;color:var(--muted);margin:0}.circle-arrow{width:33px;height:33px;flex:0 0 33px;border:1px solid #cfd8d4;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:.2s}.circle-arrow:hover{background:var(--green);color:#fff}.process{background:radial-gradient(ellipse at 92% 10%,#215a4c 0%,transparent 45%),linear-gradient(135deg,#061d19,#084334 68%,#06251f);color:white;overflow:hidden;position:relative}.process:after{content:'';position:absolute;bottom:-170px;left:-10%;width:120%;height:260px;border:1px solid #7ab9a34f;border-radius:50%;transform:rotate(-5deg);pointer-events:none}.process .container{position:relative;z-index:1}.process-intro{max-width:800px;margin-bottom:30px}.process-intro h2{margin:0 0 12px}.process-intro p{color:#bed7cf;max-width:690px;font-size:14px}.process-stage{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;background:#ffffff0a;border:1px solid #ffffff20;padding:24px;border-radius:26px;min-height:345px}.stage-visual{height:295px;position:relative;border-radius:16px;overflow:hidden;background:radial-gradient(circle,#26554a,#102e28)}.stage-visual img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 18px 24px #0005);transition:opacity .35s,transform .45s}.stage-visual img.is-changing{opacity:0;transform:scale(.88)}.stage-number{position:absolute;top:17px;left:18px;background:#fff;color:var(--green);border-radius:9px;padding:7px 11px;font-weight:800;font-size:12px}.stage-content .eyebrow{color:#96d5bf}.stage-content h3{font-size:clamp(29px,3vw,43px);margin:12px 0}.stage-content p{color:#c7ddd4;font-size:15px;max-width:470px}.stage-progress{height:3px;background:#ffffff37;border-radius:10px;overflow:hidden;margin:25px 0}.stage-progress span{display:block;width:20%;height:100%;background:#bcf2da;transition:width .45s}.stage-controls{display:flex;gap:10px}.stage-controls button{height:39px;width:39px;border-radius:50%;background:transparent;border:1px solid #bde0d0;color:white;font-size:20px}.stage-controls button:hover{background:#ffffff2c}.stage-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:25px}.stage-tab{border:1px solid #ffffff2c;background:#ffffff0b;color:#d3e4de;padding:14px 10px;border-radius:14px;text-align:left;transition:.25s}.stage-tab:hover,.stage-tab.active{background:#e4f7ef;color:var(--forest);border-color:#e4f7ef}.stage-tab .num{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;border:1px solid currentColor;font-weight:800;margin-bottom:9px}.stage-tab span:last-child{display:block;font-size:12px;font-weight:700}.process-end{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin-top:24px;color:#dff8ec}.process-end img{width:100px;height:85px;object-fit:cover;border-radius:14px}.process-end strong{font-size:17px}.process-end small{display:block;color:#add2c2;font-size:12px}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:#f2f5f3;border-radius:18px;min-height:295px;overflow:hidden;position:relative;padding:26px}.panel h3{font-size:24px;line-height:1.2;margin:8px 0 14px}.panel p{max-width:270px;color:var(--muted);font-size:13px}.catalog-panel img{position:absolute;right:-52px;bottom:-23px;width:60%;height:92%;object-fit:cover;border-radius:15px;transform:rotate(-7deg);box-shadow:0 12px 24px #0003}.catalog-panel .panel-copy{position:relative;z-index:1;max-width:53%}.blog-panel .blog-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.blog-mini{min-width:0}.blog-mini img{width:100%;height:78px;object-fit:cover;border-radius:8px}.blog-mini b{display:block;margin-top:7px;font-size:11px;line-height:1.35}.blog-mini small{color:var(--muted);font-size:10px}.panel-top{display:flex;justify-content:space-between;align-items:start}.panel-top a{font-size:11px;font-weight:800}.cta{margin:0 auto 0;border-radius:17px;background:linear-gradient(90deg,#092b25ac,#053c30 59%,#063b30),url('images/cta.jpg') left center/cover;color:#fff;padding:31px 50px;display:flex;justify-content:flex-end;align-items:center;gap:40px}.cta-copy{max-width:475px}.cta h3{font-size:26px;margin-bottom:7px}.cta p{font-size:13px;color:#d0e2da;margin:0}.site-footer{background:#0c2521;color:#e2ebe6;margin-top:24px;padding:48px 0 23px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .9fr 1fr;gap:50px}.footer-logo{width:175px;filter:brightness(0) invert(1);margin-bottom:16px}.footer-grid p,.footer-grid a,.footer-grid li{font-size:12px;color:#c1d0ca;line-height:1.85}.footer-grid h4{font-size:14px;margin:0 0 14px}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff22;margin-top:35px;padding-top:20px;font-size:11px;color:#a9c1b7;display:flex;justify-content:space-between}.wa{position:fixed;right:20px;bottom:24px;z-index:99;background:#006444;color:white;padding:13px 21px;border-radius:35px;box-shadow:0 10px 30px #0003;font-size:12px;font-weight:800}.wa span{font-size:20px;margin-right:6px}.page-hero{background:linear-gradient(110deg,#042e24,#164e3f);color:white;padding:83px 0 90px;position:relative;overflow:hidden}.page-hero:before{content:'';position:absolute;right:-100px;top:-230px;width:550px;height:550px;border:1px solid #ffffff2b;border-radius:50%;box-shadow:0 0 0 80px #ffffff08,0 0 0 170px #ffffff08}.page-hero .container{position:relative}.page-hero h1{font-size:clamp(40px,5vw,66px);margin:13px 0}.page-hero p{max-width:610px;color:#d4e8de}.breadcrumb{font-size:12px;color:#bfd9cc}.breadcrumb a{color:white}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.filterbar button{background:white;border:1px solid #cfdbd5;border-radius:30px;padding:11px 18px;color:var(--green);font-weight:700;font-size:12px}.filterbar button.active{background:var(--green);color:white}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.detail-grid img{border-radius:20px;width:100%;aspect-ratio:1.15;object-fit:cover}.detail-grid h2{margin:10px 0 20px}.detail-grid p{color:var(--muted)}.checklist{list-style:none;padding:0;margin:23px 0}.checklist li{padding:9px 0;font-size:14px}.checklist li:before{content:'✓';display:inline-grid;place-items:center;border-radius:50%;width:22px;height:22px;margin-right:11px;background:#e0f2e9;color:var(--green)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.stat{border:1px solid var(--line);border-radius:16px;text-align:center;padding:27px 10px}.stat b{font-size:32px;color:var(--green)}.stat span{display:block;font-size:12px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article{border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.3s}.article:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.article img{width:100%;height:205px;object-fit:cover}.article-body{padding:24px}.article small{color:var(--green);font-weight:800}.article h3{margin:9px 0;font-size:20px}.article p{font-size:13px;color:var(--muted)}.form-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px}.contact-info{background:var(--forest);color:white;padding:36px;border-radius:20px}.contact-info h3{font-size:25px}.contact-info p{color:#c7d9d1}.contact-item{padding:15px 0;border-bottom:1px solid #ffffff2b}.contact-item b{display:block;margin-bottom:5px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;border:1px solid #d8e2dd;border-radius:10px;padding:14px;outline:none;background:#fff}.field textarea{min-height:125px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--green)}.form-note{font-size:12px;color:var(--muted)}.catalog-showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.catalog-showcase img{border-radius:20px}.catalog-showcase p{color:var(--muted)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}.modal{position:fixed;inset:0;background:#061b18bd;z-index:1100;display:none;place-items:center;padding:25px}.modal.open{display:grid}.modal-card{position:relative;max-width:760px;width:100%;background:white;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.modal-card img{height:100%;width:100%;object-fit:cover}.modal-body{padding:40px}.modal-body p{color:var(--muted);font-size:14px}.modal-close{position:absolute;top:12px;right:14px;background:#fff;border:0;border-radius:50%;width:36px;height:36px;font-size:22px}.search-overlay{position:fixed;inset:0;background:#071b18e8;display:none;z-index:1200;align-items:center;justify-content:center;padding:30px}.search-overlay.open{display:flex}.search-box{width:min(650px,100%);background:white;padding:35px;border-radius:20px}.search-box input{width:100%;border:0;border-bottom:2px solid var(--green);font-size:24px;outline:0;padding:15px 0}.search-box .search-results{display:grid;gap:10px;margin-top:20px}.search-results a{padding:10px;background:#f5f8f6;border-radius:9px}.search-close{float:right;background:none;border:0;font-size:24px}.mobile-nav{display:none}@media(max-width:1000px){.nav{gap:15px}.brand img{width:168px}.benefit{padding:0 8px}.benefit b{font-size:11px}.model-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:24px}.split-panels{grid-template-columns:1fr}.catalog-panel{min-height:310px}}@media(max-width:760px){.container{width:min(100% - 32px,520px)}.site-header{height:68px}.brand img{width:160px}.nav{display:none}.mobile-toggle{display:block}.mobile-nav{display:none;background:white;position:absolute;top:68px;left:0;right:0;padding:20px;box-shadow:var(--shadow);flex-direction:column;gap:0}.mobile-nav.open{display:flex}.mobile-nav a{padding:13px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px}.hero{min-height:570px;align-items:end}.hero:before{inset:0;background-position:58% center;opacity:.78}.hero:after{background:linear-gradient(0deg,#032c24 0%,#063d32f0 34%,#173b2e15 100%)}.hero-content{padding:180px 0 65px}.hero h1{font-size:43px}.benefits{grid-template-columns:repeat(2,1fr);gap:17px;padding:16px}.benefit{justify-content:flex-start;border:0}.benefit:nth-child(odd){border-right:1px solid var(--line)}.section{padding:55px 0}.section-head{align-items:start;flex-direction:column;gap:10px}.model-grid{gap:12px}.model-info{padding:12px}.model-info h3{font-size:12px}.model-info p{font-size:10px}.process-stage{grid-template-columns:1fr;gap:25px}.stage-visual{height:210px}.stage-tabs{grid-template-columns:repeat(5,1fr);gap:5px}.stage-tab{padding:9px 3px;text-align:center}.stage-tab span:last-child{font-size:9px}.stage-tab .num{width:24px;height:24px}.process-end{justify-content:flex-start}.panel{padding:20px}.catalog-panel .panel-copy{max-width:60%}.catalog-panel img{width:57%}.blog-panel .blog-mini-grid{gap:7px}.blog-mini img{height:63px}.blog-mini b{font-size:10px}.cta{padding:28px;display:block}.cta .btn{margin-top:18px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.detail-grid,.catalog-showcase,.form-wrap{grid-template-columns:1fr;gap:28px}.stats{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.modal-card{grid-template-columns:1fr;max-width:420px}.modal-card img{height:210px}.modal-body{padding:25px}.contact-form{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:390px){.model-grid{grid-template-columns:1fr}.hero h1{font-size:39px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* KABİNO 2.0 — editorial navigation & immersive production story */
.nav-drop.is-open .dropdown{opacity:1;visibility:visible;transform:none}.products-trigger{background:transparent;color:var(--ink);padding:13px 0;border-radius:0}.products-trigger:hover{color:var(--green)}.products-menu{min-width:245px;top:43px;padding:10px}.products-menu a{display:flex;justify-content:space-between}.products-menu .product-all{background:#eaf4ef;color:var(--green);margin-bottom:5px}.mobile-models{border-bottom:1px solid var(--line)}.mobile-models summary{padding:13px;font-weight:700;font-size:14px;cursor:pointer;list-style:none}.mobile-models summary:after{content:'⌄';float:right}.mobile-models[open] summary:after{content:'⌃'}.mobile-models a{display:block;padding:10px 20px!important;border-bottom:0!important;color:var(--green)}
.process-story{position:relative;overflow:hidden;background:radial-gradient(circle at 83% 15%,#124d40 0%,transparent 39%),linear-gradient(125deg,#041b18,#06382e 61%,#092d27);padding:105px 0 92px;color:white;isolation:isolate}.process-atmosphere{position:absolute;inset:0;pointer-events:none;opacity:.4}.orbit{position:absolute;width:850px;height:850px;border:1px solid #99e4d540;border-radius:50%;right:-300px;top:-410px;transform:rotate(23deg)}.orbit-two{width:630px;height:630px;right:-180px;top:-300px;animation:orbit-pulse 9s infinite alternate}.story-shell{position:relative;z-index:1}.story-header{max-width:780px;margin-bottom:45px}.story-header .eyebrow,.story-detail .eyebrow{color:#9de6cd}.story-header h2{font-size:clamp(40px,5.4vw,70px);line-height:1.07;letter-spacing:-.055em;margin:13px 0 17px}.story-header h2 em{font-style:normal;color:#b8e7d5}.story-header p{color:#c9e1d8;font-size:16px;max-width:600px;margin:0}.story-dot{margin:0 7px}.story-experience{display:grid;grid-template-columns:1.12fr .88fr;min-height:495px;border:1px solid #ffffff24;background:#ffffff08;border-radius:26px;box-shadow:0 28px 65px #0003;overflow:hidden;outline-offset:6px}.story-visual{position:relative;min-height:480px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 52% 45%,#266858 0%,#113c35 40%,#072720 80%)}.story-grid{position:absolute;inset:0;background-image:linear-gradient(#d9fff00b 1px,transparent 1px),linear-gradient(90deg,#d9fff00b 1px,transparent 1px);background-size:45px 45px;mask-image:linear-gradient(to bottom,#0009,transparent)}.story-rings{position:absolute;width:470px;height:470px;border:1px solid #a0ffe03b;border-radius:50%;box-shadow:0 0 0 52px #baffed07,0 0 0 112px #baffed05;animation:orbit-pulse 7s ease-in-out infinite alternate}.story-floating-label,.story-surface-note{position:absolute;left:28px;letter-spacing:.22em;font-weight:800;font-size:9px;color:#b9e5d4;z-index:3}.story-floating-label{top:28px}.story-floating-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b6f4d4;margin:0 7px}.story-surface-note{bottom:29px}.story-object{position:relative;z-index:2;width:min(71%,390px);height:365px;display:grid;place-items:center;filter:drop-shadow(0 30px 34px #0008);transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .3s}.story-object img{max-height:100%;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.16) saturate(.93);border-radius:8px}.glass-sheen{position:absolute;inset:0;background:linear-gradient(105deg,transparent 36%,#d1fff521 48%,transparent 61%);background-size:250% 100%;pointer-events:none;animation:glass-sweep 5.5s ease-in-out infinite}.story-scanline{position:absolute;left:0;right:0;top:20%;height:1px;background:#91fbe0;box-shadow:0 0 16px 3px #70f6d7aa;opacity:.7;animation:scan-move 5s ease-in-out infinite alternate}.story-stamp{position:absolute;right:28px;bottom:24px;font-family:Manrope,sans-serif;font-size:57px;font-weight:800;letter-spacing:-.06em;line-height:1;color:#ffffffc9}.story-stamp small{font-size:15px;font-weight:500;letter-spacing:0;color:#b3dccd}.story-visual.scene-exit .story-object{opacity:0;transform:translateY(24px) rotate(-3deg) scale(.94)}.story-visual.scene-enter .story-object{animation:scene-appear .9s ease both}.story-visual[data-phase="1"] .story-scanline{background:#b5ffe8;animation-duration:1.6s}.story-visual[data-phase="2"]{background:radial-gradient(ellipse at center,#806048 0%,#27382f 50%,#082c25 90%)}.story-visual[data-phase="2"] .story-scanline{background:#ffc274;box-shadow:0 0 22px 6px #f68d4099}.story-visual[data-phase="3"] .story-object{transform:rotate(-2deg)}.story-visual[data-phase="4"] .story-object{width:85%;height:400px}.story-detail{padding:50px 46px 42px;display:flex;flex-direction:column;justify-content:center;position:relative}.story-detail-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:36px}.detail-counter{font-size:13px;font-weight:700;color:#badfd2}.story-detail h3{font-size:clamp(30px,3.4vw,49px);line-height:1.13;letter-spacing:-.055em;margin:0 0 22px;max-width:410px}.story-detail p{font-size:15px;color:#cbe3da;line-height:1.8;min-height:115px}.story-fact{display:flex;align-items:center;gap:12px;color:#abdfcc;letter-spacing:.09em;font-size:10px;font-weight:800;margin-top:14px}.fact-line{width:29px;height:1px;background:#a0e3cb}.story-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:43px}.story-controls{display:flex;gap:9px}.story-controls button{width:46px;height:46px;border-radius:50%;color:white;border:1px solid #beddd285;background:#ffffff08;font-size:22px;transition:.25s}.story-controls button:hover{background:#c3f1df;color:#083c2e;transform:translateY(-2px)}.story-hint{color:#8dbdad;font-size:9px;letter-spacing:.16em;font-weight:700}.story-timeline{display:grid;grid-template-columns:repeat(5,1fr);margin-top:29px;gap:0;position:relative}.story-timeline:before{content:'';position:absolute;top:25px;left:7%;right:7%;height:1px;background:#5b9e89;opacity:.65}.story-timeline .stage-tab{position:relative;z-index:1;text-align:left;padding:0 12px 18px;background:transparent;border:0;color:#bcdacf;display:flex;flex-direction:column;gap:6px;border-radius:0;min-width:0;transition:color .3s}.timeline-top{display:flex;align-items:center;height:50px;gap:14px;font-size:13px;font-weight:800;color:#a9d6c5}.timeline-top i{height:11px;width:11px;border-radius:50%;border:2px solid #8eb6a7;background:#073b30;display:block;transition:.35s}.story-timeline .stage-tab.active .timeline-top i,.story-timeline .stage-tab.complete .timeline-top i{background:#bef2d9;box-shadow:0 0 0 6px #a1e7ca1c;border-color:#bef2d9}.story-timeline .stage-tab strong{font-size:14px;color:#e0eee8}.story-timeline .stage-tab small{font-size:11px;color:#88b4a5}.story-timeline .stage-tab.active strong{color:#baf6dc}.story-timeline .stage-tab:hover strong{color:white}.story-final{margin-top:49px;padding:25px 30px;border:1px solid #92c2af55;border-radius:16px;display:flex;align-items:center;gap:23px;background:linear-gradient(90deg,#c7f6df14,#ffffff03)}.story-final-icon{font-size:38px;color:#bdf4d8}.story-final p{margin:0;flex:1;display:grid;gap:3px}.story-final p span{font-size:10px;letter-spacing:.2em;color:#a0d1bd;font-weight:800}.story-final p strong{font-size:18px}.story-final a{padding:12px 17px;border:1px solid #a4cbbd;border-radius:25px;font-size:12px;font-weight:800}.story-final a:hover{background:white;color:#073c2e}
.home-catalog-strip{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:55px;background:#f3f6f3;border-radius:23px;overflow:hidden}.home-catalog-strip img{height:340px;width:100%;object-fit:cover}.home-catalog-strip>div{padding:28px 40px 28px 0}.home-catalog-strip h2{font-size:clamp(27px,3.5vw,43px);margin:12px 0}.home-catalog-strip p{font-size:14px;color:#54675e;max-width:390px}.home-blog-section{padding-top:80px;background:linear-gradient(#fff,#f7f9f7)}.home-blog-section .article,.content-grid .article{overflow:hidden}.home-blog-section .article img{transition:transform .65s}.home-blog-section .article:hover img{transform:scale(1.055)}.article-read{display:inline-flex;margin-top:15px;color:var(--green);font-size:13px;font-weight:800}.blog-detail-hero{padding:90px 0 105px;background:radial-gradient(circle at 83% 20%,#276558,#062e27 61%,#061f1b);color:white}.blog-detail-hero .breadcrumb{color:#b5dacc;margin-bottom:35px}.blog-detail-hero .eyebrow{color:#a7dfc8}.blog-detail-hero h1{font-size:clamp(38px,5.4vw,67px);max-width:850px;margin:16px 0 20px}.blog-detail-hero p{max-width:660px;font-size:17px;color:#d2e6df}.blog-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:55px;align-items:start;padding:65px 0 100px}.blog-cover{width:100%;height:430px;object-fit:cover;border-radius:18px}.blog-prose{max-width:760px;padding-top:42px}.blog-prose .blog-lead{font-size:23px;line-height:1.65;font-weight:650;color:#183a31}.blog-prose section{padding:18px 0}.blog-prose h2{font-size:27px;margin-bottom:13px}.blog-prose p{font-size:16px;color:#52605b;line-height:1.95}.blog-end{padding:22px 25px;background:#eaf4ef;border-radius:14px;font-size:14px}.blog-end a{color:#06523c;font-weight:800}.blog-detail-side{padding:27px;background:#f5f8f6;border-radius:19px;position:sticky;top:105px}.blog-detail-side h3{font-size:25px;margin:14px 0}.blog-detail-side p{font-size:13px;color:var(--muted)}.blog-detail-side hr{border:0;border-top:1px solid #d9e4de;margin:25px 0}.blog-detail-side>a:not(.btn){font-size:13px;color:#064635;font-weight:800}
@keyframes glass-sweep{0%,14%{background-position:150% 0}60%,100%{background-position:-120% 0}}@keyframes scan-move{from{top:12%}to{top:87%}}@keyframes orbit-pulse{from{transform:scale(.92) rotate(0);opacity:.5}to{transform:scale(1.08) rotate(15deg);opacity:1}}@keyframes scene-appear{from{opacity:0;transform:translateY(22px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){.story-detail{padding:35px 30px}.story-hint{display:none}.story-object{width:82%}.blog-detail-layout{grid-template-columns:1fr 230px;gap:25px}}@media(max-width:760px){.process-story{padding:65px 0}.story-header{margin-bottom:28px}.story-header h2{font-size:41px}.story-experience{grid-template-columns:1fr}.story-visual{min-height:315px}.story-object{height:265px;width:72%}.story-visual[data-phase="4"] .story-object{height:285px}.story-rings{width:280px;height:280px}.story-stamp{font-size:43px}.story-floating-label,.story-surface-note{font-size:8px;left:16px}.story-detail{padding:30px 24px 35px}.story-detail-top{margin-bottom:17px}.story-detail h3{font-size:33px;margin-bottom:16px}.story-detail p{min-height:auto;font-size:14px}.story-bottom{margin-top:23px}.story-timeline{overflow-x:auto;grid-template-columns:repeat(5,143px);padding-bottom:10px;scroll-snap-type:x mandatory}.story-timeline .stage-tab{scroll-snap-align:start}.story-timeline:before{left:26px;right:auto;width:700px}.story-final{flex-wrap:wrap;padding:20px;gap:12px}.story-final a{width:100%;text-align:center}.home-catalog-strip{grid-template-columns:1fr;gap:0}.home-catalog-strip img{height:230px}.home-catalog-strip>div{padding:28px}.home-blog-section .content-grid{grid-template-columns:1fr}.blog-detail-hero{padding:65px 0}.blog-detail-layout{grid-template-columns:1fr;padding:35px 0 60px}.blog-cover{height:260px}.blog-detail-side{position:static}.blog-prose{padding-top:25px}}@media(prefers-reduced-motion:reduce){.story-object,.story-rings,.glass-sheen,.story-scanline,.orbit{animation:none!important;transition:none!important}}

/* ANASAYFA V3 — Yüksek çözünürlüklü SVG ile hikayesel cam → duşakabin dönüşümü.
   Diğer sayfaların tasarımı değiştirilmedi. */
.story-visual{min-height:530px; background:radial-gradient(ellipse at 53% 49%,#26695e 0%,#123e37 46%,#072922 89%)}
.story-object.story-object-vector{width:min(100%,650px)!important;height:auto!important;aspect-ratio:760/600;margin:auto;display:block;filter:drop-shadow(0 25px 26px #001e1b88);transform:none!important;overflow:visible;opacity:1!important;transition:none!important}
.story-art{width:100%;height:100%;display:block;overflow:visible}
.story-object-vector .glass-sheen,.story-object-vector .story-scanline{display:none}
.story-object-vector svg g,.story-object-vector svg path{transform-box:fill-box;transform-origin:center;}
.story-object-vector .art-raw,.story-object-vector .art-processing,.story-object-vector .art-assembly{transition:opacity .8s ease,filter .8s ease;}
.story-visual .art-raw,.story-visual .art-processing,.story-visual .art-assembly{opacity:0;pointer-events:none}
.story-visual[data-phase="0"] .art-raw,.story-visual[data-phase="1"] .art-processing,.story-visual[data-phase="2"] .art-processing,.story-visual[data-phase="3"] .art-processing,.story-visual[data-phase="4"] .art-assembly{opacity:1}
.story-visual[data-phase="1"] .art-heat-zone,.story-visual[data-phase="1"] .art-heat-waves,.story-visual[data-phase="1"] .art-frost,.story-visual[data-phase="1"] .art-frost-sweep{opacity:0}
.story-visual[data-phase="2"] .art-cut-grid,.story-visual[data-phase="2"] .art-laser,.story-visual[data-phase="2"] .art-frost,.story-visual[data-phase="2"] .art-frost-sweep{opacity:0}
.story-visual[data-phase="3"] .art-cut-grid,.story-visual[data-phase="3"] .art-laser,.story-visual[data-phase="3"] .art-heat-zone,.story-visual[data-phase="3"] .art-heat-waves{opacity:0}
.story-visual[data-phase="0"] .art-final-polish,.story-visual[data-phase="1"] .art-final-polish,.story-visual[data-phase="2"] .art-final-polish,.story-visual[data-phase="3"] .art-final-polish{opacity:0}
.story-visual[data-phase="4"] .art-final-polish{animation:final-polish 2s 2.6s both}
.story-visual[data-phase="0"] .raw-a{animation:raw-a 4s ease-in-out infinite alternate}
.story-visual[data-phase="0"] .raw-b{animation:raw-b 4.4s ease-in-out infinite alternate}
.story-visual[data-phase="0"] .raw-c{animation:raw-c 4.8s ease-in-out infinite alternate}
.story-visual[data-phase="0"] .sparkle{animation:glass-twinkle 1.6s ease-in-out infinite alternate}
.story-visual[data-phase="1"] .art-laser{animation:laser-cut 3s ease-in-out infinite alternate}
.story-visual[data-phase="1"] .art-cut-grid{animation:lines-brighten 2.3s ease-in-out infinite alternate}
.story-visual[data-phase="2"] .art-heat-zone{animation:heat-pulse 2.3s ease-in-out infinite alternate}
.story-visual[data-phase="2"] .art-heat-waves{animation:heat-waves 2.7s linear infinite}
.story-visual[data-phase="3"] .art-frost-sweep{animation:frost-sweep 3.2s ease-in-out infinite}
.story-visual[data-phase="3"] .art-frost{animation:frost-reveal 2.4s ease both}
.story-visual[data-phase="4"] .part-tray{animation:tray-arrive 1.5s cubic-bezier(.22,.77,.2,1.01) both}
.story-visual[data-phase="4"] .part-back{animation:back-arrive 1.6s .25s cubic-bezier(.22,.77,.2,1.01) both}
.story-visual[data-phase="4"] .part-side{animation:side-arrive 1.6s .58s cubic-bezier(.22,.77,.2,1.01) both}
.story-visual[data-phase="4"] .part-front{animation:front-arrive 1.6s .92s cubic-bezier(.22,.77,.2,1.01) both}
.story-visual[data-phase="4"] .part-hardware{animation:hardware-arrive .9s 2.55s cubic-bezier(.22,.77,.2,1.01) both}
.story-assembly-indicator{position:absolute;left:50%;bottom:52px;display:flex;gap:7px;transform:translateX(-50%);pointer-events:none;opacity:0;transition:opacity .4s}
.story-assembly-indicator span{height:3px;width:25px;background:#aaf5d9;border-radius:99px;transform:scaleX(.35);opacity:.3}
.story-visual[data-phase="4"] .story-assembly-indicator{opacity:1}
.story-visual[data-phase="4"] .story-assembly-indicator span:nth-child(1){animation:indicator-done .4s .5s both}
.story-visual[data-phase="4"] .story-assembly-indicator span:nth-child(2){animation:indicator-done .4s 1s both}
.story-visual[data-phase="4"] .story-assembly-indicator span:nth-child(3){animation:indicator-done .4s 1.5s both}
.story-visual[data-phase="4"] .story-assembly-indicator span:nth-child(4){animation:indicator-done .4s 2s both}
.story-visual[data-phase="4"] .story-assembly-indicator span:nth-child(5){animation:indicator-done .4s 2.8s both}
.story-finale-caption{position:absolute;z-index:4;right:20px;top:47px;padding:10px 15px;background:#dff8e9ed;color:#07503e;border-radius:12px;font-size:9px;font-weight:800;letter-spacing:.12em;box-shadow:0 10px 25px #0002;opacity:0;transform:translateY(15px);pointer-events:none}
.story-finale-caption strong{display:block;font-size:15px;letter-spacing:0;margin-top:2px}
.story-visual[data-phase="4"] .story-finale-caption{animation:caption-appear .7s 3.1s both}
.story-visual[data-phase="4"]{background:radial-gradient(ellipse at center,#2b6e60 0%,#0b4137 56%,#052920 94%)}
.story-visual.scene-exit .story-object-vector{opacity:1!important;transform:none!important}
.story-visual.scene-enter .story-object-vector{animation:none!important}
.story-visual.scene-exit .story-art{opacity:.32;transition:opacity .15s}
.story-visual.scene-enter .story-art{opacity:1;transition:opacity .25s}
.story-visual .story-stamp{right:24px;bottom:24px;font-size:46px}
@keyframes raw-a{to{transform:translate(-13px,9px)}}
@keyframes raw-b{to{transform:translate(0,-14px)}}
@keyframes raw-c{to{transform:translate(11px,10px)}}
@keyframes glass-twinkle{to{opacity:.2;filter:drop-shadow(0 0 8px #baffeb)}}
@keyframes laser-cut{0%{transform:translateX(-90px);opacity:.65}50%{transform:translateX(70px);opacity:1}100%{transform:translateX(-90px);opacity:.65}}
@keyframes lines-brighten{to{stroke-opacity:.28}}
@keyframes heat-pulse{0%,100%{opacity:.27}50%{opacity:.9}}
@keyframes heat-waves{0%{transform:translateY(20px);opacity:0}35%{opacity:.8}100%{transform:translateY(-27px);opacity:0}}
@keyframes frost-sweep{0%{transform:translateX(-290px);opacity:0}20%{opacity:.9}80%{opacity:.8}100%{transform:translateX(0);opacity:0}}
@keyframes frost-reveal{from{opacity:0}to{opacity:1}}
@keyframes tray-arrive{from{transform:translateY(150px);opacity:0}to{transform:none;opacity:1}}
@keyframes back-arrive{from{transform:translateY(-150px) translateX(85px) scale(.9);opacity:0}to{transform:none;opacity:1}}
@keyframes side-arrive{from{transform:translateX(-180px) rotate(-13deg);opacity:0}to{transform:none;opacity:1}}
@keyframes front-arrive{from{transform:translateX(190px) rotate(10deg);opacity:0}to{transform:none;opacity:1}}
@keyframes hardware-arrive{from{transform:translateY(-35px);opacity:0}to{transform:none;opacity:1}}
@keyframes final-polish{from{opacity:0}to{opacity:1}}
@keyframes caption-appear{to{opacity:1;transform:translateY(0)}}
@keyframes indicator-done{to{opacity:1;transform:scaleX(1)}}
@media(max-width:760px){.story-visual{min-height:340px}.story-object.story-object-vector{width:min(100%,420px)!important;height:auto!important}.story-assembly-indicator{bottom:31px}.story-finale-caption{top:32px;right:12px;padding:7px 9px}.story-finale-caption strong{font-size:11px}.story-visual .story-stamp{font-size:34px;bottom:15px;right:15px}.story-surface-note{bottom:17px}.story-floating-label{top:16px}}
@media(prefers-reduced-motion:reduce){.story-art *,.story-finale-caption,.story-assembly-indicator span{animation-duration:.01ms!important;animation-iteration-count:1!important}.story-visual[data-phase="4"] .part{opacity:1!important;transform:none!important}}
