/* DoneFile Team — schematic product storytelling */
.team-showcase{overflow:hidden}.team-hero{padding:104px 0 96px;background:radial-gradient(circle at 82% 20%,rgba(45,140,255,.24),transparent 34%),radial-gradient(circle at 68% 72%,rgba(56,216,238,.09),transparent 27%),linear-gradient(180deg,#07182a,#08233b)}.team-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.team-hero-copy h1{font-size:clamp(50px,5.6vw,78px);line-height:1.01;letter-spacing:-.058em;margin:22px 0 24px}.team-proof-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;color:#9fb7c9;font-size:12px}.team-proof-row span:before{content:"●";color:#40dbe8;margin-right:8px}.team-hero-visual{position:relative}.org-shell{position:relative;border:1px solid rgba(116,211,255,.16);background:linear-gradient(180deg,rgba(13,39,69,.92),rgba(7,27,49,.96));border-radius:30px;padding:34px;box-shadow:0 32px 90px rgba(0,0,0,.32)}.org-shell:before{content:"";position:absolute;inset:-1px;border-radius:30px;background:linear-gradient(135deg,rgba(87,228,244,.2),transparent 38%,rgba(45,140,255,.12));pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.org-top{display:flex;justify-content:center}.org-card{display:flex;align-items:center;gap:13px;min-height:112px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:rgba(255,255,255,.045)}.org-owner{width:min(310px,100%);background:linear-gradient(145deg,rgba(31,116,205,.28),rgba(31,220,222,.08));border-color:rgba(95,221,239,.23)}.org-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(83,220,239,.09);color:#5de5f0;font-size:18px;flex:0 0 auto}.org-card small,.plane-card small,.memory-core>small,.dashboard-top small{display:block;color:#66e6ef;font-size:10px;letter-spacing:.14em;font-weight:900}.org-card strong{display:block;margin-top:4px;font-size:14px}.org-card em{display:block;margin-top:6px;color:#8fa9bd;font-size:10px;font-style:normal}.org-line{width:1px;height:37px;margin:auto;background:linear-gradient(#54dfe9,rgba(84,223,233,.08))}.org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.org-grid:before{content:"";position:absolute;left:16.7%;right:16.7%;top:-18px;height:1px;background:rgba(84,223,233,.35)}.org-grid .org-card{position:relative}.org-grid .org-card:before{content:"";position:absolute;left:50%;top:-19px;width:1px;height:18px;background:rgba(84,223,233,.35)}
.team-section{position:relative}.team-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.team-split.reverse{grid-template-columns:1.03fr .97fr}.team-split.reverse .team-copy{order:2}.team-split.reverse>div:last-child{order:1}.team-copy h2{font-size:clamp(38px,4.3vw,58px);line-height:1.04;letter-spacing:-.052em;margin:15px 0 22px}.team-copy p{color:#6b8295;line-height:1.78;font-size:17px}.dark .team-copy p{color:#9fb5c8}.team-mini-list{display:grid;gap:10px;margin-top:28px}.team-mini-list>div{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid #dfe8ef;border-radius:15px;background:#fff}.team-mini-list b{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#e9f6ff;color:#1776e9;font-size:11px}.team-mini-list span{display:flex;flex-direction:column}.team-mini-list strong{font-size:13px}.team-mini-list small{margin-top:3px;color:#72899b;font-size:11px}.team-diagram{min-height:440px;border-radius:30px;position:relative;border:1px solid #e0e9f0;background:linear-gradient(145deg,#fff,#edf5fa);box-shadow:0 24px 70px rgba(30,66,94,.10);overflow:hidden}.team-diagram:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(39,96,136,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(39,96,136,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent)}.role-center,.role-node{position:absolute;z-index:2;border:1px solid rgba(35,101,148,.13);background:rgba(255,255,255,.92);box-shadow:0 14px 35px rgba(34,74,103,.10)}.role-center{left:50%;top:50%;transform:translate(-50%,-50%);width:190px;min-height:142px;border-radius:24px;padding:29px;text-align:center;background:linear-gradient(145deg,#0c2a4a,#0c436a);color:white;border-color:rgba(91,226,239,.22)}.role-center span{font-size:10px;letter-spacing:.15em;color:#62e5ee;font-weight:900}.role-center strong{display:block;font-size:20px;margin-top:9px}.role-center small{display:block;margin-top:7px;color:#9eb8cb}.role-node{width:142px;border-radius:18px;padding:17px}.role-node small{display:block;color:#64819a;font-size:9px;font-weight:900;letter-spacing:.12em}.role-node strong{display:block;color:#183750;margin-top:5px}.role-a{left:8%;top:13%}.role-b{right:8%;top:13%}.role-c{left:8%;bottom:13%}.role-d{right:8%;bottom:13%}.connector{position:absolute;z-index:1;height:1px;width:29%;background:linear-gradient(90deg,rgba(22,117,220,.16),rgba(22,117,220,.55));transform-origin:left center}.c1{left:27%;top:31%;transform:rotate(23deg)}.c2{left:51%;top:42%;transform:rotate(-23deg)}.c3{left:27%;top:69%;transform:rotate(-23deg)}.c4{left:51%;top:58%;transform:rotate(23deg)}
.team-headline{margin-bottom:38px}.lifecycle{display:grid;grid-template-columns:repeat(13,auto);align-items:center;gap:10px;overflow-x:auto;padding:24px 5px 16px;scrollbar-width:thin}.lifecycle>i{font-style:normal;color:#3c83b2;font-size:20px}.life-item{min-width:132px;min-height:146px;border:1px solid rgba(255,255,255,.085);border-radius:20px;background:rgba(255,255,255,.035);padding:20px}.life-item.active{border-color:rgba(86,224,239,.28);background:linear-gradient(145deg,rgba(45,140,255,.16),rgba(56,216,238,.06))}.life-item span{display:block;color:#56e0ef;font-size:11px;font-weight:900;letter-spacing:.1em}.life-item strong{display:block;margin-top:31px;font-size:14px}.life-item small{display:block;margin-top:7px;color:#829fb5;font-size:10px}.memory-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}.memory-points span{padding:9px 11px;border:1px solid #dde8f0;border-radius:999px;background:#fff;color:#44637a;font-size:11px;font-weight:750}.memory-diagram{display:grid;grid-template-columns:1fr auto 1.25fr;gap:20px;align-items:center;padding:36px}.memory-workers{display:grid;gap:11px;position:relative;z-index:2}.worker-chip{display:flex;align-items:center;gap:11px;padding:13px;border-radius:17px;border:1px solid #e0e9f0;background:#fff}.worker-chip>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e8f4ff;color:#1675e9;font-size:11px;font-weight:900}.worker-chip strong,.worker-chip small{display:block}.worker-chip strong{color:#203d53;font-size:12px}.worker-chip small{color:#6e8798;font-size:10px;margin-top:3px}.worker-chip.muted{opacity:.48;filter:grayscale(.3)}.memory-arrow{position:relative;z-index:2;color:#248cd9;font-size:31px}.memory-core{position:relative;z-index:2;padding:30px;border-radius:24px;background:linear-gradient(145deg,#0b2848,#0b4367);color:#fff;box-shadow:0 22px 55px rgba(13,52,79,.2)}.memory-core strong{display:block;font-size:21px;margin:9px 0 19px}.memory-tags{display:flex;flex-wrap:wrap;gap:7px}.memory-tags span{padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-size:10px;color:#bcd0dd}
.team-note{margin-top:24px;border-left:3px solid #47dce8;padding:11px 0 11px 16px;color:#a7bed0;font-size:13px;line-height:1.65}.data-plane{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:15px}.plane-card{border-radius:26px;padding:28px;border:1px solid rgba(255,255,255,.08);background:#0d2542}.plane-card.control{background:linear-gradient(145deg,#0d2949,#0c3151)}.plane-card.customer{background:linear-gradient(145deg,#0b243e,#103942)}.plane-card h3{font-size:20px;margin:8px 0 22px}.plane-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plane-grid span{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035);color:#b7cada;font-size:11px}.plane-link{display:grid;align-content:center;justify-items:center;gap:8px;color:#6e91a8}.plane-link span{display:block;width:1px;height:98px;background:linear-gradient(transparent,#4cdfe9,transparent)}.plane-link em{font-size:9px;font-style:normal;letter-spacing:.08em;writing-mode:vertical-rl;text-transform:uppercase}.dashboard-shell{border-radius:30px;border:1px solid #dfe8ef;background:white;box-shadow:0 28px 75px rgba(30,63,89,.10);overflow:hidden}.dashboard-top{display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid #e7edf2}.dashboard-top strong{display:block;color:#1c3a51;margin-top:5px;font-size:20px}.live-pill{padding:8px 11px;border-radius:999px;background:#e9fbf6;color:#11896e;font-size:10px;font-weight:850}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e6edf2;border-bottom:1px solid #e6edf2}.dashboard-stats>div{background:#fff;padding:22px}.dashboard-stats small,.dashboard-stats span{display:block;color:#758b9b;font-size:10px}.dashboard-stats strong{display:block;color:#1a3d57;font-size:31px;margin:8px 0 5px}.dashboard-body{display:grid;grid-template-columns:1.55fr .75fr;min-height:260px}.dash-table{padding:22px 26px}.dash-row{display:grid;grid-template-columns:1.5fr .7fr .6fr;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f4;color:#526d80;font-size:11px}.dash-row.head{color:#8ba0ae;font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.dash-row b{display:block;color:#203f57;font-size:10px;margin-bottom:3px}.status-chip{display:inline-flex;width:max-content;padding:6px 8px;border-radius:999px;font-size:9px;font-weight:900}.status-chip.progress{background:#edf6ff;color:#2075c8}.status-chip.before{background:#fff6e7;color:#a96a04}.status-chip.done{background:#eafaf5;color:#12806a}.dash-side{border-left:1px solid #e8eef3;padding:24px}.dash-side>small{color:#7b919f;text-transform:uppercase;letter-spacing:.09em;font-size:9px;font-weight:900}.dash-side>div{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid #eef2f5}.dash-side b{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#edf7ff;color:#1a7dda}.dash-side span{color:#36566d;font-size:10px}.dash-side span small{display:block;margin-top:4px;color:#94a5b1}.team-cta{padding-top:30px}

/* Tablet: preserve every content block without horizontal breakage */
@media(max-width:1080px){.team-hero-grid,.team-split,.team-split.reverse{grid-template-columns:1fr;gap:46px}.team-split.reverse .team-copy,.team-split.reverse>div:last-child{order:initial}.team-hero-copy{text-align:center}.team-hero-copy .actions,.team-proof-row{justify-content:center}.team-hero-visual{max-width:760px;margin:0 auto;width:100%}.team-copy{text-align:center}.team-copy p{max-width:760px;margin-inline:auto}.team-mini-list{max-width:650px;margin-inline:auto;margin-top:28px}.memory-points{justify-content:center}.data-plane{max-width:820px;margin:auto}.dashboard-body{grid-template-columns:1fr}.dash-side{border-left:0;border-top:1px solid #e8eef3}.lifecycle{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:12px}.lifecycle>i{display:none}.life-item{min-width:0;min-height:142px}.org-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Phone: diagrams become normal document flow instead of overlapping absolute cards */
@media(max-width:720px){.team-hero{padding:66px 0 58px}.team-hero-copy h1{font-size:clamp(38px,11vw,54px);letter-spacing:-.045em}.team-hero-copy .lead{font-size:16px;line-height:1.65}.team-hero-copy .actions{display:grid;grid-template-columns:1fr;width:100%}.team-hero-copy .actions .btn{width:100%}.org-shell{padding:18px;border-radius:22px}.org-grid{grid-template-columns:1fr}.org-grid:before,.org-grid .org-card:before,.org-line{display:none}.org-owner{margin-bottom:10px}.org-card{min-height:auto;padding:15px}.team-section{padding:66px 0}.team-copy h2{font-size:clamp(32px,9.5vw,42px);letter-spacing:-.04em}.team-copy p{font-size:15px;line-height:1.68}.team-diagram{min-height:0;border-radius:24px;padding:18px}.role-diagram{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-center,.role-node{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto!important;min-height:0}.role-center{grid-column:1/-1;padding:22px}.role-node{padding:15px}.connector{display:none}.memory-diagram{grid-template-columns:1fr;padding:18px;gap:14px}.memory-arrow{transform:rotate(90deg);text-align:center;line-height:1}.memory-core{padding:24px}.data-plane{grid-template-columns:1fr;gap:10px}.plane-link{grid-template-columns:1fr;min-height:44px}.plane-link span{width:60%;height:1px}.plane-link em{writing-mode:horizontal-tb}.lifecycle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px 0}.life-item{min-width:0;min-height:128px;padding:17px}.life-item strong{margin-top:24px}.dashboard-top{align-items:flex-start;gap:14px;flex-direction:column}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-body{grid-template-columns:1fr}.dash-table{padding:16px 18px}.dash-row.head{display:none}.dash-row{grid-template-columns:1fr;gap:7px;padding:16px 0}.dash-row>span:nth-child(2){display:block!important}.dash-row>span:nth-child(2)::before{content:"Ekip: ";font-weight:800;color:#7b919f}.dash-row>span:nth-child(3){display:inline-flex!important}.dash-row>span:nth-child(3)::before{content:"Durum: ";font-weight:800;color:#7b919f;margin-right:6px}.status-chip{width:max-content}.dash-side{display:block!important;padding:18px}.team-cta .actions{display:grid!important;grid-template-columns:1fr;width:100%}.team-cta .actions .btn{width:100%}}

@media(max-width:480px){.team-proof-row{gap:8px}.team-proof-row span{font-size:10px}.role-diagram{grid-template-columns:1fr}.role-center{grid-column:auto}.lifecycle{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stats>div{padding:16px}.plane-card{padding:20px}.plane-grid{grid-template-columns:1fr}.memory-tags{display:grid;grid-template-columns:1fr 1fr}.team-mini-list>div{align-items:flex-start}.team-mini-list small{line-height:1.45}}
