/*
Theme Name: Ustamo
Theme URI: https://ustamo.com.tr
Author: Gürel Group
Description: Ustamo için özel, yönetilebilir kurumsal hizmet teması.
Version: 1.0.0
Text Domain: ustamo
*/

:root { --orange:#FF6A00; --orange-dark:#e85d00; --ink:#1C1F23; --muted:#626262; --line:#e8e8e8; --soft:#f7f7f7; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
img { display:block; max-width:100%; }
.container { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.site-header { height:82px; background:rgba(255,255,255,.97); border-bottom:1px solid #ededed; position:sticky; top:0; z-index:30; backdrop-filter:blur(14px); }
.header-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand { display:inline-flex; align-items:center; gap:8px; color:var(--orange); font-size:29px; font-weight:800; line-height:.8; letter-spacing:-1.2px; }
.brand svg { width:30px; height:36px; fill:none; stroke:currentColor; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.brand small { display:block; color:#111; font-size:5px; letter-spacing:.35px; text-align:center; margin-top:7px; }
.brand-light { color:white; }
.brand-light small { color:var(--orange); }
.site-header nav { display:flex; align-items:center; gap:38px; font-size:13px; font-weight:700; }
.site-header nav a { transition:color .2s ease; }
.site-header nav a:hover { color:var(--orange); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:48px; padding:0 24px; border:0; border-radius:10px; background:var(--orange); color:white; font-weight:700; font-size:14px; cursor:pointer; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.button:hover { background:var(--orange-dark); transform:translateY(-2px); box-shadow:0 10px 22px rgba(255,82,0,.2); }
.button>span { font-size:24px; line-height:0; }
.button-small { min-height:43px; border-radius:999px; padding:0 20px; font-size:12px; }
.button-outline { background:white; color:#222; border:1px solid #d7d7d7; box-shadow:0 3px 8px rgba(0,0,0,.03); }
.button-outline:hover { background:white; color:var(--orange); border-color:var(--orange); }
.button-white { background:white; color:#333; }
.compact { min-height:43px; padding:0 20px; font-size:12px; }
.hero { position:relative; min-height:540px; overflow:hidden; border-bottom:1px solid #eee; background:#fbfbfb; }
.hero-wash { position:absolute; inset:0; background:linear-gradient(90deg,#fff 0%,#fff 38%,rgba(255,255,255,.82) 53%,rgba(248,246,243,.2) 100%),radial-gradient(circle at 76% 45%,#efede8 0,#fbfbfb 46%); }
.hero-grid { position:relative; display:grid; grid-template-columns:49% 51%; align-items:center; min-height:540px; }
.hero-copy { padding:54px 0 36px; position:relative; z-index:3; }
.eyebrow { margin:0 0 15px; color:var(--orange); font-weight:800; letter-spacing:1.8px; font-size:10px; }
.hero h1 { margin:0; font-size:clamp(42px,4vw,60px); line-height:1.12; letter-spacing:-2.8px; }
.hero h1 em { color:var(--orange); font-style:normal; }
.lead { max-width:480px; margin:24px 0 0; color:#343434; font-size:18px; line-height:1.65; }
.hero-actions { display:flex; gap:18px; margin-top:30px; }
.trust-list { display:flex; align-items:center; flex-wrap:wrap; gap:26px; margin:58px 0 0; padding:0; list-style:none; font-size:11px; font-weight:700; }
.trust-list li { display:flex; align-items:center; gap:8px; white-space:nowrap; }
.trust-list b { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; color:var(--orange); font-size:19px; }
.hero-art { align-self:stretch; position:relative; display:flex; align-items:flex-end; justify-content:center; }
.hero-art img { position:relative; z-index:2; width:min(520px,95%); max-height:530px; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 20px 24px rgba(0,0,0,.18)); }
.house-line { position:absolute; right:2%; top:12%; width:72%; height:72%; border:22px solid var(--orange); border-left-color:transparent; border-radius:70px 70px 40px 40px; opacity:.95; }
.section { padding:46px 0; }
.section-heading { text-align:center; margin-bottom:30px; }
.section-heading h2 { margin:0; font-size:30px; line-height:1.1; letter-spacing:-.8px; }
.section-heading p { margin:9px 0 0; color:var(--orange); font-size:13px; font-weight:600; }
.service-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:12px; }
.service-card { min-height:150px; border:1px solid #e4e4e4; border-radius:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; background:white; box-shadow:0 5px 16px rgba(0,0,0,.025); transition:.2s ease; }
.service-card:hover { transform:translateY(-5px); border-color:var(--orange); box-shadow:0 16px 28px rgba(0,0,0,.08); }
.service-card svg { width:50px; height:50px; color:var(--orange); }
.service-card strong { font-size:14px; }
.service-card>span { color:var(--orange); font-size:23px; line-height:.7; }
.center { display:flex; justify-content:center; margin-top:24px; }
.grid-mark { font-size:16px!important; color:var(--orange); }
.about { position:relative; overflow:hidden; background:linear-gradient(110deg,#fb4a00,#ff6500); color:white; padding:42px 0; }
.about-pattern { position:absolute; inset:0; opacity:.11; background-image:radial-gradient(circle at center,transparent 0 20px,#fff 21px 22px,transparent 23px); background-size:120px 120px; }
.about-grid { position:relative; display:grid; grid-template-columns:44% 56%; gap:56px; align-items:center; }
.section-kicker { margin:0 0 12px; font-size:11px; font-weight:800; }
.about h2 { margin:0; font-size:36px; letter-spacing:-1.2px; }
.about-copy>p:not(.section-kicker) { font-size:14px; line-height:1.65; max-width:520px; margin:16px 0 22px; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:28px 0 0; }
.stats div { min-width:0; }
.stats dt { font-size:20px; font-weight:800; }
.stats dd { margin:5px 0 0; font-size:10px; }
.video-card { min-height:330px; border-radius:23px; overflow:hidden; position:relative; background:#242424; box-shadow:0 22px 45px rgba(116,30,0,.32); }
.video-card img { width:100%; height:330px; object-fit:cover; object-position:center 18%; }
.play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:74px; height:74px; border-radius:50%; border:3px solid white; display:grid; place-items:center; background:rgba(0,0,0,.22); padding-left:5px; font-size:27px; }
.process { overflow:hidden; border-bottom:1px solid #eee; }
.process-wrap { position:relative; min-height:260px; }
.steps { width:76%; display:grid; grid-template-columns:1fr 90px 1fr 90px 1fr; align-items:center; }
.steps article { text-align:center; position:relative; min-height:160px; }
.steps article>b { position:absolute; left:8%; top:12px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:var(--orange); color:white; }
.step-icon { display:block; color:var(--orange); font-size:56px; height:70px; }
.steps h3 { margin:8px 0 5px; font-size:15px; }
.steps p { max-width:210px; margin:0 auto; color:#555; font-size:12px; line-height:1.45; }
.steps i { height:1px; border-top:2px dotted #ff9e70; position:relative; }
.steps i::after { content:"›"; position:absolute; right:-2px; top:-15px; color:var(--orange); font-style:normal; font-size:24px; }
.tablet-mascot { position:absolute; right:-1%; bottom:-46px; width:245px; max-height:300px; object-fit:contain; object-position:bottom; filter:drop-shadow(0 12px 12px rgba(0,0,0,.16)); }
.testimonials { padding-top:38px; }
.testimonial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.testimonial-card { position:relative; border:1px solid #e6e6e6; border-radius:15px; padding:27px 26px 22px 62px; min-height:176px; box-shadow:0 5px 16px rgba(0,0,0,.025); }
.quote-mark { position:absolute; left:21px; top:20px; color:var(--orange); font-size:55px; font-weight:900; line-height:1; }
.testimonial-card>p { margin:0 0 18px; font-size:13px; line-height:1.55; }
.person { display:flex; align-items:center; gap:12px; }
.avatar { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:white; font-weight:800; }
.avatar.coral { background:linear-gradient(135deg,#f69d73,#8b3c26); }.avatar.blue { background:linear-gradient(135deg,#77a8c7,#1d4059); }.avatar.gold { background:linear-gradient(135deg,#e0af6a,#6c4523); }
.person strong,.person small { display:block; }.person strong { font-size:13px; }.person small { margin-top:4px; color:#777; font-size:10px; }
.quote-section { padding:8px 0 22px; }
.quote-box { position:relative; border-radius:18px; background:linear-gradient(100deg,#fafafa,#f2f2f2); padding:24px 32px; display:grid; grid-template-columns:28% 1fr; align-items:center; gap:30px; overflow:hidden; }
.quote-box h2 { margin:0; font-size:24px; line-height:1.06; }.quote-box p { margin:10px 0 0; font-size:11px; line-height:1.45; }
.quote-form { display:grid; grid-template-columns:repeat(3,1fr) auto; gap:10px; }
.quote-form label span { position:absolute; opacity:0; pointer-events:none; }
.quote-form .honeypot { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.quote-form input,.quote-form select { width:100%; height:46px; border:1px solid #ddd; border-radius:10px; background:white; padding:0 14px; color:#333; outline:none; }
.quote-form input:focus,.quote-form select:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,82,0,.1); }
.quick-contact { grid-column:2; display:flex; align-items:center; gap:26px; margin-top:-12px; font-weight:800; }
.quick-contact a { display:inline-flex; gap:8px; align-items:center; }.quick-contact b { font-size:19px; }
.form-notice { grid-column:2; border-radius:10px; padding:11px 14px; font-size:12px; font-weight:700; }
.form-notice.success { background:#e8f7ed; color:#16723b; }.form-notice.error { background:#fff0ed; color:#aa301b; }
body.admin-bar .site-header { top:32px; }
footer { background:radial-gradient(circle at 70% 0,#242424 0,#111 54%,#090909 100%); color:#c7c7c7; padding:38px 0 16px; }
.footer-grid { display:grid; grid-template-columns:1.7fr repeat(4,1fr); gap:42px; }
.footer-grid>div:first-child p { max-width:260px; font-size:11px; line-height:1.65; margin:18px 0; }
.footer-grid h3 { margin:4px 0 16px; color:white; font-size:12px; }
.footer-grid a,.footer-grid>div:not(:first-child) p { display:block; margin:0 0 8px; font-size:10px; line-height:1.5; }
.footer-grid a:hover { color:var(--orange); }
.socials { display:flex; gap:16px; color:white; }.socials a { font-size:14px; font-weight:800; }
.copyright { border-top:1px solid #282828; margin-top:24px; padding-top:13px; text-align:center; font-size:9px; }

@media (max-width:1000px) {
  .site-header nav { display:none; }.hero-grid { grid-template-columns:55% 45%; }.hero h1 { font-size:43px; }.trust-list { gap:15px; margin-top:36px; }
  .service-grid { grid-template-columns:repeat(4,1fr); }.about-grid { grid-template-columns:1fr 1fr; gap:30px; }.stats { grid-template-columns:repeat(2,1fr); }
  .steps { width:100%; padding-right:180px; grid-template-columns:1fr 45px 1fr 45px 1fr; }.tablet-mascot { width:190px; }
  .quote-box { grid-template-columns:1fr; }.quote-form { grid-template-columns:1fr 1fr; }.quick-contact { grid-column:1; margin:0; }.footer-grid { grid-template-columns:1.5fr repeat(2,1fr); }
}
@media (max-width:720px) {
  .container { width:min(100% - 30px,1180px); }.site-header { height:68px; }.button-small { min-height:39px; padding:0 15px; }.brand { font-size:24px; }.brand svg { width:25px; height:31px; }
  .hero { min-height:auto; }.hero-grid { grid-template-columns:1fr; padding-top:12px; }.hero-copy { padding:45px 0 20px; }.hero h1 { font-size:40px; letter-spacing:-2px; }.lead { font-size:16px; }.hero-actions { flex-direction:column; align-items:stretch; }.trust-list { display:grid; grid-template-columns:1fr 1fr; margin-top:30px; gap:13px; }
  .hero-art { height:390px; }.hero-art img { max-height:385px; width:90%; }.house-line { right:2%; width:85%; border-width:14px; }
  .section { padding:40px 0; }.section-heading h2 { font-size:27px; }.service-grid { grid-template-columns:repeat(2,1fr); }.service-card { min-height:135px; }.service-grid .service-card:last-child { grid-column:1/-1; }
  .about { padding:40px 0; }.about-grid { grid-template-columns:1fr; }.video-card,.video-card img { min-height:240px; height:240px; }
  .process-wrap { padding-bottom:270px; }.steps { padding-right:0; display:grid; grid-template-columns:1fr; gap:22px; }.steps i { display:none; }.steps article { min-height:135px; }.steps article>b { left:calc(50% - 72px); }.tablet-mascot { right:50%; transform:translateX(50%); bottom:-40px; width:230px; }
  .testimonial-grid { grid-template-columns:1fr; }.quote-box { padding:26px 20px; }.quote-form { grid-template-columns:1fr; }.quick-contact { flex-direction:column; align-items:flex-start; gap:10px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:30px; }.footer-grid>div:first-child { grid-column:1/-1; }
  body.admin-bar .site-header { top:46px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }