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

:root{font-family:'Be Vietnam Pro',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#13233d;background:#fbfcff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue:#2563eb;--blue2:#0759f7;--navy:#101b3b;--muted:#657699;--line:#dfebfb;--soft:#f0f6ff;--shadow:0 15px 45px rgba(40,83,149,.075);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:320px;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #91bcff;outline-offset:3px}img{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{color:var(--navy);letter-spacing:-.045em}h1{font-size:clamp(2.45rem,4.4vw,4.5rem);line-height:1.12;margin-bottom:20px;font-weight:800}h2{font-size:clamp(1.9rem,3vw,3.2rem);line-height:1.2;font-weight:800;margin-bottom:16px}h3{font-size:1.15rem;line-height:1.38;font-weight:750;margin-bottom:10px}p{color:#536789;line-height:1.75}small{color:#7787a5}.accent{color:var(--blue)}.eyebrow{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-weight:800;margin-bottom:18px}.container{width:min(1280px,calc(100% - 56px));margin-inline:auto}.muted{color:var(--muted)}.center{text-align:center}.spacer{height:24px}.section{padding:68px 0}.section-soft{background:linear-gradient(160deg,#f1f7ff 0%,#fff 65%)}.surface{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.skip-link{position:fixed;top:-80px;left:12px;z-index:10000;background:#fff;padding:12px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:300;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-bottom:1px solid #edf1f8}.header-inner{height:78px;display:flex;align-items:center;gap:36px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:1.04rem;letter-spacing:-.025em;white-space:nowrap;color:var(--navy)}.brand img{height:39px;width:39px}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{font-size:.82rem;font-weight:700;position:relative;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-links a.active:after{content:'';position:absolute;bottom:-9px;left:0;width:100%;height:2px;background:var(--blue)}.header-actions{display:flex;align-items:center;gap:20px}.login-link{font-size:.8rem;font-weight:700}.btn{border:1px solid transparent;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;font-size:.83rem;font-weight:700;transition:.2s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #2563eb20}.btn-primary{color:#fff;background:linear-gradient(120deg,#1063ff,#0755ef);box-shadow:0 10px 25px #2563eb30}.btn-outline{background:#fff;border-color:#c7dcfb;color:#0755ef}.btn-soft{background:#eaf3ff;color:#0755ef}.btn-sm{padding:10px 17px;border-radius:13px;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.arrow{font-size:1.2rem;line-height:1}.menu-button{display:none;appearance:none;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;color:var(--blue)}
.hero-wrap{position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% 8%,#ecf5ff,transparent 45%),radial-gradient(ellipse at 88% 28%,#e1f1ff,transparent 57%),linear-gradient(135deg,#fcfdff,#f2f8ff)}.hero-wrap:before,.hero-wrap:after{content:'';position:absolute;inset:auto;pointer-events:none;transform:rotate(25deg);background:#d7ebff44;border-radius:25px}.hero-wrap:before{width:600px;height:180px;top:30px;right:-220px}.hero-wrap:after{width:470px;height:135px;bottom:0;left:-180px}.hero{padding-top:74px;padding-bottom:60px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:26px;position:relative;z-index:1}.hero h1{max-width:720px}.hero .hero-desc{font-size:1.15rem;line-height:1.72;max-width:570px;color:#304775;margin-bottom:28px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:flex;align-items:center;gap:17px;margin-top:53px}.hero-stat{display:flex;align-items:center;gap:13px;padding-right:16px;border-right:1px solid #cddff7}.hero-stat:last-child{border-right:0}.hero-stat .stat-number{color:#0b5bf4;font-size:2.1rem;font-weight:800;line-height:1}.hero-stat b{font-size:.76rem}.hero-stat small{display:block;font-size:.67rem;line-height:1.7}.icon-square{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:var(--blue);background:#eaf3ff;flex-shrink:0}.glyph{font-size:1.45rem;line-height:1}
.hero-visual{height:450px;position:relative;min-width:0}.browser-device{position:absolute;top:10px;left:0;right:4%;height:340px;background:#fff;border:10px solid #101b30;border-radius:19px;box-shadow:0 32px 55px #2b537536;overflow:hidden;transform:perspective(900px) rotateY(-7deg) rotateX(2deg)}.device-top{height:38px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #edf0f6}.device-top .dot{width:7px;height:7px;border-radius:100%;background:#f97d79}.device-top .dot:nth-child(2){background:#f2ca62}.device-top .dot:nth-child(3){background:#6fd0a6}.device-nav{margin-left:auto;font-size:.58rem;color:#49705d;display:flex;gap:12px}.device-body{height:calc(100% - 38px);background:linear-gradient(135deg,#e2f9e8 0%,#f9fff9 38%,#fff3df 100%);display:flex}.device-copy{width:52%;padding:37px 22px 18px 25px;display:flex;flex-direction:column;align-items:flex-start}.device-copy .mini-chip{font-size:.54rem;color:#267344;background:#d5f5df;border-radius:20px;padding:6px 12px}.device-copy strong{font-size:1.75rem;line-height:1.2;color:#193f28;margin:17px 0 12px;letter-spacing:-.05em}.device-copy p{font-size:.66rem;line-height:1.6;color:#55765b}.device-copy .mini-button{border-radius:20px;color:#fff;background:#1d7547;padding:8px 13px;font-size:.6rem}.drink-illustration{width:48%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse,#f0d69d,transparent 70%)}.cup{position:relative;width:100px;height:158px;border-radius:13px 13px 35px 35px;background:linear-gradient(130deg,#e39332,#edbd63 55%,#a96c2d);box-shadow:inset 10px 0 10px #ffffff65,12px 12px 20px #99633455;transform:rotate(8deg)}.cup:before{content:'';position:absolute;inset:-7px -4px auto;height:22px;border:6px solid #f5f1e8;border-radius:50%;background:#f0c474}.cup:after{content:'';position:absolute;width:6px;height:110px;top:-70px;left:53px;transform:rotate(20deg);background:#c3a16b;border-radius:5px}.leaves{font-size:4.5rem;position:absolute;right:0;bottom:22px;opacity:.8}.phone-device{position:absolute;width:185px;height:315px;border:9px solid #0e192d;border-radius:32px;background:#fff;right:-15px;top:95px;box-shadow:0 19px 30px #142b5350;transform:rotate(4deg);padding:19px 10px;display:flex;flex-direction:column;gap:13px}.phone-notch{width:64px;height:12px;background:#0e192d;border-radius:0 0 13px 13px;position:absolute;top:0;left:50%;transform:translateX(-50%)}.phone-device strong{font-size:.8rem}.phone-option{background:#eef5ff;border-radius:10px;padding:10px;font-size:.63rem;font-weight:700;color:#174caa}.phone-line{height:7px;border-radius:10px;background:#e8eff8;width:82%}.phone-line.short{width:55%}.mini-chart{position:absolute;bottom:2px;left:18px;width:280px;height:115px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 24px #1b559b15;padding:14px}.mini-chart b{font-size:.66rem}.bars{display:flex;align-items:end;gap:8px;height:64px;margin-top:7px}.bars i{display:block;width:100%;background:linear-gradient(#579eff,#b0d3ff);border-radius:4px 4px 0 0}.float-label{position:absolute;background:#e4ffd8;color:#267e44;padding:10px 16px;border-radius:25px;font-size:.62rem;right:70px;bottom:1px;box-shadow:0 10px 20px #2563eb15}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section-heading p{max-width:530px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{padding:18px 16px 15px;display:flex;flex-direction:column;min-width:0;transition:.2s}.service-card:hover,.portfolio-card:hover,.case-card:hover{transform:translateY(-3px);box-shadow:0 21px 48px #225ba019}.service-card-top{display:flex;align-items:center;gap:13px}.service-card h3{font-size:1.02rem;margin:0}.service-card p{font-size:.74rem;line-height:1.75;min-height:77px;margin:12px 0}.service-illustration{height:135px;background:linear-gradient(135deg,#f0f6ff,#e5f0ff);border-radius:13px;overflow:hidden;position:relative;padding:14px}.illus-window{background:#fff;border:1px solid #c6daf8;border-radius:10px;box-shadow:0 9px 16px #2b65c126;width:90%;height:100%;margin:auto;overflow:hidden}.illus-bar{height:19px;background:#e6f1ff;display:flex;align-items:center;padding:0 8px;gap:3px}.illus-bar i{width:5px;height:5px;background:#78adf7;border-radius:100%}.illus-layout{display:grid;grid-template-columns:1fr .8fr;height:calc(100% - 19px)}.illus-layout span{margin:14px 9px;border-radius:6px;background:linear-gradient(150deg,#d0e7ff,#fbfcff)}.illus-layout span:last-child{background:linear-gradient(160deg,#92b8ed,#dceeff)}.service-card:nth-child(2) .service-illustration{background:linear-gradient(120deg,#e5eaff,#f9faff)}.service-card:nth-child(2) .illus-window{width:53%;border:7px solid #244677;border-radius:18px}.service-card:nth-child(3) .service-illustration{background:linear-gradient(120deg,#e5fff6,#eff8ff)}.service-card:nth-child(4) .service-illustration{background:linear-gradient(120deg,#eaf2ff,#f8fbff)}.service-card .btn{margin-top:14px;padding:10px}.support-ribbon{display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#2782ff,#075aff);color:#fff;border-radius:15px;padding:16px 23px;margin-top:18px;font-size:.85rem;font-weight:600}.support-ribbon small{color:#d8e9ff;margin-left:auto}.process-inline{display:grid;grid-template-columns:190px repeat(4,1fr);gap:13px;margin-top:14px;padding:16px}.process-intro{font-weight:800;color:var(--navy);font-size:.9rem}.step-inline{display:flex;gap:9px}.step-inline .num{color:var(--blue);font-size:.65rem;font-weight:800}.step-inline b{display:block;font-size:.74rem}.step-inline small{font-size:.62rem;line-height:1.6}
.section-title{margin-bottom:26px}.section-title .subtitle{max-width:740px}.badge{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;font-size:.65rem;font-weight:700;background:#ecf4ff;color:#065def;white-space:nowrap}.badge.success{color:#159465;background:#e5f9f0}.badge.warning{color:#946200;background:#fff4d5}.badge.pending{color:#637392;background:#edf1f9}.badge.mock{background:#eaf3ff;color:#1975e6}.badge small{font-size:inherit}.chip-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:25px}.chip{border:1px solid #d5e3fa;background:#fff;color:#31486c;border-radius:50px;padding:11px 19px;font-size:.77rem;font-weight:700}.chip.active{background:var(--blue2);color:#fff;border-color:var(--blue2)}.portfolio-controls{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap}.search{border:1px solid #d6e4f8;background:#fff;padding:13px 17px;border-radius:25px;font-size:.76rem;color:var(--navy);width:min(310px,100%)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-card{overflow:hidden;transition:.2s}.portfolio-art{height:198px;position:relative;display:flex;align-items:center;overflow:hidden;padding:20px;color:#fff;isolation:isolate}.portfolio-art:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 80%,#ffffff44,transparent 35%),linear-gradient(135deg,var(--art-1),var(--art-2))}.portfolio-art:after{content:'';position:absolute;width:160px;height:120px;right:-25px;bottom:-30px;background:#ffffff55;border-radius:55% 45% 0 0;transform:rotate(-15deg);filter:blur(3px)}.art-window{background:rgba(255,255,255,.87);color:var(--navy);border-radius:12px;padding:17px 14px;width:80%;height:75%;box-shadow:10px 10px 25px #00000024;transform:perspective(480px) rotateY(-9deg);display:flex;flex-direction:column;justify-content:center}.art-window small{color:#5a7394;font-size:.54rem}.art-window b{font-size:1.1rem;letter-spacing:-.03em;line-height:1.28}.art-window i{width:50px;height:8px;background:var(--blue);border-radius:5px;margin-top:11px}.portfolio-art .art-category{position:absolute;top:14px;right:14px;background:#ffffffdc;color:#263e67;font-size:.6rem;font-weight:700;padding:6px 11px;border-radius:20px}.theme-forest{--art-1:#345341;--art-2:#9eb3a1}.theme-sand{--art-1:#ab7c56;--art-2:#ead6b3}.theme-onyx{--art-1:#171a25;--art-2:#767b8f}.theme-ocean{--art-1:#07669d;--art-2:#65d5e6}.theme-rose{--art-1:#ac6f70;--art-2:#efc9cc}.theme-teal{--art-1:#087b79;--art-2:#a6e8e0}.theme-clay{--art-1:#a56841;--art-2:#eac7a2}.theme-blueprint{--art-1:#1e5489;--art-2:#afcdec}.theme-beige{--art-1:#80694d;--art-2:#d9cbba}.theme-gold{--art-1:#735c38;--art-2:#dfbb71}.theme-plum{--art-1:#4c1f59;--art-2:#9f609d}.theme-purple{--art-1:#2b185c;--art-2:#9059cb}.theme-stone{--art-1:#5a6358;--art-2:#c9c3ae}.theme-sunny{--art-1:#ed6b2d;--art-2:#ffe680}.theme-stadium{--art-1:#08683c;--art-2:#4acc8d}.portfolio-bottom{padding:16px;display:flex;align-items:center;gap:9px;justify-content:space-between}.portfolio-bottom h3{margin:0 0 4px;font-size:.97rem}.portfolio-bottom small{font-size:.67rem}.demo-tag{font-size:.61rem;color:#697c9b}.gallery-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 30px;margin-top:24px}.gallery-cta h3{margin:0}.gallery-cta p{margin:6px 0 0;font-size:.8rem}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.case-card{padding:27px;overflow:hidden;transition:.2s}.case-top{display:flex;align-items:center;gap:12px}.case-top h3{margin:0}.case-content{display:grid;grid-template-columns:1fr 1.05fr;gap:16px;margin-top:20px;align-items:center}.case-content p{font-size:.78rem;line-height:1.85}.check-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:11px}.check-list li{display:flex;gap:9px;align-items:flex-start;color:#4c6385;font-size:.76rem;line-height:1.6}.check-list li:before{content:'✓';display:grid;place-items:center;flex-shrink:0;width:19px;height:19px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:.62rem}.case-screen{min-height:210px;background:linear-gradient(135deg,#e8f4ff,#f8fcff);border:1px solid #d5e8ff;border-radius:15px;padding:11px;box-shadow:var(--shadow);position:relative}.case-screen .case-browser{height:185px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 18px #376a9b20}.case-browser-bar{height:23px;background:#f7fbff;border-bottom:1px solid #e6eef8;display:flex;align-items:center;padding:0 9px;gap:4px}.case-browser-bar i{width:5px;height:5px;background:#85b9ec;border-radius:50%}.case-browser-body{height:162px;display:grid;grid-template-columns:1fr 1fr}.case-browser-body div:first-child{padding:18px 12px}.case-browser-body b{font-size:.92rem;line-height:1.5;color:#0c3169}.case-browser-body p{font-size:.57rem}.case-browser-body div:last-child{display:grid;place-items:center;background:linear-gradient(160deg,#8ac9ff,#0d68c6);color:#fff;font-size:3rem}.case-screen.mint .case-browser-body div:last-child{background:linear-gradient(160deg,#a5ffdd,#168ebf)}.impact-box{margin-top:17px;padding:18px}.impact-box h3{font-size:1rem}.impact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.impact-grid>div{border:1px solid #d8e7fc;border-radius:14px;padding:18px;background:#fdfefe}.impact-grid b{font-size:.9rem}.impact-grid strong{display:block;color:var(--navy);font-size:1.5rem;margin:8px 0}.commit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.commit-card{padding:23px;background:#fff;border:1px solid var(--line);border-radius:17px;display:flex;gap:15px;align-items:flex-start}.commit-card h3{font-size:.9rem;margin:0 0 9px}.commit-card p{font-size:.74rem;margin:0;line-height:1.7}.commit-card.mint{background:linear-gradient(110deg,#f0ffe2,#f8fff4)}.big-cta{margin-top:35px;padding:38px 55px;border-radius:23px;background:linear-gradient(135deg,#e9f4ff,#fcfdff);display:flex;align-items:center;justify-content:space-between;gap:24px}.big-cta h2{margin:0 0 8px}.big-cta p{margin:0}.page-hero{background:linear-gradient(145deg,#f3f9ff,#eaf4ff 50%,#fcfdff);padding:75px 0 40px;overflow:hidden}.page-hero h1{font-size:clamp(2.3rem,4vw,3.8rem);margin-bottom:10px}.page-hero p{max-width:750px;margin:0}.page-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.page-stats .surface{padding:18px 25px}.page-stats strong{font-size:1.5rem;color:#125aee}.narrow{max-width:850px;margin:auto}.detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.detail-grid .surface{padding:28px}.detail-grid .portfolio-art{height:340px;border-radius:17px}.detail-grid .art-window{height:83%;padding:35px}.detail-grid .art-window b{font-size:2rem}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-list .surface{padding:22px}.feature-list p{font-size:.8rem}
.brief-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:25px;padding-top:55px;padding-bottom:50px}.brief-intro h1{margin-bottom:12px}.brief-intro p{font-size:.95rem}.brief-options{display:grid;gap:14px;margin-top:28px}.brief-option{width:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;text-align:left;display:flex;gap:18px;align-items:flex-start}.brief-option[aria-pressed=true]{border:2px solid var(--blue);box-shadow:0 10px 25px #1764ff16}.brief-option h3{margin:0 0 5px}.brief-option p{font-size:.76rem;margin:0}.radio-dot{display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border:2px solid #9baaca;border-radius:50%;margin-top:4px}.brief-option[aria-pressed=true] .radio-dot{border-color:var(--blue)}.brief-option[aria-pressed=true] .radio-dot:after{content:'';width:10px;height:10px;background:var(--blue);border-radius:50%}.brief-form{padding:34px}.brief-form h2{font-size:1.7rem}.step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.step-circles{font-size:.72rem;color:#6880a4}.step-circles b{color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:10px}.field.span2{grid-column:span 2}.field label{font-size:.76rem;font-weight:750;color:#203454}.field input,.field select,.field textarea{width:100%;border:1px solid #d8e3f4;background:#fff;border-radius:10px;padding:14px;color:#233b60;font-size:.78rem;outline:0}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5691f7;box-shadow:0 0 0 3px #2563eb18}.check-row{display:flex;flex-wrap:wrap;gap:9px}.check-item{display:flex;align-items:center;gap:8px;font-size:.7rem;border:1px solid var(--line);padding:11px;border-radius:12px}.check-item input{accent-color:var(--blue)}.brief-submit{margin-top:21px;display:flex;gap:15px;align-items:center}.brief-submit .btn{flex:1}.notice{display:flex;gap:10px;background:#edf5ff;color:#27578f;border-radius:12px;padding:13px 16px;font-size:.73rem;line-height:1.6}.notice.warning{background:#fff6df;color:#815a14}.success-panel{border:1px solid #b2e6c8;border-radius:15px;padding:16px;background:#edfff4;color:#137b49;margin-top:14px;font-size:.8rem}.footer{border-top:1px solid #e4ecf8;background:#fff;padding:40px 0}.footer-inner{display:flex;align-items:start;justify-content:space-between;gap:25px}.footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:.75rem}.footer p{font-size:.7rem;max-width:400px;margin:10px 0}.footer small{font-size:.68rem}
.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);background:radial-gradient(at 80% 0,#eaf6ff,#f8fbff 50%)}.dash-side{background:#fff;border-right:1px solid #e5effb;padding:18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:17px}.dash-side .brand{margin:2px 5px 17px}.role-select{border:1px solid #e2eafb;border-radius:14px;padding:13px;background:#f7fbff;font-size:.74rem;font-weight:750;color:#175bef}.side-links{display:grid;gap:7px}.side-links a{display:flex;gap:13px;align-items:center;padding:13px;border-radius:12px;color:#465d83;font-size:.78rem;font-weight:650}.side-links a.active,.side-links a:hover{background:#eaf3ff;color:#075df5}.side-links .glyph{font-size:1.1rem}.side-help{margin-top:auto;background:#eef6ff;border-radius:13px;padding:16px}.side-help p{font-size:.7rem;margin:7px 0}.dash-main{min-width:0}.dash-top{background:#ffffffc9;border-bottom:1px solid #e4ecf8;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:15px}.dash-top .search{border-radius:11px;min-width:280px;width:40%}.dash-top-right{display:flex;align-items:center;gap:18px;font-size:.73rem}.avatar{border-radius:50%;background:#dceaff;color:#1461dc;width:34px;height:34px;display:grid;place-items:center;font-size:.75rem;font-weight:800}.dash-content{padding:32px;max-width:1540px;margin:auto}.dash-content h1{font-size:clamp(2rem,3.4vw,3rem);margin:6px 0 12px}.dash-kicker{color:#334c75;font-size:1rem;margin-bottom:25px}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.dash-metrics.three{grid-template-columns:repeat(3,1fr)}.metric-card{padding:20px;display:flex;align-items:center;gap:18px;min-height:115px}.metric-card strong{font-size:1.7rem;color:var(--navy)}.metric-card p{font-size:.75rem;margin:0}.metric-card small{font-size:.64rem}.dash-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin-top:14px}.dash-grid.equal{grid-template-columns:1fr 1fr}.dash-panel{padding:20px;min-width:0}.dash-panel h3{margin-bottom:17px}.dash-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-panel .panel-head h3{margin:0}.progress-track{height:12px;border-radius:9px;background:#dce9fa;overflow:hidden}.progress-fill{height:100%;background:#166af8;border-radius:9px}.timeline{list-style:none;padding-left:12px;margin:16px 0;display:grid;gap:19px}.timeline li{position:relative;padding-left:25px;font-size:.77rem;color:#526889}.timeline li:before{content:'';width:12px;height:12px;border:3px solid #a7c8ff;background:#fff;border-radius:50%;position:absolute;left:-3px;top:1px}.timeline li:first-child:before{background:#1765f7}.timeline b{color:#17325a}.message{border-bottom:1px solid #eef3fc;padding:10px 0;display:flex;gap:10px}.message p{font-size:.73rem;margin:0}.message small{font-size:.66rem}.mock-notice{display:inline-flex;background:#e7f1ff;color:#1669f4;font-size:.67rem;padding:7px 12px;border-radius:50px;font-weight:700}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px}.kanban-col{padding:10px;background:#f6f9ff;border:1px solid #e0ebfa;border-radius:17px;min-height:340px}.kanban-col h3{font-size:.82rem;margin:8px}.kanban-card{background:#fff;border:1px solid #e5edfb;border-radius:12px;padding:14px;margin-top:9px;box-shadow:0 6px 12px #214d9220}.kanban-card h4{font-size:.75rem;margin:0 0 8px}.kanban-card small{font-size:.66rem}.kanban-card button{border:0;background:#eaf3ff;color:var(--blue);border-radius:10px;padding:6px 10px;font-size:.64rem;font-weight:700;margin-top:9px}.kanban-card .badge{margin-bottom:8px}.admin-pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lead-stage{background:#f1f5fc;border-radius:15px;padding:12px}.lead-stage.blue{background:#ecf6ff}.lead-stage.amber{background:#fff8e8}.lead-stage.green{background:#e9fff5}.lead-stage h4{font-size:.8rem;margin:0 0 10px}.lead-stage strong{font-size:1.3rem;color:#0f2c55}.lead-stage .lead-item{padding:10px;background:#fff;border-radius:9px;margin-top:8px;font-size:.68rem;color:#335275}.dash-table{width:100%;border-collapse:collapse;font-size:.72rem}.dash-table th{background:#eff5ff;color:#4b6388;font-weight:750;text-align:left}.dash-table th,.dash-table td{padding:12px;border-bottom:1px solid #edf2fb}.dash-table td:first-child{font-weight:700}.quick-action{display:block;padding:12px 0;border-bottom:1px solid #ecf2fb;font-size:.75rem}.quick-action:last-child{border:0}.quick-action input{margin-right:9px;accent-color:var(--blue)}.dashboard-notice{margin-bottom:14px}.toast{position:fixed;z-index:700;bottom:24px;left:50%;transform:translate(-50%,140%);background:#183d72;color:#fff;border-radius:16px;padding:15px 22px;box-shadow:0 18px 40px #0f2a5c45;font-size:.78rem;opacity:0;pointer-events:none;transition:.2s}.toast.visible{transform:translate(-50%,0);opacity:1}.empty{padding:35px;text-align:center;color:#627b9b}.divider{height:1px;background:#e6effb;margin:22px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-detail{padding:20px}.mini-detail h3{margin-top:12px}.faq-list details{border:1px solid #deebf9;border-radius:14px;background:#fff;padding:19px;margin-bottom:12px}.faq-list summary{font-weight:700;color:#203859;cursor:pointer}.faq-list p{margin:13px 0 0;font-size:.81rem}
@media(max-width:1180px){.nav-links{gap:18px}.hero{grid-template-columns:1fr 1fr}.hero-visual{height:390px}.browser-device{height:295px}.phone-device{transform:scale(.85) rotate(4deg);transform-origin:top right}.mini-chart{transform:scale(.85);transform-origin:bottom left}.hero-stats{gap:10px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-inline{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.case-content{grid-template-columns:1fr}.case-screen{min-height:180px}.dash-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:830px){.container{width:min(100% - 36px,1280px)}.header-inner{height:65px}.menu-button{display:block}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:20px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #15498d19;flex-direction:column;align-items:stretch;gap:0}.site-header.menu-open .nav-links{display:flex}.nav-links a{padding:13px}.nav-links a.active:after{display:none}.header-actions .login-link{display:none}.header-actions .btn{display:none}.hero{grid-template-columns:1fr;padding-top:56px}.hero-visual{margin-top:8px;height:410px;max-width:660px}.hero-stats{flex-wrap:wrap;margin-top:35px}.case-grid,.brief-layout,.detail-grid,.two-col,.feature-list{grid-template-columns:1fr}.dashboard-shell{grid-template-columns:1fr;min-width:0;max-width:100%;overflow-x:hidden}.dash-side{height:auto;position:static;padding:10px 18px;min-width:0;max-width:100%;overflow:hidden}.dash-side .brand{margin:0}.role-select,.side-help{display:none}.side-links{display:flex;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.side-links a{white-space:nowrap;flex-shrink:0}.dash-main{min-width:0;max-width:100%;overflow-x:hidden}.dash-top{height:60px;padding:0 18px}.dash-top .search{display:none}.dash-content{padding:20px;min-width:0;max-width:100%;overflow-x:hidden}.dash-metrics.three{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-pipeline{grid-template-columns:repeat(2,1fr)}.dash-table{display:block;overflow-x:auto;max-width:100%;white-space:nowrap}.dash-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}}
@media(max-width:590px){h1{font-size:2.35rem}.hero .hero-desc{font-size:.92rem}.section{padding:48px 0}.service-grid,.portfolio-grid,.case-grid,.feature-list,.impact-grid,.commit-grid,.form-grid,.dash-grid.equal,.dash-metrics.three{grid-template-columns:1fr}.portfolio-controls{align-items:stretch}.search{width:100%}.section-heading{display:block}.case-card{padding:17px}.brief-form{padding:21px}.field.span2{grid-column:span 1}.hero-visual{height:300px}.browser-device{height:230px;left:0;right:8%;border-width:7px}.device-copy{padding:20px 10px}.device-copy strong{font-size:1.2rem}.device-copy p{font-size:.55rem}.cup{width:60px;height:105px}.phone-device{transform:scale(.62) rotate(3deg);right:-30px;top:75px}.mini-chart{transform:scale(.65);bottom:-5px}.float-label{display:none}.hero-stats{display:grid;grid-template-columns:1fr 1fr}.hero-stat{border:0}.hero-stat .stat-number{font-size:1.7rem}.support-ribbon{flex-wrap:wrap}.support-ribbon small{margin-left:0}.process-inline{grid-template-columns:1fr}.case-content{grid-template-columns:1fr}.gallery-cta,.big-cta{flex-direction:column;align-items:flex-start;padding:24px}.big-cta{margin-top:25px}.dash-metrics{grid-template-columns:1fr 1fr}.metric-card{padding:12px;gap:8px;min-height:98px}.metric-card strong{font-size:1.24rem}.metric-card .icon-square{width:34px;height:34px}.dash-content h1{font-size:1.9rem}.kanban,.admin-pipeline{grid-template-columns:1fr}.dash-table{display:block;overflow-x:auto;white-space:nowrap}.dashboard-shell .site-header{display:none}.dashboard-shell{min-width:0;max-width:100%;overflow-x:hidden}.dash-side{min-width:0;max-width:100%;overflow:hidden}.dash-main,.dash-content{min-width:0;max-width:100%;overflow-x:hidden}.footer-links{gap:12px}.hero-cta{display:grid}.hero-cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* Phase 3 visual QA: keep the mobile dashboard navigation and all table columns accessible. */
.dash-mobile-menu{display:none}
.dash-content h1 .badge.mock{font-size:.67rem;line-height:1.35;letter-spacing:normal;font-weight:700;vertical-align:middle;margin-left:8px;max-width:100%}
.dash-panel .badge.mock{font-size:.67rem;line-height:1.35;letter-spacing:normal;flex-shrink:0}
.dash-panel .panel-head{flex-wrap:wrap}
.table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.table-scroll .dash-table{display:table;overflow:visible;width:100%;min-width:560px}
.table-hint{display:none}
@media(max-width:830px){
  .dash-side>.side-links{display:none}
  .dash-mobile-menu{display:block;width:100%}
  .dash-mobile-menu summary{list-style:revert;cursor:pointer;border:1px solid #d4e5fd;color:#1259db;border-radius:12px;background:#f2f7ff;padding:12px 16px;font-size:.82rem;font-weight:700}
  .dash-mobile-menu[open] summary{border-radius:12px 12px 0 0}
  .dash-mobile-menu .side-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-width:100%;padding:8px 0;overflow:visible}
  .dash-mobile-menu .side-links a{white-space:normal;min-width:0;line-height:1.4;padding:10px 9px;gap:7px;font-size:.72rem}
  .dash-content h1 .badge.mock{letter-spacing:normal}
}
@media(max-width:590px){
  .dash-top .muted{display:none}
  .dash-top-right{width:100%;justify-content:flex-end;gap:10px}
  .dash-top-right .mock-notice{white-space:nowrap;flex-shrink:0;font-size:.68rem}
  .dash-content h1 .badge.mock{display:table;margin:9px 0 0;font-size:.7rem}
  .table-hint{display:block;font-size:.7rem;color:#526b91;margin:2px 0 10px}
  .table-scroll .dash-table{min-width:560px}
}

/* Phase 3: verified real screenshots for showcase and actual case studies. */
.portfolio-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;background:#eef5ff}
.portfolio-art .art-category{z-index:2}
.case-browser .case-image{display:block;width:100%;height:calc(100% - 23px);object-fit:cover;object-position:center top;background:#eff5ff}

/* Real screenshot required: pending cross-platform source applications must not be presented as captured */
.capture-pending{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;width:100%;height:100%;padding:18px 16px;color:#fff;text-shadow:0 1px 2px #09223a33}.capture-pending strong{font-weight:900;letter-spacing:.18em;font-size:2.4rem;line-height:1}.capture-pending span{max-width:255px;font-size:.72rem;line-height:1.65;font-weight:650}.portfolio-art:has(.capture-pending){min-height:198px}.portfolio-art:has(.capture-pending):after{opacity:.2}