@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

/* Kurumsal tipografi: Manrope + Inter */
body,
input,
textarea,
select {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

button,
.btn,
.nav-cta,
.site-nav a,
.workspace-nav a span,
.brand-copy strong,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Manrope", "Inter", "Segoe UI", Arial, sans-serif;
}

.brand-with-logo {
    gap: 14px;
}

.brand-logo-box {
    width: 42px;
    height: 42px;
    padding: 3px;
    overflow: hidden;
}

.brand-logo-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.brand-copy {
    gap: 3px;
}

.brand-copy strong {
    font-size: 0.98rem;
    letter-spacing: 0.11em;
    line-height: 1;
}

.brand-copy small {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.74);
}
/* Vexon Card final interface stabilization layer */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}img,video,iframe{max-width:100%}input,select,textarea,button{max-width:100%;min-width:0}.site-main>*{min-width:0}

/* Header and workspace navigation */
.site-header{position:relative;z-index:60}.header-inner{width:min(1240px,92%)}.workspace-nav-wrap{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e4e8ed;box-shadow:0 7px 22px rgba(15,23,42,.04);backdrop-filter:blur(16px)}.workspace-nav{width:min(1280px,94%);margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px 0}.workspace-nav a{display:grid;gap:2px;min-width:0;padding:11px 14px;border:1px solid transparent;border-radius:14px;color:#596270;text-decoration:none;transition:.18s ease}.workspace-nav a span{font-size:13px;font-weight:900;color:#1d2229}.workspace-nav a small{min-width:0;overflow:hidden;color:#7a8492;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.workspace-nav a:hover{background:#f4f6f8}.workspace-nav a.active{border-color:#111;background:#111;color:#fff}.workspace-nav a.active span,.workspace-nav a.active small{color:#fff}.site-main-panel{width:min(1280px,94%);margin:24px auto 0}

/* Home hero and video positioning */
.home-hero{padding-top:clamp(42px,6vw,82px);padding-bottom:clamp(36px,5vw,70px)}.home-hero h1{max-width:760px}.home-video-section{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:clamp(24px,4vw,54px);align-items:center;margin:8px 0 clamp(36px,6vw,70px);padding:clamp(22px,4vw,40px);overflow:hidden;border:1px solid #dde2e8;border-radius:28px;background:#fff;box-shadow:0 22px 54px rgba(15,23,42,.09)}.home-video-copy{display:grid;align-content:center;gap:12px;min-width:0}.home-video-copy h2{margin:0;font-size:clamp(26px,3.2vw,42px);line-height:1.08}.home-video-copy p{margin:0;color:var(--muted);line-height:1.7}.home-video-copy .btn{width:max-content;margin-top:5px}.home-video-frame{position:relative;min-width:0;overflow:hidden;border-radius:20px;background:#0b0c0e;box-shadow:0 16px 40px rgba(0,0,0,.18);aspect-ratio:16/9}.home-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.feature-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.feature-grid-expanded .card{min-width:0;height:100%}

/* Profile workspace stabilization */
.panel-heading-modern{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.panel-heading-copy{min-width:0}.panel-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.profile-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,330px);align-items:start}.profile-editor-v2,.profile-support-rail,.profile-tab-panel,.editor-section,.theme-studio,.theme-picker-area,.theme-live-panel{min-width:0}.profile-section-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-section-tabs button{min-width:0}.profile-form-v2 input,.profile-form-v2 textarea,.profile-form-v2 select{width:100%}.slug-input,.username-input{min-width:0}.slug-input input,.username-input input{min-width:0}.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-option{min-width:0}.theme-copy{min-width:0}.theme-copy small{overflow-wrap:anywhere}.profile-support-rail{position:sticky;top:92px}.product-item-top strong{overflow-wrap:anywhere}

/* Growth page: service and portfolio redesign */
.growth-grid-v2{grid-template-columns:1fr;gap:20px}.growth-card-v2{width:100%;min-width:0;padding:clamp(20px,3vw,30px)}.section-jump-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px}.section-jump-nav a{display:flex;align-items:center;gap:9px;min-width:0;padding:12px 14px;border:1px solid #dfe4ea;border-radius:14px;background:#fff;color:#20242a;text-decoration:none;font-weight:850}.section-jump-nav a span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:99px;background:#111;color:#fff;font-size:10px}.growth-create-card{display:grid;gap:16px;padding:18px;margin-bottom:18px;border:1px solid #e1e6ed;border-radius:18px;background:linear-gradient(180deg,#fcfdff,#f7f9fc)}.growth-create-card-head{display:grid;gap:3px;padding-bottom:12px;border-bottom:1px solid #e7ebf0}.growth-create-card-head strong{font-size:16px}.growth-create-card-head small{color:var(--muted)}.service-create-grid{grid-template-columns:90px minmax(0,1.25fr) minmax(0,1fr) 100px}.service-create-grid .span-2{grid-column:1/-1}.growth-list-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.growth-item-v2{display:grid;align-content:start;min-width:0;padding:16px;border:1px solid #e1e6ed;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04)}.growth-item-v2 form{min-width:0}.growth-item-head,.growth-item-actions{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center}.growth-item-actions{grid-template-columns:minmax(0,1fr) 90px auto}.growth-item-v2 textarea,.growth-item-v2 input{width:100%}.growth-item-v2>form+form{margin-top:10px}.portfolio-admin-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portfolio-admin-item{min-width:0;display:grid;align-content:start;border-radius:18px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.portfolio-admin-item>img,.portfolio-image-placeholder{aspect-ratio:16/10;height:auto}.portfolio-admin-item>form{min-width:0}.portfolio-admin-item input,.portfolio-admin-item textarea{width:100%}.portfolio-admin-item .growth-item-actions{grid-template-columns:100px auto}.campaign-admin-item .form-grid{min-width:0}

/* Analytics robust grid */
.analytics-page{min-width:0;max-width:100%;overflow:hidden}.analytics-page *{box-sizing:border-box}.analytics-page-heading{align-items:flex-end}.analytics-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.analytics-metric-grid-v3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.analytics-metric-card{min-width:0;min-height:138px;align-content:space-between;overflow:hidden}.analytics-metric-card span,.analytics-metric-card small{overflow-wrap:anywhere}.analytics-metric-card strong{max-width:100%;font-size:clamp(28px,3vw,42px);line-height:1.05;overflow-wrap:anywhere}.analytics-metric-card.conversion-card span,.analytics-metric-card.conversion-card small{color:rgba(255,255,255,.76)}.analytics-section-heading{margin-bottom:18px}.analytics-section-heading h2{margin-bottom:5px}.analytics-section-heading p{margin:0;color:var(--muted);line-height:1.5}.funnel-card-v3{min-width:0;overflow:hidden}.funnel-v3{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px}.funnel-step{min-width:0;min-height:124px;align-content:center;border:1px solid #eceff3}.funnel-step-number{display:inline-grid;place-items:center;width:26px;height:26px;margin:0 auto 7px;border-radius:999px;background:#111;color:#fff!important}.funnel-step strong{font-size:clamp(24px,2.6vw,34px)!important;overflow-wrap:anywhere}.funnel-step small{line-height:1.35;overflow-wrap:anywhere}.funnel-arrow{font-size:22px;color:#9ca3af}.analytics-two-col-v3{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:start}.analytics-card-v3{min-width:0;overflow:hidden}.daily-bars-v3{min-width:0;max-height:none;overflow:visible;padding-right:0;gap:8px}.daily-row-v3{grid-template-columns:46px minmax(0,1fr) 104px;gap:10px;min-width:0}.daily-row-v3 time{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:750}.daily-track-v3{min-width:0;height:18px}.daily-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;text-align:center;font-variant-numeric:tabular-nums}.daily-values span{display:block;min-width:0;padding:3px 4px;overflow:hidden;border-radius:6px;background:#f4f5f7;font-size:10px;font-weight:800;text-overflow:ellipsis}.rank-list-v3 .rank-row{grid-template-columns:minmax(90px,150px) minmax(0,1fr) 42px;gap:10px;min-width:0}.rank-list-v3 .rank-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list-v3 .rank-row>strong{text-align:right}.analytics-empty-state{padding:18px;border:1px dashed #d7dce3;border-radius:14px;background:#fafbfc;color:var(--muted);text-align:center}

@media(max-width:1100px){.home-video-section{grid-template-columns:1fr}.feature-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-workspace{grid-template-columns:1fr}.profile-support-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.service-create-grid{grid-template-columns:90px minmax(0,1fr);}.service-create-grid .field-order,.service-create-grid .field:nth-child(3){grid-column:auto}.growth-list-v2{grid-template-columns:1fr}.analytics-two-col-v3{grid-template-columns:1fr}}
@media(max-width:820px){.workspace-nav{display:flex;width:100%;padding:8px 3%;overflow-x:auto;scrollbar-width:none}.workspace-nav::-webkit-scrollbar{display:none}.workspace-nav a{flex:0 0 150px}.panel-heading-modern,.analytics-page-heading{display:grid;align-items:start}.panel-heading-actions,.analytics-heading-actions{width:100%;justify-content:stretch}.panel-heading-actions .btn,.analytics-heading-actions .btn{flex:1}.section-jump-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-section-tabs{display:flex;overflow-x:auto}.profile-section-tabs button{flex:0 0 145px}.theme-gallery{grid-template-columns:1fr}.profile-support-rail{grid-template-columns:1fr}.portfolio-admin-grid-v2{grid-template-columns:1fr}.analytics-metric-grid-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.funnel-v3{grid-template-columns:1fr}.funnel-arrow{transform:rotate(90deg);justify-self:center}.daily-row-v3{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"date chart" "values values"}.daily-row-v3 time{grid-area:date}.daily-track-v3{grid-area:chart}.daily-values{grid-area:values;margin-left:54px}}
@media(max-width:620px){.site-main-panel{width:94%;margin-top:17px}.home-video-section{padding:18px;border-radius:20px}.home-video-copy .btn{width:100%;justify-content:center}.feature-grid-expanded{grid-template-columns:1fr}.section-jump-nav{grid-template-columns:1fr}.service-create-grid{grid-template-columns:1fr}.growth-item-head,.growth-item-actions{grid-template-columns:1fr}.growth-item-head .icon-field{width:100%!important}.portfolio-admin-item .growth-item-actions{grid-template-columns:1fr}.analytics-metric-grid-v3{grid-template-columns:1fr}.daily-values{margin-left:48px}.footer-shell{width:min(100% - 28px,1240px)}}


/* Vexon Bilişim nihai tipografi ölçüleri */
body {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
}

h1 {
    font-family: "Manrope", "Inter", sans-serif;
    font-size: clamp(38px, 5vw, 64px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
}

h2 {
    font-family: "Manrope", "Inter", sans-serif;
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

h3 {
    font-family: "Manrope", "Inter", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

h4, h5, h6,
.card h2, .card h3,
.section-heading h2,
.panel-heading h1 {
    font-family: "Manrope", "Inter", sans-serif;
}

p, li, small, label, input, textarea, select,
.field, .fieldset-help, .muted,
.admin-content, .profile-editor, .workspace-nav a small {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

button, .btn, .site-nav a, .nav-link, .nav-cta,
.workspace-nav a span, .panel-page-nav a strong {
    font-family: "Manrope", "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: -0.01em;
}

input, textarea, select {
    font-weight: 400;
}

label, .field span, .builder-field span {
    font-weight: 500;
}

.brand-copy strong {
    font-family: "Manrope", "Inter", sans-serif;
    font-weight: 800;
}

.brand-copy small {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 500;
}