/* Dış Ticaret GO — petrol, turquoise and brushed silver. */
:root{color-scheme:dark;--ink:#ecf6fa;--muted:#9fbac5;--green:#36d6dd;--lime:#7be7e9;--border:#254652;--paper:#061e29;--cream:#0a3443;--white:#f4f9fb;font-family:Inter,'Helvetica Neue',Arial,sans-serif;background:#041923;color:var(--ink)}
body{isolation:isolate;overflow-x:clip;background:transparent;font-size:16px;line-height:1.5}.ambient-field{position:fixed;inset:-15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,#08667a80,transparent 47%),radial-gradient(ellipse at 90% 60%,#08788755,transparent 45%),radial-gradient(ellipse at 30% 95%,#769caa26,transparent 35%),#041923;animation:ambient-drift 18s ease-in-out infinite alternate;will-change:transform}header,main,footer{max-width:1440px}.header{height:114px;padding:0 48px;border-bottom:1px solid #72bcc52b;background:#041c2680;backdrop-filter:blur(20px);gap:24px}.brand{gap:16px}.brand>span:last-child{font-size:18px;letter-spacing:-.5px}.brand small{color:#a5c2cd;font-size:12px;letter-spacing:2px}.brand-animation{width:150px;flex-basis:150px;border:1px solid #6fd3dd40;border-radius:12px;box-shadow:0 0 35px #12cadd13}.logo-motion{left:55px;bottom:19px;background:#061e29d9;color:#b0f7f5;border:1px solid #83d5df66}.header nav{gap:24px;font-size:14px}.nav-link{color:#bfd0d7}.nav-link:hover{color:#7ee7e8}.private{background:#0b3542;border:1px solid #367181;color:#aae4e9;font-size:12px;border-radius:100px;padding:8px 13px}.admin-link{font-size:14px;color:#e2edf2}.admin-link span{color:#69e6e5}
.hero{isolation:isolate;margin:28px 32px 0;min-height:540px;grid-template-columns:1.05fr 1fr;border-radius:24px;border:1px solid #6eabb642;background:linear-gradient(125deg,#0a2b3b,#064e5d,#102f41,#087484);background-size:260% 260%;animation:color-flow 16s ease infinite;box-shadow:0 24px 80px #0004,inset 0 1px #d5f7ff15}.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#041d30cc,transparent 75%),linear-gradient(#76d6e008 1px,transparent 1px),linear-gradient(90deg,#76d6e008 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.hero-copy{padding:60px 12px 48px 48px}.eyebrow,.hero-copy .eyebrow{font-size:12px;letter-spacing:2px;color:#a2e9eb;font-weight:600}.eyebrow i{background:#6af1e9;width:7px;height:7px;box-shadow:0 0 14px #6af1e999}h1,.hero h1{font-size:clamp(42px,4.7vw,70px);line-height:1.07;letter-spacing:-3px;font-weight:650;margin:30px 0 24px}h1 em{font-family:inherit;font-weight:650;font-style:normal;letter-spacing:-3px;color:#88f0ee;background:linear-gradient(100deg,#e8f8fa 0%,#56dfdf 45%,#c6dbe9 75%,#e8f8fa 100%);background-size:230% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:color-flow 9s ease-in-out infinite}.hero-copy>p{font-size:16px;color:#b9d0da;line-height:1.8;max-width:440px;margin-bottom:28px}.button{min-height:48px;font-size:14px;padding:14px 20px;border-radius:10px;gap:24px}.primary{color:#03242f;background:linear-gradient(110deg,#8af4ec,#39ccd9);box-shadow:0 4px 24px #23cddd20;font-weight:750}.primary:hover{background:#9cf7f2;box-shadow:0 6px 30px #23cddd40}.hero-proof{font-size:12px;white-space:normal;flex-wrap:wrap;color:#adcad5;gap:10px;margin-top:26px}.mini-check{color:#7cebe9}
.radar-art{background:radial-gradient(ellipse at center,#30bfc21c,transparent 67%);min-height:530px;align-self:center}.radar-ring{border-color:#5bd1da30;top:48%}.ring-one{width:180px;height:180px}.ring-two{width:330px;height:330px}.ring-three{width:480px;height:480px}.radar-sweep{top:48%;width:480px;height:480px;background:conic-gradient(from 0deg,transparent 0deg,#35e1df04 225deg,#35e1df26 290deg,transparent 291deg);animation:radar-turn 16s linear infinite}.map-lines{inset:58px 4% auto;height:77%;opacity:.8}.map-lines path{animation:route-flow 18s linear infinite}.map-label{background:#0a2c3be8;border-color:#5eabbc6b;backdrop-filter:blur(16px);color:#e8f5f8;font-size:14px;padding:13px 16px;border-radius:12px;box-shadow:0 12px 32px #001a2944}.map-label small{font-size:12px;color:#9abecb}.map-label i{background:#59dfdf;box-shadow:0 0 0 5px #4adedb12,0 0 14px #4adedb44}.serbia{top:27%;left:40%}.bosnia{top:46%;left:9%}.macedonia{top:66%;left:27%}.map-turkey{right:6%;top:60%;font-size:14px}.map-turkey>span{width:46px;height:46px;font-size:13px;background:#a9f0ed;color:#073943;box-shadow:0 0 0 8px #67e3e416,0 0 35px #67e3e41f}.map-turkey small{font-size:12px;color:#afcdd8;max-width:105px}.map-caption{font-size:12px;letter-spacing:1.5px;bottom:26px;right:30px;color:#91c4d2}.floating-note{top:24px;right:30px;background:#082936b3;border-color:#5593a04d;transform:none;font-size:13px;border-radius:10px;padding:12px 16px}.floating-note small{font-size:12px;color:#9fbdc9}.note-icon{color:#81e5e8}
.overview{margin:24px 32px 0;padding:24px 32px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(110deg,#0b3540b3,#082b3dcc);gap:40px}.overview>div{gap:15px}.overview strong{font-size:38px;color:#e5f6f9;font-weight:550;letter-spacing:-1.5px}.overview>div>span{max-width:115px;font-size:13px;color:#a4becb}.overview p{font-size:12px;color:#9bb5c1}.overview p b{color:#d1e8ef}.demo-dot{background:#71cfda}
.demands{padding:64px 48px}.section-top{margin-bottom:28px}.section-top .eyebrow,.how .eyebrow{font-size:12px;color:#76ccd6}h2,.section-top h2{font-size:36px;letter-spacing:-1.2px;color:#ecf6fa;font-weight:600}.private-info{font-size:12px;color:#a3becb;max-width:none}.filter-row{gap:14px}.search-wrap input{height:54px;background:#0a2a38;border-color:#355663;border-radius:10px;font-size:15px;color:var(--ink);padding-left:46px}.search-wrap svg{top:18px;left:17px;width:18px;height:18px;stroke:#a0becb}.market-wrap{background:#0a2a38;border-color:#355663;border-radius:10px;max-width:none}.market-wrap>span{font-size:13px;color:#a0bac7}.market-wrap select{font-size:14px;color:#d8eaf1;max-width:100%}select option{background:#0a2a38;color:#edf6fa}input::placeholder,textarea::placeholder{color:#91aeba}.category-row{margin-top:18px;gap:10px}.category{font-size:14px;padding:10px 15px;border-color:#355561;border-radius:8px;color:#b1c9d4;min-height:44px}.category .count{font-size:12px}.category.active{background:#123f4d;border-color:#68cbd4;color:#a9f5f1;box-shadow:inset 0 0 20px #57d9dd09}.category:hover:not(.active){background:#103846;color:#e7f4f8}.result-row,.result-row>span:first-child,.result-row>span+span{font-size:12px;color:#a4beca}.result-row{margin-top:28px}.cards{gap:20px}.card{border-radius:16px;background:linear-gradient(145deg,#103441,#092634);border-color:#345763;box-shadow:0 14px 30px #00141e24;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);border-color:#60beca;box-shadow:0 18px 40px #00131e66}.card-head{font-size:12px;color:#acc5d0;padding:20px 22px 0}.card-status{font-size:12px;background:#10414b;color:#a5eeea;border-color:#346d75;border-radius:5px}.product{gap:14px;padding:22px}.product-image{background:#f0f5f7;border-color:#afc7d0;min-width:76px;width:76px;height:86px;border-radius:10px}.product-image small{font-size:9px;color:#47606b}.product h3{font-size:21px;font-weight:600;line-height:1.3;color:#f1f8fb}.product small{font-size:12px;color:#9cbac7}.category-label{font-size:12px;letter-spacing:.7px;color:#83c7d3}.key-facts{background:#051f2ccc;border:1px solid #31515d;margin:0 22px 20px;border-radius:10px;padding:15px}.key-facts small{font-size:12px;color:#9cbbc7}.key-facts strong{font-size:14px;color:#d7eef4}.key-facts .quantity{font-size:23px;color:#87eeea}.key-facts .quantity span{font-size:13px}.key-facts>div+div{border-color:#31515d;padding-left:14px}.specs{padding:0 22px}.specs h4,.requirements h4{font-size:14px;color:#e1eef4;font-weight:600}.specs dl{font-size:14px;row-gap:12px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.specs dt{color:#94b2c0}.specs dd{color:#c4dce5;overflow-wrap:anywhere}.requirements{margin:0 22px;padding-top:18px;border-color:#31515d}.requirements p{font-size:14px;color:#a6c3cf;line-height:1.65}.delivery{margin:0 22px 20px;background:#0d3a48;color:#b8dce5;font-size:12px;padding:11px;border-radius:7px}.card-footer{margin:auto 22px 0;border-color:#31515d;padding:18px 0 22px;gap:8px}.card-footer>span{font-size:12px;color:#a0bfcd}.offer-button{background:#8ae7e5;border-color:#8ae7e5;color:#06313e;min-height:44px;border-radius:8px;font-size:14px;font-weight:700;gap:16px}.offer-button:hover{background:#b5f8f3}
.how{margin:0 48px 48px;padding:32px 0 0;border-color:#33525e;gap:24px;grid-template-columns:1.1fr 1fr 1fr 1fr}.how h2{font-size:24px;max-width:230px;line-height:1.3}.how-step{gap:12px}.how-step>span{font-family:inherit;font-size:22px;color:#6fced6}.how h3{font-size:16px;color:#dfedf4}.how p{font-size:14px;color:#9fbcc9;line-height:1.7}footer{border-color:#2e4a57;padding:28px 48px;font-size:12px;color:#9bb9c7;gap:20px}footer p{font-size:14px;color:#9bb9c7}.footer-brand{font-size:18px;color:#e8f3f8}.footer-brand b{color:#7fe4e2}.text-button{font-size:12px;color:#b3d9e3}
/* Forms and management use the same palette. */
dialog{background:#0b2a38;border-color:#548491;box-shadow:0 35px 120px #0009}dialog::backdrop{background:#00101acc;backdrop-filter:blur(10px)}.modal-header{background:#0b2a38}.modal-header small,.field small,.form-actions small{font-size:12px;color:#a6c2cf}.modal-header h2{font-size:26px}.close{width:40px;height:40px;color:#d7eff4;background:#153e4c;border-color:#52727f}.modal-body>p{font-size:16px!important}.form-summary,.success code{background:#103e4b;border-color:#365f6b;color:#d6edf3;font-size:14px}.form-summary small{color:#b3d0db;font-size:12px}.field,.form-grid .field{font-size:14px}.field input,.field select,.field textarea{font-size:16px;background:#061f2d;border-color:#476672;color:#e8f6fa;min-height:48px}.form-section{font-size:14px}.consent{font-size:14px;color:#adc7d2}.consent input{accent-color:#5ae1dd}.form-error{color:#ffb4a8;font-size:14px}.secondary{background:#133a49;border-color:#4a6c7a;color:#d3e8f1}.success p{font-size:16px}.success-check{background:#155160;color:#8cefea}.toast{background:#b0f1ed;color:#06333e;font-size:14px}.empty{border-color:#487381;background:#0a2e3b;font-size:16px}.admin-top p,.admin-item p{font-size:14px}.admin-item{background:#0c303e;border-color:#42616d;border-radius:12px}.admin-item h3{font-size:18px}.admin-notice{font-size:14px;background:#0d3542}.tag,.tag.new{font-size:12px;background:#12424e;border-color:#447b85;color:#b7e9ef}.status-select{background:#092632;font-size:14px;color:#e4f2f7}.offer-detail dt{font-size:12px}.offer-detail dd{font-size:16px}.source-list{font-size:14px}.admin-panel{padding:40px 48px}.admin-actions .button,.admin-item .button,.admin-tabs .category{font-size:14px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#8debea;outline-offset:4px}
@keyframes color-flow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ambient-drift{from{transform:translate3d(-2%,-2%,0) scale(1)}to{transform:translate3d(3%,3%,0) scale(1.1)}}@keyframes radar-turn{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes route-flow{to{stroke-dashoffset:-120}}
@media(max-width:1150px){.header{padding:0 28px}.header nav{gap:16px}.brand>span:last-child{font-size:16px}.brand-animation{width:126px;flex-basis:126px}.logo-motion{left:35px;bottom:27px}.hero{margin-left:24px;margin-right:24px}.hero-copy{padding:44px 10px 38px 32px}.hero{min-height:510px}.hero-proof{max-width:330px}.radar-art{min-height:490px}.map-label{padding:10px 12px;font-size:13px}.map-turkey{right:4%;top:70%}.floating-note{right:18px;font-size:12px}.map-caption{font-size:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.demands{padding:48px 32px}.overview{margin-left:24px;margin-right:24px;padding:20px 24px;gap:28px}.overview p{max-width:230px}.how{grid-template-columns:1fr 1fr;margin:0 32px 40px;gap:30px}.how h2{max-width:300px}.overview>div{gap:12px}}
@media(max-width:760px){.header{padding:0 20px;height:102px}.logo-motion{left:26px;bottom:20px}.brand-animation{width:116px;flex-basis:116px}.brand>span:last-child{font-size:16px}.brand small{font-size:10px}.header nav{gap:12px}.nav-link{display:none}.private{display:none}.hero{grid-template-columns:1fr;margin:18px 16px 0;min-height:auto;border-radius:20px}.hero-copy{padding:36px 28px 20px}.hero h1{font-size:clamp(42px,8vw,62px);letter-spacing:-2.5px;margin-top:24px}h1 em{letter-spacing:inherit}.hero-copy>p{font-size:16px;max-width:520px}.hero-proof{max-width:none;font-size:12px}.radar-art{display:block;min-height:320px;height:320px;width:100%;max-width:500px;margin:auto;overflow:hidden}.radar-ring,.radar-sweep{top:50%}.ring-three,.radar-sweep{width:360px;height:360px}.ring-two{width:240px;height:240px}.ring-one{width:120px;height:120px}.map-lines{inset:0 4% auto;height:100%}.floating-note,.map-caption{display:none}.serbia{top:13%;left:42%}.bosnia{top:39%;left:8%}.macedonia{top:70%;left:24%}.map-turkey{top:52%;right:5%}.map-turkey small{font-size:12px}.map-label{font-size:14px}.map-label small{font-size:12px}.overview{margin:18px 16px 0;padding:18px;gap:18px;justify-content:space-between;flex-wrap:wrap}.overview>div{flex:1;flex-direction:column;align-items:start;gap:2px}.overview strong{font-size:32px}.overview>div>span{font-size:12px;max-width:110px}.overview p{display:flex;width:100%;max-width:none;border-top:1px solid #335765;padding-top:14px;margin:0}.demands{padding:40px 20px}.section-top h2{font-size:30px}.section-top{align-items:start;gap:14px}.private-info{font-size:12px;max-width:150px;line-height:1.6}.cards{grid-template-columns:1fr}.filter-row{flex-wrap:wrap}.search-wrap{min-width:180px}.market-wrap{min-height:50px;flex:0 1 190px}.market-wrap>span{display:none}.category-row{gap:8px}.category{font-size:14px}.how{margin:0 20px 32px;gap:24px}.how h2{font-size:24px}footer{padding:24px 20px;font-size:12px;flex-wrap:wrap}.admin-panel{padding:30px 20px}}
@media(max-width:420px){.header{padding:0 14px;gap:8px}.brand{gap:10px}.brand-animation{width:94px;flex-basis:94px}.brand>span:last-child{font-size:14px;max-width:114px}.brand small{font-size:9px;letter-spacing:1.1px}.logo-motion{left:19px;bottom:26px}.admin-link{font-size:12px}.hero-copy{padding:30px 22px 12px}.hero h1{font-size:42px}.hero-copy .eyebrow{font-size:11px;letter-spacing:1.2px}.hero-proof{gap:7px;font-size:12px}.section-top{flex-direction:column;gap:8px}.private-info{text-align:left;max-width:none}.filter-row{flex-direction:column}.market-wrap{flex:auto}.result-row{gap:16px;align-items:start}.result-row>span+span{text-align:right;max-width:120px}.product{padding:20px}.product h3{font-size:20px}.how{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.map-label{font-size:12px;padding:10px}.map-label small{font-size:12px}.map-turkey{font-size:12px}.map-turkey small{max-width:75px}.map-turkey>span{width:38px;height:38px}.overview{gap:12px;padding:16px}.overview>div>span{font-size:12px}.modal-body,.modal-header{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover{transform:none}}

/* Keep the longer headline readable at every width. */
.hero h1{font-size:clamp(36px,3.8vw,56px);line-height:1.12;letter-spacing:-2px;overflow-wrap:normal}.hero h1 em{letter-spacing:inherit}
@media(max-width:760px){.hero h1{font-size:clamp(36px,7vw,52px)}}
@media(max-width:420px){.hero h1{font-size:36px;letter-spacing:-1.5px}}
/* Product price comparison */
.price-section{margin:48px 48px 0;padding:32px;border:1px solid #467780;border-radius:20px;background:linear-gradient(125deg,#0b3547,#074551,#102e42);background-size:220% 220%;animation:color-flow 18s ease infinite;scroll-margin-top:24px}.price-heading{max-width:920px}.price-heading h2{font-size:clamp(26px,3vw,40px);line-height:1.2;margin:16px 0;letter-spacing:-1px}.price-heading h2 em{font-style:normal;color:#81e7e5}.price-heading>p{font-size:16px;color:#c0d7df;margin:0 0 28px}.price-form{background:#061f2bb8;padding:24px;border:1px solid #3a6370;border-radius:14px}.price-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.price-selects select{height:52px;padding-right:28px;text-overflow:ellipsis}.price-selects select:disabled{opacity:.55}.price-bottom{display:flex;align-items:end;gap:18px;margin-top:22px}.price-bottom>.field{flex:1}.price-bottom>.button{min-height:50px}.price-input{display:flex;align-items:center;background:#061f2d;border:1px solid #476672;border-radius:6px;overflow:hidden}.price-input input{border:0;background:none;flex:1;min-width:80px}.price-input>span{font-size:14px;color:#a9d9df;padding:0 14px;white-space:nowrap}.price-help{font-size:13px;line-height:1.7;color:#a7c5d1}.price-result{margin-top:20px;padding:18px;border:1px solid #355965;border-radius:10px;background:#082b39;color:#c1d9e3;font-size:14px}.price-result strong{display:block;font-size:20px;color:#e0f3f7;line-height:1.4}.price-result p{font-size:14px;margin:10px 0}.price-result small{font-size:12px;color:#b4ced9;display:block;line-height:1.8}.price-result .button{margin-top:16px}.price-positive{border-color:#69cbc4;background:#11474b}.price-negative{border-color:#bfa67b;background:#34362e}.price-negative strong{color:#f0d6a5}#price-reference-area{margin-top:20px}#price-reference-area[hidden]{display:none}.price-columns{margin:18px 0;color:#b8d4de;font-size:14px}.price-columns summary{cursor:pointer;color:#8be7e4}.price-table-wrap{overflow:auto;margin-top:16px}.price-table-wrap table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.price-table-wrap th,.price-table-wrap td{padding:12px;border-bottom:1px solid #44616b;vertical-align:top}.price-table-wrap small{display:block;color:#a5bfc9;margin-top:5px}.price-import-preview{font-size:14px}.price-import-preview:empty{display:none}
@media(max-width:900px){.price-section{margin:36px 24px 0;padding:24px}.price-selects{grid-template-columns:1fr}.price-heading{max-width:none}}
@media(max-width:520px){.price-section{margin:26px 16px 0;padding:20px 16px}.price-form{padding:18px 14px}.price-heading h2{font-size:28px}.price-bottom{flex-direction:column;align-items:stretch}.price-bottom>.field{width:100%}.price-input>span{font-size:12px;max-width:50%;white-space:normal}.price-selects{gap:14px}.price-result{padding:15px}.price-result strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.price-section{animation:none}}