:root{--bg:#eef0f3;--ink:#10172a;--muted:#687086;--line:#cfd5df;--panel:#f8f9fb;--dark:#0b1220;--dark2:#121c34;--blue:#4c8dff;--violet:#8167ff;--orange:#ffad4f;--green:#48d29b;--coral:#ff708e;--radius:28px;--shadow:0 22px 70px rgba(16,23,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#eceff2 0,#f6f6f2 48%,#eceff2 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.rail{position:fixed;left:0;top:0;bottom:0;width:150px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:30px 20px;z-index:20;background:rgba(238,240,243,.86);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:850}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--violet),var(--blue))}.rail nav{display:flex;gap:18px;flex-direction:column}.rail nav a,.back-link,footer a{text-decoration:none;color:var(--muted);font-weight:700}.rail nav a:hover{color:var(--ink)}main{margin-left:150px}.intro-strip{min-height:92px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:.04em}.intro-left{display:flex;align-items:center;gap:10px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(72,210,155,.15);animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 15px rgba(72,210,155,0)}}section{padding:9vw 7vw}.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:900;color:#596275}.board-hero{display:grid;grid-template-columns:.78fr 1.22fr;gap:5vw;align-items:end;min-height:860px}.board-copy{position:sticky;top:11vh;align-self:start;padding-top:6vh}.board-copy h1,.product-copy h2,.section-head h2,.studio h2,.contact h2{font-family:"Arial Narrow",Arial,sans-serif;font-stretch:condensed;letter-spacing:-.055em;line-height:.9}.board-copy h1{font-size:clamp(58px,7vw,128px);margin:.12em 0 .28em}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:600px}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px;background:var(--dark);border-radius:40px;box-shadow:var(--shadow);overflow:hidden}.lane{border-radius:24px;padding:16px;min-height:560px}.lane-planned{background:#18203b}.lane-progress{background:#182e47}.lane-done{background:#203b39}.lane-title{color:white;font-weight:800;padding:8px 4px 16px;display:flex;align-items:center;gap:10px}.lane-title span{width:9px;height:9px;border-radius:50%;background:var(--violet)}.lane-progress .lane-title span{background:var(--blue)}.lane-done .lane-title span{background:var(--green)}.task-card{background:#f7f8fb;border-radius:18px;padding:18px;margin:0 0 14px;min-height:120px;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 30px rgba(0,0,0,.16);transition:.35s}.task-card:hover{transform:translateY(-5px) rotate(-1deg)}.task-card small{font-weight:800;color:var(--violet)}.task-card b{font-size:18px}.task-card em{font-style:normal;color:var(--muted);font-size:13px}.done{opacity:.9}.drift-a{animation:floatA 5s ease-in-out infinite}.drift-b{animation:floatB 6s ease-in-out infinite}@keyframes floatA{50%{transform:translateY(7px) rotate(.6deg)}}@keyframes floatB{50%{transform:translateY(-8px) rotate(-.7deg)}}.product-grid{background:#0d1426;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;gap:5vw;align-items:center;overflow:hidden}.product-copy h2{font-size:clamp(60px,8vw,130px);margin:.12em 0 .25em}.product-copy p{color:#c6cbe0;font-size:20px;line-height:1.6}.feature-tags{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.feature-tags span,.floating-chip{border:1px solid #38415e;border-radius:999px;padding:10px 14px;font-size:13px}.play-cta{display:inline-flex;align-items:center;gap:14px;background:#fff;color:#10172a;border-radius:18px;padding:14px 20px;text-decoration:none;box-shadow:0 12px 35px rgba(0,0,0,.25)}.play-cta>span:first-child{font-size:26px}.play-cta small{display:block;font-size:9px;letter-spacing:.15em}.play-cta b{font-size:18px}.product-collage{position:relative;height:760px}.shot{position:absolute;margin:0;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.38);border:1px solid #303b59;background:#111a2e}.shot img{width:100%;display:block}.shot-main{width:42%;left:28%;top:1%;transform:rotate(-2deg)}.shot-progress{width:35%;left:1%;top:21%;transform:rotate(-7deg)}.shot-cat{width:35%;right:0;top:25%;transform:rotate(7deg)}.floating-chip{position:absolute;background:#fff;color:#11182a;font-weight:800;border:0}.chip-one{left:6%;top:10%}.chip-two{right:8%;bottom:12%;background:var(--orange)}.banner-panel{padding-top:4vw;padding-bottom:4vw;background:#0d1426}.banner-panel img{width:100%;border-radius:32px;display:block}.timeline{display:grid;grid-template-columns:.6fr 1.4fr;gap:8vw}.section-head h2{font-size:clamp(55px,7vw,115px);margin:.15em 0}.steps{border-left:1px solid #aeb7c6;padding-left:36px}.steps article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.steps article span{font-size:30px;font-weight:900;color:var(--violet)}.steps h3{font-size:28px;margin:0 0 8px}.steps p{margin:0;color:var(--muted);font-size:18px;line-height:1.55}.capability-cloud{padding-top:3vw}.cloud{display:flex;flex-wrap:wrap;gap:14px}.cloud span{padding:17px 22px;border-radius:999px;border:1px solid #b8c0cb;background:rgba(255,255,255,.45);font-weight:800}.studio{display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center;background:#e5e7eb}.studio h2{font-size:clamp(58px,7vw,115px);margin:.15em 0}.studio-text p:not(.eyebrow){font-size:20px;color:var(--muted);line-height:1.6}.studio-visual{display:flex;align-items:center;justify-content:center;gap:28px}.studio-visual img{width:min(230px,44%);border-radius:32px;box-shadow:var(--shadow)}.mini-stack{display:flex;flex-direction:column;gap:12px}.mini-stack span{padding:15px 20px;border-radius:14px;color:#fff;font-weight:800}.mini-stack span:nth-child(1){background:var(--violet)}.mini-stack span:nth-child(2){background:var(--blue)}.mini-stack span:nth-child(3){background:var(--green);color:#0f2430}.contact{background:#11182a;color:#fff;display:grid;grid-template-columns:1fr 1.2fr;gap:7vw}.contact h2{font-size:clamp(58px,7vw,110px);margin:.15em 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-grid>div{background:#1b2540;padding:24px;border-radius:22px;min-height:140px}.contact-grid small{display:block;color:#99a3bc;margin-bottom:14px}.contact-grid b,.contact-grid a{color:#fff;text-decoration:none;font-size:18px;line-height:1.5}footer{background:#11182a;color:#8f99b2;border-top:1px solid #2a3450;padding:26px 7vw;display:flex;gap:24px;justify-content:space-between}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.is-visible{opacity:1;transform:none}.privacy-page main{margin:0;min-height:100vh;display:grid;place-items:center;padding:30px}.privacy-card{max-width:760px;background:#fff;padding:50px;border-radius:32px;box-shadow:var(--shadow)}.privacy-card h1{font-size:64px;margin:.2em 0}.privacy-card p{color:var(--muted);font-size:18px;line-height:1.6}
@media(max-width:980px){.rail{position:sticky;top:0;width:auto;height:auto;flex-direction:row;align-items:center;padding:14px 18px;border-right:0;border-bottom:1px solid var(--line)}.rail nav{flex-direction:row;overflow:auto}.rail nav a{white-space:nowrap;font-size:13px}main{margin-left:0}.intro-strip{grid-template-columns:1fr;padding:18px 6vw;gap:8px}.board-hero,.product-grid,.timeline,.studio,.contact{grid-template-columns:1fr}.board-copy{position:static;padding-top:0}.kanban{overflow-x:auto;grid-template-columns:repeat(3,minmax(260px,1fr))}.product-collage{height:700px}.timeline{gap:30px}.contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){section{padding:18vw 6vw}.board-hero{min-height:auto}.board-copy h1{font-size:56px}.product-copy h2,.section-head h2,.studio h2,.contact h2{font-size:54px}.product-collage{height:590px}.shot-main{width:54%;left:24%}.shot-progress,.shot-cat{width:42%;top:28%}.banner-panel{padding:4vw}.timeline{padding-top:15vw}.steps{padding-left:18px}.steps article{grid-template-columns:48px 1fr}.contact-grid{grid-template-columns:1fr}.studio-visual{justify-content:flex-start}.rail nav a:nth-child(3),.rail nav a:nth-child(4){display:none}footer{flex-direction:column}.privacy-card{padding:28px}.privacy-card h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}