:root{--df-navy:#07111f;--df-navy2:#0b1f38;--df-blue:#0866ff;--df-cyan:#1cc8ff;--df-ink:#07111f;--df-muted:#607087;--df-soft:#f4f8ff;--df-line:rgba(7,17,31,.12);--df-white:#fff;--df-green:#1bc47d;--df-radius:26px;--df-shadow:0 28px 80px rgba(7,17,31,.13)}
*{box-sizing:border-box}.df-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.df-section{padding:100px 0}.df-soft{background:var(--df-soft)}.df-dark{background:var(--df-navy);color:#fff}.df-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--df-blue)}.df-dark .df-eyebrow{color:#65dcff}.df-title{font-size:clamp(38px,5vw,72px);line-height:.97;letter-spacing:-.045em;margin:10px 0 18px}.df-copy{font-size:18px;line-height:1.7;color:var(--df-muted);max-width:780px}.df-dark .df-copy{color:#b2c5d8}.df-heading{display:grid;grid-template-columns:1.12fr .88fr;gap:45px;align-items:end;margin-bottom:38px}.df-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9e8ff;background:#eff6ff;color:#0758d4;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900}.df-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.df-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:999px;background:var(--df-blue);color:#fff!important;text-decoration:none;font-weight:900;border:1px solid var(--df-blue);transition:.25s ease;cursor:pointer}.df-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(8,102,255,.2)}.df-btn.alt{background:transparent;color:var(--df-ink)!important;border-color:#b9c6d6}.df-dark .df-btn.alt{color:#fff!important;border-color:rgba(255,255,255,.25)}
/* entry */
.df-entry{position:fixed;inset:0;z-index:99999;background:#02070d;display:grid;place-items:center;overflow:hidden;color:#fff;transition:opacity .45s ease,visibility .45s ease}.df-entry::before,.df-entry::after{content:"";position:absolute;top:0;bottom:0;width:50.5%;background:linear-gradient(145deg,#06101d,#0a2442);transition:transform .95s cubic-bezier(.77,0,.18,1);border-color:rgba(28,200,255,.24);border-style:solid;border-width:0}.df-entry::before{left:0;border-right-width:1px}.df-entry::after{right:0;border-left-width:1px}.df-entry.open::before{transform:translateX(-105%)}.df-entry.open::after{transform:translateX(105%)}.df-entry.open{background:transparent;pointer-events:none}.df-entry.hide{opacity:0;visibility:hidden}.df-entry-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(28,200,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(28,200,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000,transparent 70%)}.df-entry-inner{position:relative;z-index:3;text-align:center;padding:30px}.df-entry-logo{width:min(390px,78vw);height:auto;object-fit:contain;background:#fff;padding:16px 22px;border-radius:16px;box-shadow:0 28px 70px rgba(0,0,0,.45)}.df-entry h2{font-size:clamp(30px,4vw,54px);line-height:1;margin:18px 0 20px}.df-entry p{letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:#70dcff;font-weight:900}
/* hero */
.df-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(8,102,255,.18),transparent 30%),radial-gradient(circle at 10% 82%,rgba(28,200,255,.12),transparent 35%),#fff}.df-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,17,31,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,17,31,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000,transparent 84%);pointer-events:none}.df-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;min-height:82vh;padding:85px 0 60px}.df-hero h1{font-size:clamp(52px,7.2vw,100px);letter-spacing:-.06em;line-height:.9;margin:14px 0 18px}.df-hero h1 em{font-style:normal;color:var(--df-blue)}.df-hero .lead{font-size:clamp(18px,1.7vw,23px);line-height:1.65;color:#45566f;max-width:720px}.df-stage{position:relative;min-height:610px;perspective:1200px}.df-stage-main{position:absolute;inset:42px 10px 40px 20px;border-radius:30px;background:linear-gradient(150deg,#07111f,#0b2a4b);box-shadow:0 40px 90px rgba(7,17,31,.28);overflow:hidden;border:1px solid rgba(28,200,255,.25);transform:rotateY(-5deg)}.df-stage-top{height:52px;display:flex;align-items:center;gap:6px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.df-stage-top i{width:8px;height:8px;border-radius:50%;background:#62d7ff;opacity:.6}.df-stage-screen{padding:26px;color:white}.df-browser{background:#fff;border-radius:18px;overflow:hidden;color:#07111f;box-shadow:0 18px 50px rgba(0,0,0,.24)}.df-browser-bar{height:34px;background:#edf2f7;display:flex;align-items:center;gap:5px;padding:0 10px}.df-browser-bar i{width:7px;height:7px;border-radius:50%;background:#9ba7b4}.df-browser-hero{padding:25px;background:linear-gradient(135deg,#07111f,#12355e);color:#fff;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}.df-browser-hero small{color:#62d7ff;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.df-browser-hero b{font-size:26px;line-height:1.05;margin-top:8px}.df-browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.df-browser-cards span{height:62px;border-radius:11px;background:#edf5ff}.df-float-card{position:absolute;z-index:4;background:#fff;border:1px solid rgba(7,17,31,.08);border-radius:20px;box-shadow:0 18px 55px rgba(7,17,31,.17);padding:15px;animation:dfFloat 4s ease-in-out infinite}.df-float-card.google{right:-5px;top:15px;width:225px}.df-float-card.brand{left:-30px;bottom:70px;width:200px;animation-delay:-1.2s}.df-float-card.social{right:8px;bottom:0;width:185px;animation-delay:-2.1s}.df-google-line{display:flex;gap:10px;align-items:center}.df-google-logo{width:42px;height:42px;border-radius:12px;background:#eef4ff;display:grid;place-items:center;color:var(--df-blue);font-weight:900}.df-stars{color:#f5a623;letter-spacing:2px;font-size:12px}.df-brand-chip{height:72px;border-radius:14px;background:linear-gradient(135deg,#07111f,#0866ff);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.12em}.df-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.df-social-grid i{height:48px;border-radius:9px;background:linear-gradient(135deg,#d7e7ff,#f7fbff)}@keyframes dfFloat{50%{transform:translateY(-8px)}}
/* imagine preview */
.df-preview-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:stretch}.df-preview-controls,.df-preview-board{border:1px solid var(--df-line);border-radius:28px;background:#fff;padding:28px;box-shadow:var(--df-shadow)}.df-preview-controls label{display:grid;gap:8px;font-weight:800;margin:16px 0}.df-preview-controls input,.df-preview-controls select{padding:14px 16px;border:1px solid #cbd7e4;border-radius:14px;font:inherit;background:#fff}.df-preview-board{background:linear-gradient(145deg,#07111f,#0e2f55);color:#fff;position:relative;overflow:hidden}.df-preview-board::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(28,200,255,.25),transparent 67%)}.df-preview-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.df-mock-web,.df-mock-google,.df-mock-brand,.df-mock-social{border-radius:18px;background:#fff;color:#07111f;overflow:hidden}.df-mock-web{grid-row:span 2}.df-mock-web .top{height:26px;background:#e9eef4}.df-mock-web .hero{height:160px;background:linear-gradient(135deg,#07111f,#0866ff);color:#fff;padding:18px;display:flex;align-items:end;font-size:22px;font-weight:900}.df-mock-web .blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px}.df-mock-web .blocks i{height:48px;background:#edf4ff;border-radius:9px}.df-mock-google{padding:14px}.df-mock-google .stars{color:#f5a623}.df-mock-brand{display:grid;place-items:center;min-height:132px;background:linear-gradient(135deg,#07111f,#0d4fb6);color:#fff;font-size:20px;font-weight:900}.df-mock-social{padding:14px;min-height:120px}.df-mock-social i{display:block;height:70px;border-radius:12px;background:linear-gradient(135deg,#dceaff,#fff)}
/* goal finder */
.df-goal-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.df-goal-menu{display:grid;gap:10px}.df-goal-btn{padding:18px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#fff;text-align:left;font:inherit;font-weight:900;cursor:pointer;display:flex;justify-content:space-between;gap:16px;transition:.25s}.df-goal-btn.active,.df-goal-btn:hover{background:var(--df-blue);border-color:#55d7ff;transform:translateX(5px)}.df-goal-result{min-height:520px;border-radius:28px;padding:32px;background:linear-gradient(145deg,#0b1f38,#0a3158);border:1px solid rgba(28,200,255,.23);position:relative;overflow:hidden}.df-goal-result h3{font-size:clamp(32px,4vw,54px);margin:7px 0 12px}.df-goal-result p{color:#c4d4e4;line-height:1.7;font-size:17px}.df-goal-layout{display:grid;grid-template-columns:1fr .9fr;gap:24px;margin-top:20px}.df-goal-list{display:grid;gap:9px}.df-goal-list span{display:flex;gap:8px;align-items:flex-start;color:#dce8f4}.df-goal-list span::before{content:"✓";color:#63dcff;font-weight:900}.df-goal-example{padding:16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#cfe0ee;line-height:1.6}.df-flow{display:grid;gap:10px}.df-flow-step{padding:13px;border-radius:14px;background:#fff;color:#07111f;font-weight:850;box-shadow:0 12px 30px rgba(0,0,0,.13);position:relative}.df-flow-step:not(:last-child)::after{content:"↓";position:absolute;left:50%;bottom:-19px;color:#62d7ff;font-weight:900}.df-flow-step+ .df-flow-step{margin-top:10px}
/* benefit cards with visual */
.df-benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.df-benefit-card{border-radius:28px;background:#fff;border:1px solid var(--df-line);overflow:hidden;box-shadow:0 16px 45px rgba(7,17,31,.07)}.df-benefit-visual{min-height:230px;padding:22px;background:linear-gradient(145deg,#eef5ff,#fff);display:grid;place-items:center}.df-benefit-body{padding:25px}.df-benefit-body h3{font-size:29px;margin:0 0 10px}.df-benefit-body p,.df-benefit-body li{color:#607087;line-height:1.65}.df-benefit-body ul{padding-left:20px}.df-mini-website{width:min(360px,95%);background:#fff;border-radius:16px;box-shadow:0 18px 45px rgba(7,17,31,.15);overflow:hidden}.df-mini-website .bar{height:28px;background:#e8eef5}.df-mini-website .cover{height:105px;background:linear-gradient(135deg,#07111f,#0866ff);color:#fff;display:grid;place-items:center;font-weight:900}.df-mini-website .minirows{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px}.df-mini-website .minirows i{height:40px;background:#eaf3ff;border-radius:8px}.df-google-card{width:min(340px,95%);background:#fff;border-radius:18px;box-shadow:0 18px 45px rgba(7,17,31,.15);padding:18px}.df-google-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.df-google-actions span{background:#eef5ff;color:#0866ff;border-radius:10px;padding:10px 5px;text-align:center;font-size:11px;font-weight:900}.df-search-demo{width:min(390px,95%)}.df-search-box{background:#fff;border:1px solid #d5dee8;border-radius:999px;padding:13px 18px;box-shadow:0 12px 28px rgba(7,17,31,.1);font-weight:700}.df-search-result{margin:12px 12px 0;padding:14px;border-radius:13px;background:#fff;box-shadow:0 10px 30px rgba(7,17,31,.08)}.df-ad-demo{width:min(360px,95%);display:grid;grid-template-columns:1fr 80px;gap:12px;background:#fff;border-radius:18px;padding:14px;box-shadow:0 18px 45px rgba(7,17,31,.13)}.df-ad-image{border-radius:13px;background:linear-gradient(135deg,#07111f,#0866ff);min-height:150px}.df-ad-side{display:grid;gap:8px}.df-ad-side i{border-radius:9px;background:#eaf3ff}
/* real work */
.df-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.df-work-card{border-radius:28px;border:1px solid var(--df-line);background:#fff;overflow:hidden;box-shadow:0 22px 60px rgba(7,17,31,.09)}.df-work-media{position:relative;min-height:330px;background:#07111f;display:grid;place-items:center;overflow:hidden}.df-work-media img{width:100%;height:100%;object-fit:contain;max-height:520px}.df-work-media.contain img{padding:24px}.df-work-tag{position:absolute;left:16px;top:16px;background:#fff;color:#0866ff;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 20px rgba(0,0,0,.14)}.df-work-body{padding:24px}.df-work-body h3{font-size:32px;margin:2px 0 9px}.df-work-body p{color:#607087;line-height:1.65}.df-work-mini{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.df-work-mini span{font-size:11px;font-weight:850;background:#edf5ff;color:#0758d4;border-radius:999px;padding:7px 10px}.df-concepts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.df-concept-card{position:relative;border-radius:28px;overflow:hidden;min-height:430px;background:#07111f}.df-concept-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.df-concept-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,9,17,.95),rgba(3,9,17,.08) 65%)}.df-concept-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;color:#fff}.df-concept-copy span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#62d7ff;font-weight:900}.df-concept-copy h3{font-size:32px;margin:7px 0}.df-concept-copy p{color:#d4e0ec;line-height:1.55}
/* service finder */
.df-finder{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;border-radius:30px;background:#07111f;padding:28px;color:#fff}.df-finder input{width:100%;padding:17px 18px;border-radius:15px;border:1px solid rgba(255,255,255,.18);background:#0d223b;color:#fff;font:inherit}.df-finder input::placeholder{color:#9fb2c6}.df-finder-results{display:grid;gap:10px}.df-finder-result{display:block;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);color:#fff!important;text-decoration:none;border:1px solid rgba(255,255,255,.08)}.df-finder-result b{display:block}.df-finder-result span{display:block;color:#a9c0d4;margin-top:4px;font-size:13px}
/* pricing */
.df-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.df-price{padding:24px;border-radius:24px;border:1px solid var(--df-line);background:#fff}.df-price strong{display:block;font-size:28px;margin:10px 0 5px}.df-price p{color:#607087;line-height:1.55}
/* Services directory */
.df-service-category{margin-top:58px}.df-service-category:first-child{margin-top:0}.df-service-category h2{font-size:clamp(34px,4vw,52px);margin:8px 0 20px}.df-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.df-service-card{display:flex;flex-direction:column;border-radius:24px;background:#fff;border:1px solid var(--df-line);overflow:hidden;text-decoration:none;color:var(--df-ink)!important;transition:.25s;min-height:370px}.df-service-card:hover{transform:translateY(-6px);box-shadow:var(--df-shadow);border-color:rgba(8,102,255,.25)}.df-service-visual{min-height:180px;background:linear-gradient(145deg,#eef5ff,#fff);padding:18px;display:grid;place-items:center;overflow:hidden}.df-service-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.df-service-card h3{font-size:24px;margin:0 0 8px}.df-service-card p{color:#607087;line-height:1.55;margin:0}.df-service-card b{margin-top:auto;padding-top:16px;color:#0866ff}.df-service-card .price{font-size:12px;font-weight:900;color:#0758d4;background:#eaf3ff;display:inline-block;padding:7px 10px;border-radius:999px;margin-bottom:10px;align-self:flex-start}
/* universal service page */
.df-service-page{padding:80px 0 100px}.df-service-hero{display:grid;grid-template-columns:1fr .92fr;gap:38px;align-items:center}.df-service-hero h1{font-size:clamp(46px,6vw,78px);line-height:.95;letter-spacing:-.05em;margin:10px 0 15px}.df-service-hero p{font-size:19px;line-height:1.65;color:#53657a}.df-service-visual-large{min-height:430px;border-radius:30px;background:linear-gradient(145deg,#07111f,#0c3158);display:grid;place-items:center;padding:28px;box-shadow:var(--df-shadow);overflow:hidden}.df-service-section{margin-top:80px}.df-service-section h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.035em;margin:8px 0 16px}.df-two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.df-service-box{padding:25px;border-radius:24px;background:#f5f9ff;border:1px solid #dfe9f5}.df-service-box h3{margin:0 0 10px;font-size:25px}.df-service-box p,.df-service-box li{color:#5d6d80;line-height:1.65}.df-service-box ul{padding-left:20px}.df-example{padding:25px;border-radius:24px;background:#07111f;color:#fff}.df-example p{color:#bfd1e2;line-height:1.7}.df-included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.df-included{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--df-line)}.df-included b{display:block;margin-bottom:6px}.df-included span{color:#607087;line-height:1.5;font-size:14px}.df-service-cta{margin-top:70px;padding:34px;border-radius:30px;background:linear-gradient(135deg,#07111f,#0c3158);color:#fff}.df-service-cta h2{margin:0 0 10px}.df-service-cta p{color:#bed1e2;max-width:720px;line-height:1.65}
/* visual primitives used by service pages */
.df-vis{width:min(430px,100%)}.df-vis-phone{width:230px;border:9px solid #0c1624;border-radius:34px;background:#fff;padding:12px;box-shadow:0 24px 55px rgba(0,0,0,.28)}.df-vis-phone .screen{min-height:360px;border-radius:22px;background:#f3f7fb;overflow:hidden}.df-vis-phone .top{height:70px;background:linear-gradient(135deg,#07111f,#0866ff)}.df-vis-phone .card{margin:10px;padding:12px;background:#fff;border-radius:13px;box-shadow:0 7px 18px rgba(7,17,31,.08)}.df-vis-browser{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.3)}.df-vis-browser .bar{height:34px;background:#e9eef4}.df-vis-browser .cover{height:170px;background:linear-gradient(135deg,#07111f,#0866ff);color:#fff;padding:22px;display:flex;align-items:end;font-size:26px;font-weight:900}.df-vis-browser .rows{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:13px}.df-vis-browser .rows i{height:66px;border-radius:11px;background:#edf4ff}.df-vis-logo-board{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.df-vis-logo-main{min-height:230px;background:#fff;border-radius:20px;display:grid;place-items:center;font-size:32px;font-weight:900;color:#0d3f8b}.df-vis-logo-stack{display:grid;gap:10px}.df-vis-logo-stack i{border-radius:15px;background:linear-gradient(135deg,#fff,#dceaff)}.df-vis-doc{background:#fff;border-radius:18px;padding:20px;box-shadow:0 24px 60px rgba(0,0,0,.25)}.df-vis-doc .cover{height:170px;border-radius:14px;background:linear-gradient(135deg,#07111f,#0866ff);color:#fff;padding:20px;display:flex;align-items:end;font-size:24px;font-weight:900}.df-vis-doc .lines{padding:14px 0;display:grid;gap:8px}.df-vis-doc .lines i{height:10px;border-radius:999px;background:#e2ebf4}.df-vis-cardflip{background:linear-gradient(135deg,#07111f,#0866ff);border-radius:18px;padding:25px;color:#fff;min-height:210px;box-shadow:0 24px 60px rgba(0,0,0,.25);transform:rotate(-3deg);display:flex;flex-direction:column;justify-content:space-between}.df-vis-cardflip b{font-size:25px}.df-vis-ad{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.25)}.df-vis-ad .image{height:200px;background:linear-gradient(135deg,#07111f,#0866ff);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:900}.df-vis-ad .copy{padding:16px;color:#07111f}.df-vis-timeline{background:#111d2c;border-radius:20px;padding:18px;color:#fff}.df-vis-timeline .preview{height:180px;border-radius:14px;background:linear-gradient(135deg,#07111f,#0866ff);display:grid;place-items:center;font-size:22px;font-weight:900}.df-vis-timeline .track{height:18px;border-radius:6px;margin-top:10px;background:linear-gradient(90deg,#0866ff 0 55%,#1cc8ff 55% 78%,#3e5268 78%)}.df-vis-map{background:#eef4f8;border-radius:20px;min-height:330px;position:relative;overflow:hidden}.df-vis-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(25deg,transparent 47%,#d6e0e8 48%,#d6e0e8 52%,transparent 53%),linear-gradient(-25deg,transparent 47%,#d6e0e8 48%,#d6e0e8 52%,transparent 53%);background-size:100px 100px}.df-vis-pin{position:absolute;left:50%;top:45%;width:62px;height:62px;border-radius:50% 50% 50% 0;background:#0866ff;transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 12px 35px rgba(8,102,255,.35)}.df-vis-pin::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;left:20px;top:20px}.df-vis-search{background:#fff;border-radius:18px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.25)}.df-vis-search .query{border:1px solid #d9e1ea;border-radius:999px;padding:13px 16px;color:#07111f}.df-vis-search .result{margin-top:12px;padding:12px;border-radius:12px;background:#f5f8fb;color:#07111f}.df-vis-search .result b{color:#1b5ec9}.df-vis-checkout{background:#fff;border-radius:18px;padding:16px;box-shadow:0 24px 60px rgba(0,0,0,.25);color:#07111f}.df-vis-product{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center}.df-vis-product .pic{height:90px;border-radius:13px;background:linear-gradient(135deg,#d8e7ff,#fff)}.df-vis-checkout button{width:100%;border:0;border-radius:12px;padding:12px;background:#0866ff;color:#fff;font-weight:900;margin-top:12px}.df-vis-chat{background:#fff;border-radius:18px;padding:16px;box-shadow:0 24px 60px rgba(0,0,0,.25);color:#07111f}.df-vis-chat .msg{max-width:82%;padding:10px 12px;border-radius:14px;background:#edf3f8;margin:7px 0}.df-vis-chat .msg.me{margin-left:auto;background:#dceaff}.df-vis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.df-vis-grid i{height:120px;border-radius:14px;background:linear-gradient(135deg,#dceaff,#fff)}
/* chat enquiry */
.df-chat-shell{max-width:900px;margin:auto;padding:80px 20px 110px}.df-chat-card{border:1px solid var(--df-line);border-radius:30px;background:#fff;box-shadow:var(--df-shadow);overflow:hidden}.df-chat-head{background:linear-gradient(135deg,#07111f,#0c3158);color:#fff;padding:25px}.df-chat-head p{color:#bcd0e2}.df-chat-body{padding:24px}.df-chat-step{display:none}.df-chat-step.active{display:block}.df-chat-bubble{display:inline-block;max-width:780px;padding:15px 17px;border-radius:18px 18px 18px 5px;background:#eef5ff;color:#07111f;font-weight:700;line-height:1.5;margin-bottom:18px}.df-chat-options{display:flex;flex-wrap:wrap;gap:10px}.df-chat-option{border:1px solid #c8d5e5;border-radius:999px;background:#fff;padding:11px 15px;font:inherit;font-weight:800;color:#164c96;cursor:pointer}.df-chat-option:hover,.df-chat-option.selected{background:#0866ff;color:#fff;border-color:#0866ff}.df-chat-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.df-chat-fields label{display:grid;gap:7px;font-weight:800}.df-chat-fields input,.df-chat-fields select,.df-chat-fields textarea{padding:13px;border:1px solid #cbd7e3;border-radius:13px;font:inherit}.df-chat-fields textarea{min-height:120px}.df-chat-full{grid-column:1/-1}.df-chat-nav{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.df-status{padding:13px 15px;border-radius:13px;background:#eef7ff;margin-top:15px;display:none}.df-status.show{display:block}
/* admin */
.df-admin{min-height:100vh;background:#eef3f8}.df-admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.df-admin-side{background:#07111f;color:#fff;padding:24px;position:sticky;top:0;height:100vh}.df-admin-side img{width:180px;border-radius:12px}.df-admin-main{padding:30px}.df-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.df-stat{background:#fff;border-radius:20px;padding:20px;border:1px solid #dce5ee}.df-stat strong{font-size:32px;display:block}.df-lead-table{margin-top:20px;background:#fff;border-radius:20px;overflow:auto;border:1px solid #dce5ee}.df-lead-table table{width:100%;border-collapse:collapse;min-width:850px}.df-lead-table th,.df-lead-table td{padding:13px 14px;text-align:left;border-bottom:1px solid #e8eef4;font-size:13px}.df-admin-login{max-width:460px;margin:120px auto;background:#fff;padding:28px;border-radius:24px;border:1px solid #dce5ee}.df-admin-login input{width:100%;padding:13px;border:1px solid #cbd7e3;border-radius:12px;margin:10px 0}
@media(max-width:980px){.df-heading,.df-hero-grid,.df-preview-shell,.df-goal-shell,.df-service-hero,.df-finder{grid-template-columns:1fr}.df-stage{min-height:520px}.df-benefit-grid,.df-work-grid,.df-concepts,.df-two-col{grid-template-columns:1fr}.df-service-grid{grid-template-columns:1fr 1fr}.df-price-grid{grid-template-columns:1fr 1fr}.df-goal-layout{grid-template-columns:1fr}.df-admin-shell{grid-template-columns:1fr}.df-admin-side{position:relative;height:auto}.df-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.df-wrap{width:min(100% - 28px,1180px)}.df-section{padding:72px 0}.df-hero-grid{min-height:auto;padding-top:60px}.df-hero h1{font-size:clamp(46px,15vw,72px)}.df-stage{min-height:430px}.df-stage-main{inset:28px 0 30px;transform:none}.df-float-card{display:none}.df-preview-grid{grid-template-columns:1fr}.df-mock-web{grid-row:auto}.df-service-grid,.df-price-grid,.df-included-grid,.df-chat-fields,.df-admin-grid{grid-template-columns:1fr}.df-work-media{min-height:250px}.df-heading{gap:10px}.df-entry-logo{width:270px}.df-service-hero h1{font-size:44px}.df-service-visual-large{min-height:330px}.df-chat-full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.df-entry{display:none!important}}