/* Digify4u · Dimensional design system. All effects are native CSS/JS. */
:root{--premium-ink:#211434;--premium-purple:#7840c6;--premium-violet:#a97bf3;--premium-line:rgba(89,52,135,.11);--premium-ease:cubic-bezier(.2,.8,.2,1)}
.premium-site{background:#faf9fd;color:var(--premium-ink)}.premium-site>div{background:transparent}.premium-site .text-gradient{background-image:linear-gradient(105deg,#6830ac 0%,#9462db 55%,#b581f3 100%)}.premium-site .text-gradient-soft{background-image:linear-gradient(130deg,#211434,#533b6c)}
.premium-site header{padding-top:20px}.premium-site header>.container>div{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);box-shadow:0 6px 25px #31164408,0 1px 0 #65408b0c;backdrop-filter:blur(24px);padding:10px 22px}.premium-site header img{height:49px}.premium-site header nav a,.premium-site header nav button{font-size:13px}.premium-site [data-mega]>.glass-strong{border:1px solid #e8def5;box-shadow:0 30px 80px #29114324;background:rgba(255,255,255,.97)}
.premium-site .bg-gradient-brand{background:linear-gradient(125deg,#6530ad,#9158db 65%,#ad7beb);box-shadow:0 6px 16px #7840c629,inset 0 1px 0 #ffffff47}.premium-site button{transition:transform .3s var(--premium-ease),box-shadow .3s,background .3s}.premium-site button.bg-gradient-brand:hover{transform:translateY(-3px);box-shadow:0 13px 28px #7840c63b}.premium-site button:focus-visible,.premium-site a:focus-visible{outline:3px solid #b087e7;outline-offset:5px}.premium-site .shadow-glow{box-shadow:0 10px 28px #7840c624}
.premium-section{isolation:isolate}.premium-section:not(.premium-home){padding-top:75px;padding-bottom:75px}.premium-section:nth-of-type(even){background:linear-gradient(180deg,#f3effa66,#faf9fd00)}.premium-section h2{letter-spacing:-.045em;line-height:1.12}.premium-section p{line-height:1.8}.premium-surface{background:linear-gradient(145deg,#fffefef5,#f7f3fcdd);border:1px solid #fff;box-shadow:0 2px 4px #29114303,0 10px 35px #44206406,inset 0 0 0 1px #7840c60a;backdrop-filter:blur(16px);transition:box-shadow .45s var(--premium-ease),border-color .45s,transform .4s var(--premium-ease)}.premium-surface:hover{border-color:#d9c5f3;box-shadow:0 4px 8px #29114304,0 22px 50px #44206412}.premium-site [data-depth-card]{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));position:relative;transform-style:preserve-3d}.premium-site [data-depth-card]:hover{--lift:-5px}.premium-site [data-depth-card]::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(450px circle at var(--shine-x,50%) var(--shine-y,0%),#ffffff80,transparent 60%);opacity:0;transition:opacity .4s}.premium-site [data-depth-card]:hover::after{opacity:1}.premium-site .premium-project{box-shadow:0 20px 45px #29114312;transform:translateZ(0);transition:transform .5s,box-shadow .5s}.premium-site .premium-project:hover{transform:translateY(-7px);box-shadow:0 28px 55px #29114322}
.premium-home{min-height:auto;padding-top:175px;padding-bottom:64px;background:radial-gradient(ellipse at 82% 28%,#e4d8fa 0,transparent 50%),radial-gradient(ellipse at 0% 0%,#f0e9fb 0,transparent 45%),#faf9fd;overflow:hidden}.premium-home>.animate-blob{opacity:.28}.premium-home>.grid-lines{opacity:.1;mask-image:linear-gradient(#000,transparent)}.premium-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:30px;align-items:center}.premium-hero-copy{position:relative;z-index:2;text-align:left}.premium-hero-copy h1{font-size:clamp(50px,4.8vw,74px);line-height:1.065;letter-spacing:-.06em;filter:none;--tw-drop-shadow:none}.premium-hero-copy h1>br{display:none}.premium-hero-copy h1>span{display:inline}.premium-hero-copy h1>span:last-child{display:inline-block}.premium-hero-copy h1 svg{opacity:.55;bottom:-8px}.premium-hero-copy p{font-size:16px;max-width:500px;margin-left:0;margin-top:28px;color:#6b6077}.premium-hero-copy>div:first-child>div{background:#fff9;border:1px solid #e6d9f6;color:#71588c;font-size:10px;letter-spacing:.02em;padding:9px 12px;box-shadow:0 3px 10px #29114304}.premium-hero-copy .justify-center{justify-content:flex-start}.premium-hero-copy button{font-size:13px;height:52px;padding-left:24px;padding-right:24px}.premium-hero-stats{margin-top:74px}.premium-hero-stats>div{margin:0;max-width:none}.premium-hero-stats .glass-strong{padding:28px 34px;border-radius:22px;background:#ffffff9c;box-shadow:0 12px 40px #44206407}.premium-hero-stats .glass-strong>.absolute{display:none}.premium-hero-stats .grid>div{padding-left:24px;border-left:1px solid #e6ddec}.premium-hero-stats .grid>div:first-child{padding-left:0;border-left:0}.premium-hero-stats .font-bold{font-size:36px;letter-spacing:-.04em}.premium-hero-stats .text-sm{font-size:12px;color:#82758d}
.dimension-scene{height:490px;position:relative;perspective:1300px;contain:layout;user-select:none}.scene-halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse,#d9c3f670,#e8ddfb55 40%,transparent 68%);filter:blur(20px)}.scene-orbit{position:absolute;left:6%;top:12%;width:94%;height:72%;border:1px solid #b79bd640;border-radius:50%;transform:rotate(-30deg)}.orbit-two{left:3%;top:10%;width:100%;height:78%;transform:rotate(31deg);border-style:dashed;opacity:.55}.scene-floor{position:absolute;left:6%;right:0;bottom:3%;height:70px;border-radius:50%;background:radial-gradient(ellipse,#6941982e,transparent 70%);filter:blur(12px);transform:rotate(-10deg)}.scene-composition{position:absolute;inset:35px 0 20px;transform-style:preserve-3d;transform:rotateX(var(--scene-x,7deg)) rotateY(var(--scene-y,-13deg)) rotateZ(-5deg);transition:transform 1s var(--premium-ease);animation:scene-drift 8s ease-in-out infinite}.scene-browser{position:absolute;left:5%;top:50px;width:90%;height:310px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #fff;box-shadow:1px 2px 0 #c9b9dd,3px 5px 0 #ddcdef,7px 10px 0 #c8b3e0,14px 28px 55px #51258330;transform:translateZ(40px)}.browser-chrome{height:32px;display:flex;align-items:center;gap:4px;background:#f6f3fa;padding:0 13px;border-bottom:1px solid #eee6f6}.browser-chrome>span{width:6px;height:6px;border-radius:50%;background:#d8c9e9}.browser-chrome>span:first-child{background:#dca1ba}.browser-chrome>span:nth-child(2){background:#e7ce9d}.browser-chrome>span:nth-child(3){background:#aecdbd}.browser-chrome i{font:8px 'Manrope',sans-serif;background:#fff;border:1px solid #eee7f6;border-radius:4px;padding:3px;width:58%;margin:auto;text-align:center;color:#9b8bac}.browser-chrome>b{font-size:12px;color:#8c72a8}.browser-canvas{padding:16px 22px;background:radial-gradient(ellipse at 75% 30%,#f0e7fc,transparent 65%)}.mock-nav{display:flex;align-items:center;justify-content:space-between}.mock-nav img{height:24px;width:auto}.mock-nav>div{display:flex;gap:10px}.mock-nav span{width:20px;height:3px;display:block;background:#d7ccdf;border-radius:5px}.mock-nav em{width:42px;height:14px;border-radius:15px;background:linear-gradient(120deg,#6835ae,#ab7be5)}.mock-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;height:147px}.mock-lines>span{display:block;width:90%;height:13px;border-radius:4px;background:#432060;margin-bottom:8px}.mock-lines>span:nth-child(3){width:77%;background:linear-gradient(90deg,#7b3cc3,#bb94ee)}.mock-lines>span:nth-child(4){width:65%;height:5px;background:#d9cde6;margin-top:15px}.mock-lines>.mock-label{width:50%;height:4px;background:#b79cd4;margin-bottom:13px}.mock-lines>div{display:flex;gap:7px;margin-top:13px}.mock-lines i,.mock-lines b{width:49px;height:17px;border-radius:12px;background:#8852c4}.mock-lines b{background:transparent;border:1px solid #d9cbea;width:42px}.sculpture{position:relative;width:100%;height:135px;transform:rotate(-15deg)}.sculpture-ring{position:absolute;border-radius:50%;width:110px;height:110px;left:30%;top:10%;border:21px solid #9c6cdb;box-shadow:inset 7px 9px 15px #48207c66,inset -8px -9px 12px #fff9,8px 12px 20px #6d3aa136;background:transparent}.ring-front{transform:rotateY(-34deg) rotateX(20deg);background:linear-gradient(140deg,#d2b2f7,#7b49b6)}.ring-side{transform:rotateY(65deg) rotateZ(40deg);border-color:#c6a9f1;left:13%;top:13%}.sculpture-core{position:absolute;left:48%;top:42%;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 28% 20%,#ffffff,#e4dcfa 35%,#9d75c4);box-shadow:5px 9px 15px #48207c26}.sculpture-spark{position:absolute;left:10%;top:8%;width:16px;height:16px;background:linear-gradient(130deg,#f0d8ff,#a57cdb);clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%)}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-cards>div{border:1px solid #eee5f5;background:#fff8;border-radius:9px;padding:10px;box-shadow:0 3px 7px #7840c608}.mock-cards i{display:block;font-style:normal;color:#8c5cc4;font-size:16px}.mock-cards span,.mock-cards b{display:block;height:4px;background:#d9cbe6;width:70%;margin-top:7px;border-radius:3px}.mock-cards b{width:90%;background:#ece5f3;height:3px;margin-top:4px}.scene-sheet{position:absolute;left:10%;top:40px;width:83%;height:302px;border:1px solid #ffffffd9;border-radius:18px;background:linear-gradient(125deg,#fff9,#ac81df2b);box-shadow:0 15px 25px #48207c0a}.sheet-back{transform:translateZ(-70px) translate(15px,-37px) rotate(5deg)}.sheet-middle{transform:translateZ(-20px) translate(6px,-18px) rotate(2deg)}.scene-widget{position:absolute;border:1px solid #fff;border-radius:16px;background:linear-gradient(135deg,#ffffffef,#eee4fae8);box-shadow:0 15px 30px #48207c20,inset 0 0 0 1px #fff8;backdrop-filter:blur(15px);transform:translateZ(85px);display:flex;align-items:center;padding:14px;gap:12px}.widget-code{left:-2%;top:80px;width:123px;height:65px}.scene-widget>span{color:#8b4aca;font-size:25px}.widget-code>div{flex:1}.widget-code i,.widget-code b{display:block;background:#bfa0e4;width:100%;height:4px;border-radius:5px;margin-bottom:5px}.widget-code b{width:70%;background:#e0d0ee}.widget-chart{right:-1%;bottom:22px;height:110px;width:143px;flex-direction:column;gap:6px;align-items:flex-start}.widget-chart>span{font-size:21px;line-height:1}.chart-bars{display:flex;width:100%;gap:7px;align-items:flex-end;height:49px;border-bottom:1px solid #e0d0ee}.chart-bars i{flex:1;height:30%;background:linear-gradient(#b388e8,#7c42bd);border-radius:4px 4px 0 0}.chart-bars i:nth-child(2){height:49%}.chart-bars i:nth-child(3){height:42%}.chart-bars i:nth-child(4){height:75%}.chart-bars i:nth-child(5){height:100%}.scene-sphere{position:absolute;left:7%;bottom:6px;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 28% 23%,#f8f1ff,#c297eb 38%,#7133ad 75%,#462078);box-shadow:0 16px 23px #6830ac29;transform:translateZ(95px)}.scene-cube{position:absolute;right:0;top:11px;width:63px;height:63px;background:linear-gradient(130deg,#e5d5f7,#c0a0e6);border-radius:16px;transform:translateZ(90px) rotate(15deg);box-shadow:3px 5px 0 #ae86d6,7px 12px 22px #48207c25;display:grid;place-items:center}.scene-cube span{font-size:40px;color:#fff;text-shadow:1px 3px 0 #9766c8}.scene-caption{position:absolute;bottom:0;left:25%;font-size:9px;letter-spacing:3px;color:#9178a8;display:flex;gap:9px;align-items:center}.scene-caption>span{width:5px;height:5px;border-radius:50%;background:#ad83d5}
.premium-site footer{background:linear-gradient(165deg,#f0ebf8,#f9f7fc);border-top:1px solid #e8def3}.premium-site footer a:hover{color:#7840c6}.premium-site main input,.premium-site main textarea,.premium-site main select{background:#ffffffb3;box-shadow:inset 0 2px 5px #44206404;border-color:#e4d9ee}.premium-site main input:focus,.premium-site main textarea:focus,.premium-site main select:focus{outline:0;border-color:#aa80dc;box-shadow:0 0 0 4px #aa80dc14}.premium-site .cursor-dot{background:#8655c4;mix-blend-mode:normal;width:5px;height:5px}.premium-site .cursor-ring{mix-blend-mode:normal;border-color:#bfa5dd66;width:30px;height:30px}.premium-site .cursor-ring.hover{width:48px;height:48px}.premium-site .scroll-progress{height:2px}.premium-site [data-reveal-section].reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .8s var(--premium-ease),transform .8s var(--premium-ease)}.premium-site [data-reveal-section].reveal-ready.is-visible{opacity:1;transform:none}
@keyframes scene-drift{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(min-width:1500px){.premium-home{padding-top:190px}.dimension-scene{height:540px}.scene-browser{height:330px}.browser-canvas{padding:20px 26px}.mock-content{height:160px}}
@media(max-width:1100px){.premium-hero-grid{gap:10px}.dimension-scene{height:420px}.scene-browser{height:280px;top:45px}.browser-canvas{padding:15px}.mock-content{height:130px}.mock-cards>div{padding:8px}.scene-sheet{height:274px}.premium-hero-copy h1{font-size:54px}.scene-widget{scale:.85}.widget-code{left:-6%}.scene-caption{left:16%}.premium-home{padding-top:150px}}
@media(max-width:800px){.premium-home{padding-top:135px;padding-bottom:40px}.premium-hero-grid{grid-template-columns:1fr;gap:0}.premium-hero-copy{max-width:620px;text-align:center;margin:auto}.premium-hero-copy h1{font-size:clamp(43px,8vw,64px);letter-spacing:-.055em}.premium-hero-copy p{margin-left:auto;margin-right:auto;font-size:15px}.premium-hero-copy .justify-center{justify-content:center}.premium-hero-copy button{font-size:12px}.dimension-scene{width:100%;max-width:540px;margin:10px auto 0;height:410px}.premium-hero-stats{margin-top:18px}.premium-hero-stats .glass-strong{padding:24px}.premium-hero-stats .grid{gap:25px}.premium-hero-stats .grid>div:nth-child(3){border-left:0;padding-left:0}.premium-hero-stats .font-bold{font-size:30px}.premium-hero-stats .text-sm{font-size:11px}.premium-section:not(.premium-home){padding-top:50px;padding-bottom:50px}.premium-site header{padding-top:14px}.premium-site header>.container>div{padding:8px 14px}.premium-site header img{height:42px}.premium-site header>.container{padding-left:16px;padding-right:16px}.scene-caption{left:23%}.premium-site [data-depth-card]{transform:none!important}.premium-site [data-mobile]{background:#fcfafff5}.premium-site .cursor-dot,.premium-site .cursor-ring{display:none}}
@media(max-width:430px){.dimension-scene{height:340px}.scene-browser{height:237px;top:30px}.browser-chrome{height:25px}.browser-canvas{padding:12px}.mock-nav img{height:18px}.mock-content{height:111px}.mock-lines>span{height:10px;margin-bottom:6px}.mock-lines>.mock-label{height:3px}.mock-lines>span:nth-child(4){height:4px;margin-top:10px}.mock-lines>div{margin-top:9px}.mock-lines i,.mock-lines b{height:14px}.mock-cards{gap:5px}.mock-cards>div{padding:6px}.mock-cards i{font-size:12px}.mock-cards span{margin-top:4px;height:3px}.sculpture{scale:.77;transform-origin:center}.scene-sheet{height:230px;top:30px}.scene-widget{scale:.7}.widget-code{top:48px;left:-9%}.widget-chart{bottom:2px;right:-7%}.scene-sphere{width:46px;height:46px;left:4%;bottom:8px}.scene-cube{scale:.75;top:-2px;right:-5%}.scene-caption{font-size:7px;letter-spacing:2px;left:18%;bottom:-8px}.premium-hero-copy>div:first-child>div{font-size:8px}.premium-hero-copy p{font-size:14px}.premium-hero-copy .mt-10{margin-top:26px}.premium-hero-copy .flex-col{flex-direction:row;gap:9px;flex-wrap:wrap}.premium-hero-copy button{padding-left:16px;padding-right:16px;height:47px}.premium-home .container{padding-left:22px;padding-right:22px}.premium-hero-stats .glass-strong{padding:22px}.premium-hero-stats .grid>div{padding-left:15px}.premium-hero-stats .font-bold{font-size:27px}.premium-hero-stats .text-sm{font-size:10px}}
@media(prefers-reduced-motion:reduce){.premium-site *, .premium-site *::before,.premium-site *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene-composition{transform:rotateX(7deg) rotateY(-13deg) rotateZ(-5deg)}.premium-site [data-reveal-section].reveal-ready{opacity:1;transform:none}}
/* Real 3D edition: native WebGL plus a true six-face CSS cube fallback. */
.hero-webgl{position:absolute;inset:-8% -10%;width:120%;height:116%;z-index:3;display:none;pointer-events:none}.webgl-ready .hero-webgl{display:block}.webgl-ready .scene-composition{display:none}.webgl-ready .scene-floor{opacity:.5}.webgl-ready .scene-halo{background:radial-gradient(ellipse,#d9bafa8c,transparent 68%)}.webgl-ready .scene-orbit{opacity:.4}.dimension-scene{touch-action:pan-y}.solid-cube{position:absolute;right:5%;top:10%;width:64px;height:64px;perspective:700px;z-index:4}.solid-cube-spin{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:real-cube-spin 14s linear infinite}.cube-face{position:absolute;inset:0;display:grid;place-items:center;font-size:35px;color:#ffffffd9;border:1px solid #fff7;background:linear-gradient(145deg,#d6b4fb,#8a4dc2);box-shadow:inset 0 0 15px #ffffff3b;backface-visibility:hidden}.cube-front{transform:translateZ(32px)}.cube-back{transform:rotateY(180deg) translateZ(32px);background:#8250b6}.cube-right{transform:rotateY(90deg) translateZ(32px);background:linear-gradient(#aa79d7,#6d39aa)}.cube-left{transform:rotateY(-90deg) translateZ(32px);background:#c6a0ec}.cube-top{transform:rotateX(90deg) translateZ(32px);background:#e6d0ff}.cube-bottom{transform:rotateX(-90deg) translateZ(32px);background:#6d39aa}.webgl-ready .solid-cube{display:none}.premium-site [data-depth-card]{perspective:1000px;transform-style:preserve-3d}.premium-site [data-depth-card]>:not(.absolute){transform:translateZ(24px)}.premium-site [data-depth-card]:hover{--lift:-9px;box-shadow:0 30px 55px #53237a26}.premium-site [data-depth-card] .lucide{filter:drop-shadow(0 5px 4px #7840c624)}
@keyframes real-cube-spin{from{transform:rotateX(-18deg) rotateY(0) rotateZ(-10deg)}to{transform:rotateX(342deg) rotateY(360deg) rotateZ(-10deg)}}
@media(max-width:800px){.hero-webgl{inset:-5% -8%;width:116%;height:110%}.solid-cube{scale:.7;top:8%;right:7%}.premium-site [data-depth-card]>:not(.absolute){transform:none}}
@media(prefers-reduced-motion:reduce){.solid-cube-spin{animation:none;transform:rotateX(-18deg) rotateY(30deg) rotateZ(-10deg)}}