/* =========================================================
   WEBCENTER / WEBSITES — manifesto + creative systems
   ========================================================= */
.websites-page{background:#f4f1eb;color:#08162d}
.websites-page .site-header{background:rgba(5,14,29,.72);border-bottom:1px solid rgba(255,255,255,.08)}
.websites-page .desktop-nav a{color:rgba(255,255,255,.68)}
.websites-page .desktop-nav a.active,.websites-page .desktop-nav a:hover{color:#fff}
.websites-page .langs a{color:rgba(255,255,255,.45)}
.websites-page .langs a.active{color:#fff}
.websites-page .menu-toggle span{background:#fff}

/* HERO */
.ws-hero{
  position:relative;overflow:hidden;min-height:980px;padding:165px 0 44px;color:#fff;
  background:
    radial-gradient(circle at 78% 20%,rgba(40,155,255,.22),transparent 23%),
    radial-gradient(circle at 30% 82%,rgba(113,73,255,.20),transparent 28%),
    linear-gradient(145deg,#050d1b,#08172e 54%,#0b2442);
}
.ws-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}
.ws-hero-orb{position:absolute;border-radius:50%;filter:blur(75px);opacity:.46}
.orb-a{width:380px;height:380px;background:#168cff;right:2%;top:5%}.orb-b{width:280px;height:280px;background:#8459ff;left:27%;bottom:2%}.orb-c{width:220px;height:220px;background:#ff8f62;right:31%;bottom:-7%;opacity:.22}
.ws-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(470px,.94fr);gap:65px;align-items:center}
.ws-hero-copy h1{margin:20px 0 25px;font-size:clamp(3.9rem,6.3vw,7.1rem);line-height:.86;letter-spacing:-.067em;font-weight:950}
.ws-hero-copy h1 em{display:block;margin-top:.12em;font-style:normal;font-size:.56em;line-height:1.02;letter-spacing:-.045em;background:linear-gradient(90deg,#5ac6ff,#748aff 56%,#cb85ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.ws-hero-copy>p{max-width:680px;margin:0;color:rgba(235,243,252,.70);font-size:1.08rem;line-height:1.72}
.ws-hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}

/* HERO SCULPTURE */
.ws-sculpture{position:relative;height:610px;perspective:1200px}
.ws-screen{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 34px 90px rgba(0,0,0,.30);backdrop-filter:blur(14px);transition:translate .15s ease}
.ws-screen-main{width:470px;height:520px;left:0;top:26px;border-radius:32px;background:linear-gradient(145deg,rgba(7,17,35,.96),rgba(12,33,62,.92));transform:rotate(-4deg)}
.ws-screen-top{height:44px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.08)}
.ws-screen-top i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.28)}
.ws-screen-top span{margin-left:7px;font-size:9px;letter-spacing:.13em;color:rgba(255,255,255,.42);font-weight:800}
.ws-screen-content{padding:70px 45px}.ws-screen-content small{font-size:10px;letter-spacing:.17em;color:#7dcbff;font-weight:900}.ws-screen-content strong{display:block;margin:15px 0 22px;font-size:62px;line-height:.82;letter-spacing:-.065em}.ws-screen-content strong em{font-style:normal;color:#55baff}.ws-screen-content p{font-size:11px;color:rgba(255,255,255,.52);letter-spacing:.08em}.ws-screen-line{height:1px;background:linear-gradient(90deg,#168cff,transparent);margin:25px 0}
.ws-screen-color{width:235px;height:265px;right:0;top:0;border-radius:28px;padding:29px;background:radial-gradient(circle at 75% 25%,#ffc578 0 13%,transparent 34%),linear-gradient(145deg,#ff634d,#a24fff 58%,#2d69ef);transform:rotate(7deg);z-index:4}
.ws-screen-color small,.ws-screen-light small,.ws-screen-tech small{font-size:9px;letter-spacing:.14em;font-weight:900;color:rgba(255,255,255,.70)}.ws-screen-color strong{position:absolute;bottom:27px;left:27px;font-size:38px;line-height:.88;letter-spacing:-.05em}
.ws-screen-light{width:255px;height:220px;right:10px;bottom:21px;border-radius:28px;padding:29px;background:#f7fbff;color:#0b1d34;transform:rotate(5deg);z-index:3}.ws-screen-light small{color:#6d7990}.ws-screen-light strong{position:absolute;bottom:27px;left:27px;font-size:29px;line-height:.92;letter-spacing:-.045em}
.ws-screen-tech{width:245px;height:170px;left:86px;bottom:-4px;border-radius:25px;padding:24px;background:rgba(7,18,36,.92);z-index:5;transform:rotate(-7deg)}.ws-screen-tech>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.ws-screen-tech span{padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:9px;font-size:8px;letter-spacing:.09em;color:#93cfff}
.ws-orbit-ring{position:absolute;width:260px;height:260px;border-radius:50%;right:64px;top:160px;border:1px solid rgba(96,190,255,.18);box-shadow:0 0 90px rgba(67,163,255,.08),inset 0 0 55px rgba(67,163,255,.05)}
.ws-ticker{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:68px;padding-top:25px;border-top:1px solid rgba(255,255,255,.10);font-size:10px;letter-spacing:.14em;font-weight:900;color:rgba(255,255,255,.50)}.ws-ticker i{font-style:normal;color:#61c7ff}

/* THINK */
.ws-think{padding:120px 0 110px;background:#f4f1eb}.ws-think-grid{display:grid;grid-template-columns:1fr .85fr;gap:95px}.ws-think h2{margin:14px 0 0;font-size:clamp(3.2rem,5vw,5.6rem);line-height:.92;letter-spacing:-.06em}.ws-think h2 em{font-style:normal;color:#168cff}.ws-think-copy{padding-top:32px}.ws-think-copy>strong{display:block;margin-bottom:22px;font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.17;letter-spacing:-.035em}.ws-think-copy p{color:#687283;line-height:1.76;margin:0 0 18px}.ws-think-copy blockquote{margin:28px 0 0;padding:4px 0 4px 22px;border-left:3px solid #168cff;color:#0b1930;font-weight:800;line-height:1.55}
.ws-process{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:75px;padding:27px 0;border-top:1px solid #ccd2db;border-bottom:1px solid #ccd2db}.ws-process span{font-size:10px;font-weight:900;letter-spacing:.13em}.ws-process i{font-style:normal;color:#168cff}

/* CREATIVE LAB */
.ws-limits{padding:125px 0;color:#fff;background:radial-gradient(circle at 85% 16%,rgba(81,158,255,.18),transparent 25%),linear-gradient(145deg,#050c18,#0c1d35)}.ws-limits-head{display:grid;grid-template-columns:.55fr 1.1fr .85fr;gap:50px;align-items:end}.ws-limits-head h2{margin:0;font-size:clamp(4rem,6.3vw,7rem);line-height:.82;letter-spacing:-.066em}.ws-limits-head h2 em{font-style:normal;color:#57bdff}.ws-limits-head p{margin:0;color:rgba(255,255,255,.60);line-height:1.7}
.ws-limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:68px}.ws-style-card{position:relative;min-height:310px;padding:26px;border-radius:27px;overflow:hidden;border:1px solid rgba(255,255,255,.11);box-shadow:0 20px 50px rgba(0,0,0,.13);transition:transform .22s ease}.ws-style-card small{font-size:9px;font-weight:900;letter-spacing:.13em;opacity:.70}.ws-style-card h3{position:absolute;left:25px;bottom:66px;margin:0;font-size:clamp(2.5rem,4vw,4.1rem);letter-spacing:-.055em;line-height:.9}.ws-style-card p{position:absolute;left:25px;bottom:24px;margin:0;font-size:.86rem;opacity:.70}.ws-style-card>b{position:absolute;right:22px;top:20px;font-size:12px;opacity:.5}
.style-bold{background:radial-gradient(circle at 75% 25%,#ffbb6f 0 13%,transparent 35%),linear-gradient(145deg,#141414,#5a2f13 58%,#174f75)}
.style-refined{color:#143043;background:radial-gradient(circle at 73% 25%,#76e9c8 0 12%,transparent 34%),linear-gradient(145deg,#eaf8f4,#d6ece6)}
.style-human{background:radial-gradient(circle at 70% 25%,#ffd978 0 12%,transparent 34%),linear-gradient(145deg,#ff6f90,#a953ff 58%,#3b64e6)}
.style-editorial{color:#10242c;background:linear-gradient(145deg,#eef8f6,#d8ebe8)}.style-editorial:after{content:"Aa";position:absolute;right:24px;top:36px;font-size:115px;line-height:1;font-family:Georgia,serif;color:rgba(9,54,60,.09)}
.style-technical{background:radial-gradient(circle at 75% 28%,rgba(50,149,255,.5),transparent 22%),linear-gradient(145deg,#06111e,#102d4e)}
.style-luxury{background:radial-gradient(circle at 72% 25%,rgba(221,180,109,.33),transparent 23%),linear-gradient(145deg,#0a0a0b,#26221e)}

/* TRINITY */
.ws-trinity{padding:125px 0;background:#f4f1eb}.ws-trinity-head{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end}.ws-trinity-head h2{margin:14px 0 0;font-size:clamp(3.6rem,5.5vw,6rem);line-height:.88;letter-spacing:-.062em}.ws-trinity-head h2 em{font-style:normal;color:#168cff}.ws-trinity-head p{margin:0;color:#6b7485;line-height:1.72}
.ws-trinity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px}.ws-trinity-card{position:relative;min-height:470px;padding:29px;border-radius:28px;background:#fff;border:1px solid #dde1e6;box-shadow:0 20px 55px rgba(9,22,40,.06);overflow:hidden}.ws-trinity-card>span{font-size:11px;font-weight:900;color:#9aa2ae}.ws-trinity-card>small{display:block;margin-top:50px;font-size:9px;font-weight:900;letter-spacing:.16em;color:#168cff}.ws-trinity-card h3{font-size:clamp(2.2rem,3vw,3.5rem);letter-spacing:-.052em;margin:11px 0 17px}.ws-trinity-card p{color:#687282;line-height:1.65}
.ws-word-cloud{position:absolute;left:29px;right:29px;bottom:26px;height:140px}.ws-word-cloud>*{position:absolute;font-style:normal}.ws-word-cloud b{font-size:42px;left:0;bottom:8px}.ws-word-cloud i{font-size:19px;right:7px;top:9px;color:#168cff}.ws-word-cloud em{font-size:17px;right:34px;bottom:14px;color:#8c55e8}.ws-word-cloud strong{font-size:23px;left:18px;top:9px;color:#77808e}
.ws-design-swatch{position:absolute;left:29px;right:29px;bottom:29px;display:grid;grid-template-columns:1.3fr .8fr .9fr 1.1fr;height:125px;gap:8px}.ws-design-swatch i{border-radius:18px}.ws-design-swatch i:nth-child(1){background:#071a32}.ws-design-swatch i:nth-child(2){background:#168cff}.ws-design-swatch i:nth-child(3){background:#ff7957}.ws-design-swatch i:nth-child(4){background:#d9f0eb}
.ws-code-lines{position:absolute;left:29px;right:29px;bottom:35px;display:grid;gap:12px}.ws-code-lines i{height:14px;border-radius:999px;background:#e9eef3}.ws-code-lines i:nth-child(1){width:90%;background:linear-gradient(90deg,#168cff,#c8d9eb)}.ws-code-lines i:nth-child(2){width:68%}.ws-code-lines i:nth-child(3){width:82%;background:linear-gradient(90deg,#8a5aff,#dfe5ec)}.ws-code-lines i:nth-child(4){width:54%}

/* EXPERIENCE */
.ws-experience{padding:125px 0;color:#fff;background:linear-gradient(145deg,#08111f,#0b1f39)}.ws-experience-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.ws-device-stage{position:relative;min-height:620px}.ws-device{position:absolute;background:#f9fbfd;color:#0b1a30;box-shadow:0 35px 90px rgba(0,0,0,.35);overflow:hidden}.ws-device.desktop{width:620px;height:400px;left:0;top:65px;border-radius:25px;transform:rotate(-4deg)}.ws-device.phone{width:190px;height:390px;right:10px;top:170px;border-radius:36px;border:8px solid #111827;transform:rotate(6deg)}.ws-device-bar{height:35px;background:#edf1f4;display:flex;align-items:center;gap:6px;padding:0 13px}.ws-device-bar i{width:6px;height:6px;border-radius:50%;background:#b7c0ca}.ws-device-canvas{position:relative;height:100%;padding:50px 38px;background:radial-gradient(circle at 80% 20%,rgba(34,151,255,.15),transparent 25%),linear-gradient(145deg,#fff,#eef5fa)}.ws-device-canvas strong{font-size:42px;letter-spacing:-.05em}.ws-device-canvas span{display:block;height:8px;border-radius:99px;background:#d8e0e7;margin-top:14px;width:70%}.ws-device-canvas span+span{width:48%}.ws-device-canvas b{position:absolute;width:150px;height:150px;border-radius:30px;right:45px;bottom:45px;background:linear-gradient(145deg,#168cff,#7357ff)}.phone .ws-device-canvas{padding:58px 18px}.phone .ws-device-canvas strong{font-size:22px}.phone .ws-device-canvas b{width:92px;height:92px;right:18px;bottom:42px}.ws-phone-notch{position:absolute;z-index:2;top:9px;left:50%;translate:-50% 0;width:76px;height:17px;border-radius:99px;background:#111827}
.ws-motion-dot{position:absolute;border-radius:50%;background:#55bdff;box-shadow:0 0 30px rgba(85,189,255,.5)}.dot-a{width:18px;height:18px;left:4%;top:30%}.dot-b{width:10px;height:10px;right:22%;top:9%;background:#8a5aff}.dot-c{width:13px;height:13px;right:8%;bottom:10%;background:#ff8060}
.ws-experience-copy h2{margin:15px 0 24px;font-size:clamp(3.5rem,5.4vw,6rem);line-height:.88;letter-spacing:-.06em}.ws-experience-copy h2 em{font-style:normal;color:#58c0ff}.ws-experience-copy>p{color:rgba(255,255,255,.65);line-height:1.72}.ws-experience-copy ul{list-style:none;padding:0;margin:32px 0 0}.ws-experience-copy li{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.10)}.ws-experience-copy li b{font-size:.94rem}.ws-experience-copy li span{font-size:.88rem;color:rgba(255,255,255,.53)}

/* TRANSFORM */
.ws-transform{padding:125px 0;background:#f4f1eb}.ws-transform-head{max-width:900px}.ws-transform-head h2{margin:15px 0 20px;font-size:clamp(3.8rem,5.8vw,6.4rem);line-height:.88;letter-spacing:-.063em}.ws-transform-head h2 em{font-style:normal;color:#168cff}.ws-transform-head p{max-width:650px;color:#687282;line-height:1.7}
.ws-transform-box{margin-top:60px;border-radius:32px;overflow:hidden;background:#fff;border:1px solid #dce1e7;box-shadow:0 30px 80px rgba(6,20,39,.08)}.ws-transform-toolbar{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;border-bottom:1px solid #e1e5e9}.ws-transform-toolbar small{display:block;font-size:9px;letter-spacing:.14em;color:#8992a0;font-weight:900}.ws-transform-toolbar b{font-size:1.15rem}.ws-transform-switch{display:flex;gap:6px;padding:5px;border-radius:999px;background:#edf1f5}.ws-transform-switch button{border:0;background:transparent;border-radius:999px;padding:10px 17px;font-size:9px;letter-spacing:.12em;font-weight:900;color:#7a8491;cursor:pointer}.ws-transform-switch button.active{background:#07182e;color:#fff;box-shadow:0 8px 20px rgba(4,18,34,.13)}
.ws-transform-stage{position:relative;min-height:560px;overflow:hidden}.ws-before,.ws-after{position:absolute;inset:0;transition:opacity .45s ease,transform .45s ease}.ws-before{padding:40px;background:#e4e4e4;color:#313131}.ws-old-head{padding:20px;background:#666;color:#fff;font-weight:800}.ws-old-menu{display:flex;gap:20px;padding:14px;background:#fff}.ws-old-menu span{width:70px;height:8px;background:#aaa}.ws-old-hero{height:300px;padding:75px 55px;background:#c5c5c5}.ws-old-hero b{display:block;font-size:32px}.ws-old-hero i{display:block;width:55%;height:11px;background:#aaa;margin-top:17px}.ws-old-hero i+i{width:37%}.ws-old-hero button{margin-top:25px;border:0;padding:12px 18px;background:#777;color:#fff}.ws-old-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px}.ws-old-cards span{height:100px;background:#bbb}
.ws-after{padding:75px;background:radial-gradient(circle at 80% 20%,rgba(52,159,255,.30),transparent 25%),linear-gradient(145deg,#07111f,#0b2341);color:#fff}.ws-after small{font-size:10px;letter-spacing:.16em;color:#6fc8ff;font-weight:900}.ws-after strong{display:block;margin-top:25px;font-size:clamp(3.6rem,6vw,6.6rem);line-height:.85;letter-spacing:-.067em}.ws-after strong em{font-style:normal;color:#5ebfff}.ws-after p{max-width:540px;color:rgba(255,255,255,.62);line-height:1.6}.ws-new-cards{position:absolute;right:55px;bottom:50px;display:flex;gap:10px}.ws-new-cards span{padding:15px 17px;border:1px solid rgba(255,255,255,.12);border-radius:13px;font-size:9px;letter-spacing:.12em;font-weight:900;background:rgba(255,255,255,.05)}
.ws-transform-box[data-transform-state="after"] .ws-before{opacity:0;transform:scale(.98);pointer-events:none}.ws-transform-box[data-transform-state="after"] .ws-after{opacity:1;transform:none}.ws-transform-box[data-transform-state="before"] .ws-before{opacity:1;transform:none}.ws-transform-box[data-transform-state="before"] .ws-after{opacity:0;transform:scale(1.02);pointer-events:none}

/* WEB7 */
.ws-web7{position:relative;overflow:hidden;padding:130px 0;color:#fff;background:#060d19}.ws-web7-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(34,139,255,.21),transparent 29%),radial-gradient(circle at 86% 18%,rgba(119,77,255,.17),transparent 23%)}.ws-web7-grid{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.ws-web7-code{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.ws-web7-code span{font-size:78px;font-weight:950;letter-spacing:-.07em}.ws-web7-code strong{font-size:280px;line-height:.7;letter-spacing:-.11em;color:#168cff;text-shadow:0 0 75px rgba(22,140,255,.25)}.ws-web7-code i{position:absolute;font-style:normal;font-size:9px;letter-spacing:.14em;font-weight:900;color:rgba(255,255,255,.44)}.ws-web7-code i:nth-of-type(1){left:5%;top:15%}.ws-web7-code i:nth-of-type(2){right:8%;top:22%}.ws-web7-code i:nth-of-type(3){left:10%;bottom:18%}.ws-web7-code i:nth-of-type(4){right:3%;bottom:13%}
.ws-web7-copy>small{font-size:10px;letter-spacing:.17em;color:#74c7ff;font-weight:900}.ws-web7-copy h2{margin:18px 0 22px;font-size:clamp(3.8rem,5.5vw,6.2rem);line-height:.88;letter-spacing:-.063em}.ws-web7-copy h2 em{font-style:normal;color:#56b9ff}.ws-web7-copy p{color:rgba(255,255,255,.62);line-height:1.7}.ws-web7-copy>strong{display:block;margin:25px 0 30px;font-size:1.2rem;line-height:1.5}

/* WORK */
.ws-work{padding:125px 0;background:#f4f1eb}.ws-work-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.ws-work-head h2{margin:15px 0 0;font-size:clamp(3.6rem,5.4vw,6.1rem);line-height:.9;letter-spacing:-.061em}.ws-work-head h2 em{font-style:normal;color:#168cff}.ws-work-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:16px;margin-top:65px}.ws-project{position:relative;display:block;min-height:530px;border-radius:28px;overflow:hidden;text-decoration:none;color:#fff;background:#09111e;box-shadow:0 25px 65px rgba(5,18,34,.12)}.ws-project-frame{position:absolute;inset:0;overflow:hidden}.ws-project-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,10,18,.92),transparent 62%)}.ws-project-frame iframe{position:absolute;left:50%;top:0;width:1440px;height:900px;border:0;transform:translateX(-50%) scale(.55);transform-origin:top center;pointer-events:none}.ws-project-copy{position:absolute;z-index:2;left:25px;right:25px;bottom:24px}.ws-project-copy small{font-size:9px;letter-spacing:.14em;font-weight:900;color:#7ccaff}.ws-project-copy h3{font-size:clamp(2rem,3.2vw,3.4rem);line-height:.9;letter-spacing:-.055em;margin:8px 0}.ws-project-copy>span{font-size:.85rem;color:rgba(255,255,255,.58)}.ws-project-copy>b{position:absolute;right:0;bottom:0;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.project-planet .ws-project-copy h3 span{color:#f59a23}

/* INFRA */
.ws-infra{padding:125px 0;color:#fff;background:linear-gradient(145deg,#07101e,#0a1d35)}.ws-infra-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.ws-infra-copy h2{margin:15px 0 22px;font-size:clamp(3.8rem,5.6vw,6.2rem);line-height:.88;letter-spacing:-.063em}.ws-infra-copy h2 em{font-style:normal;color:#58beff}.ws-infra-copy p{color:rgba(255,255,255,.60);line-height:1.72;margin-bottom:25px}.ws-infra-orbit{position:relative;min-height:550px}.ws-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(79,183,255,.30),transparent 45%),#0b203b;border:1px solid rgba(111,199,255,.22);box-shadow:0 0 80px rgba(50,157,255,.14)}.ws-core small{font-size:9px;letter-spacing:.16em;color:#75c8ff;font-weight:900}.ws-core strong{font-size:35px;letter-spacing:-.05em}.ws-infra-orbit .ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:1px solid rgba(255,255,255,.09)}.r1{width:360px;height:360px}.r2{width:510px;height:510px}.node{position:absolute;padding:11px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);font-size:9px;letter-spacing:.11em;font-weight:900;color:#cce7ff}.n1{left:3%;top:24%}.n2{right:4%;top:18%}.n3{left:8%;bottom:21%}.n4{right:8%;bottom:19%}.n5{left:44%;top:2%}.n6{left:44%;bottom:1%}

/* FINAL */
.ws-final{padding:145px 0;text-align:center;color:#fff;background:radial-gradient(circle at 50% 0,rgba(31,146,255,.23),transparent 34%),linear-gradient(145deg,#050d1a,#0a1930)}.ws-final-inner{max-width:950px}.ws-final small{font-size:10px;letter-spacing:.17em;color:#77caff;font-weight:900}.ws-final h2{margin:20px 0 18px;font-size:clamp(4rem,6.2vw,7rem);line-height:.88;letter-spacing:-.065em}.ws-final p{margin:0 0 32px;color:rgba(255,255,255,.58);font-size:1.1rem}.ws-final .button{display:inline-flex}

/* RESPONSIVE */
@media(max-width:1120px){
  .ws-hero-grid{grid-template-columns:1fr;gap:45px}.ws-sculpture{max-width:720px;width:100%;margin:auto;height:600px}.ws-limits-head{grid-template-columns:1fr}.ws-limits-grid{grid-template-columns:repeat(2,1fr)}.ws-trinity-grid{grid-template-columns:1fr}.ws-trinity-card{min-height:390px}.ws-experience-grid,.ws-web7-grid,.ws-infra-grid{grid-template-columns:1fr}.ws-device-stage{max-width:760px;width:100%;margin:auto}.ws-work-grid{grid-template-columns:1fr 1fr}.ws-project:first-child{grid-column:1/-1}.ws-infra-orbit{max-width:720px;width:100%;margin:auto}
}
@media(max-width:760px){
  .ws-hero{min-height:auto;padding:125px 0 35px}.ws-hero-copy h1{font-size:clamp(3.2rem,14.5vw,4.8rem)}.ws-hero-copy h1 em{font-size:.52em}.ws-sculpture{height:440px}.ws-screen-main{width:310px;height:340px;left:0}.ws-screen-content{padding:45px 26px}.ws-screen-content strong{font-size:39px}.ws-screen-color{width:155px;height:180px;right:0}.ws-screen-color strong{font-size:24px;left:18px;bottom:18px}.ws-screen-light{width:170px;height:145px;right:4px;bottom:16px;padding:18px}.ws-screen-light strong{font-size:19px;left:18px;bottom:18px}.ws-screen-tech{width:165px;height:116px;left:42px;bottom:0;padding:15px}.ws-screen-tech>div{margin-top:11px;gap:5px}.ws-screen-tech span{font-size:6px;padding:5px}.ws-orbit-ring{width:170px;height:170px;right:33px;top:130px}.ws-ticker{overflow:hidden;justify-content:flex-start}.ws-ticker span:nth-of-type(n+4),.ws-ticker i:nth-of-type(n+4){display:none}
  .ws-think,.ws-limits,.ws-trinity,.ws-transform,.ws-work{padding:82px 0}.ws-think-grid,.ws-trinity-head{grid-template-columns:1fr;gap:28px}.ws-think-copy{padding-top:0}.ws-process{overflow-x:auto;justify-content:flex-start;white-space:nowrap}.ws-limits-grid{grid-template-columns:1fr}.ws-style-card{min-height:260px}.ws-trinity-card{min-height:370px}.ws-experience{padding:85px 0}.ws-device-stage{min-height:430px;overflow:hidden}.ws-device.desktop{width:410px;height:280px;left:-35px}.ws-device.phone{width:125px;height:260px;right:0;top:155px}.ws-device-canvas{padding:35px 25px}.ws-device-canvas strong{font-size:27px}.ws-device-canvas b{width:100px;height:100px}.phone .ws-device-canvas strong{font-size:15px}.phone .ws-device-canvas b{width:58px;height:58px}.ws-experience-copy li{grid-template-columns:1fr;gap:6px}.ws-transform-stage{min-height:430px}.ws-before,.ws-after{padding:30px}.ws-old-hero{height:245px;padding:55px 25px}.ws-after strong{font-size:3.2rem}.ws-new-cards{left:30px;right:30px;bottom:28px;overflow:auto}.ws-web7{padding:90px 0}.ws-web7-code{min-height:320px}.ws-web7-code strong{font-size:190px}.ws-web7-code span{font-size:52px}.ws-work-head{align-items:flex-start;flex-direction:column}.ws-work-grid{grid-template-columns:1fr}.ws-project:first-child{grid-column:auto}.ws-project{min-height:440px}.ws-infra{padding:90px 0}.ws-infra-orbit{min-height:410px}.ws-core{width:145px;height:145px}.r1{width:270px;height:270px}.r2{width:380px;height:380px}.node{font-size:7px;padding:8px 10px}.ws-final{padding:100px 0}
}


/* =========================================================
   V5.33 — REAL AUTO CAMBOTA BEFORE / AFTER
   ========================================================= */

.ws-transform-live{
  min-height:650px;
  background:#091321;
}

.ws-transform-site{
  position:absolute;
  inset:0;
  padding:34px 34px 74px;
  transition:opacity .45s ease, transform .45s ease;
}

.ws-live-browser{
  position:relative;
  height:100%;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:#fff;
  box-shadow:0 30px 70px rgba(0,0,0,.24);
}

.ws-live-browser-top{
  height:48px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:15px;
  padding:0 17px;
  background:#edf1f5;
  border-bottom:1px solid #d9e0e6;
  color:#5d6876;
}

.ws-live-dots{
  display:flex;
  align-items:center;
  gap:6px;
}

.ws-live-dots i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#b7c0c9;
}

.ws-live-browser-top span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  letter-spacing:.04em;
  font-weight:700;
}

.ws-live-browser-top>b{
  padding:7px 10px;
  border-radius:999px;
  background:#081a30;
  color:#fff;
  font-size:8px;
  letter-spacing:.13em;
  font-weight:900;
}

.ws-after .ws-live-browser-top>b{
  background:#168cff;
}

.ws-live-frame{
  position:absolute;
  left:0;
  right:0;
  top:48px;
  bottom:0;
  overflow:hidden;
  background:#fff;
}

.ws-live-frame iframe{
  position:absolute;
  top:0;
  left:50%;
  width:1440px;
  height:920px;
  border:0;
  transform:translateX(-50%) scale(.72);
  transform-origin:top center;
  background:#fff;
}

.ws-live-open{
  position:absolute;
  right:35px;
  bottom:20px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  text-decoration:none;
}

.ws-live-open b{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
}

.ws-transform-box[data-transform-state="after"] .ws-transform-site.ws-before{
  opacity:0;
  transform:translateX(-18px) scale(.99);
  pointer-events:none;
}

.ws-transform-box[data-transform-state="after"] .ws-transform-site.ws-after{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.ws-transform-box[data-transform-state="before"] .ws-transform-site.ws-before{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.ws-transform-box[data-transform-state="before"] .ws-transform-site.ws-after{
  opacity:0;
  transform:translateX(18px) scale(.99);
  pointer-events:none;
}

@media(max-width:760px){
  .ws-transform-live{
    min-height:455px;
  }
  .ws-transform-site{
    padding:18px 18px 58px;
  }
  .ws-live-browser{
    border-radius:18px;
  }
  .ws-live-browser-top{
    height:42px;
    padding:0 12px;
  }
  .ws-live-frame{
    top:42px;
  }
  .ws-live-frame iframe{
    width:1200px;
    height:780px;
    transform:translateX(-50%) scale(.48);
  }
  .ws-live-open{
    right:18px;
    bottom:14px;
  }
}


/* =========================================================
   V5.36 — POLISH: favicon / trinity spacing / final contrast
   ========================================================= */

/* Give the visual systems at the bottom of the 3 cards their own space.
   This prevents "Como fazer sentir." / body copy from being covered. */
.ws-trinity-card{
  min-height:520px;
  padding-bottom:190px;
}
.ws-trinity-card p{
  position:relative;
  z-index:2;
  max-width:92%;
}
.ws-word-cloud,
.ws-design-swatch,
.ws-code-lines{
  z-index:1;
}

/* Separate BEHIND THE SCREEN from NEXT PROJECT with a completely
   different art direction instead of another dark-blue block. */
.ws-final{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:160px 0 155px;
  text-align:center;
  color:#07182e;
  background:
    radial-gradient(circle at 18% 28%,rgba(255,118,72,.16),transparent 23%),
    radial-gradient(circle at 84% 72%,rgba(22,140,255,.13),transparent 26%),
    linear-gradient(145deg,#f8f3e9,#efe8dc);
}

.ws-final:before{
  content:"NEXT";
  position:absolute;
  z-index:-1;
  left:50%;
  top:48%;
  translate:-50% -50%;
  font-size:clamp(13rem,28vw,34rem);
  line-height:.7;
  letter-spacing:-.09em;
  font-weight:950;
  color:rgba(9,31,55,.035);
  white-space:nowrap;
  pointer-events:none;
}

.ws-final:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:390px;
  height:390px;
  border-radius:50%;
  right:-120px;
  top:-150px;
  border:1px solid rgba(22,140,255,.15);
  box-shadow:
    0 0 0 60px rgba(22,140,255,.025),
    0 0 0 120px rgba(22,140,255,.015);
  pointer-events:none;
}

.ws-final-inner{
  position:relative;
  max-width:980px;
}

.ws-final-inner:before,
.ws-final-inner:after{
  content:"";
  position:absolute;
  width:92px;
  height:92px;
  border-radius:26px;
  opacity:.9;
  pointer-events:none;
}

.ws-final-inner:before{
  left:-58px;
  top:28px;
  background:
    radial-gradient(circle at 70% 24%,rgba(255,211,131,.95) 0 13%,transparent 34%),
    linear-gradient(145deg,#ff7554,#9f53ff 62%,#3074ec);
  transform:rotate(-12deg);
  box-shadow:0 24px 50px rgba(63,43,92,.13);
}

.ws-final-inner:after{
  right:-48px;
  bottom:8px;
  background:
    radial-gradient(circle at 72% 26%,rgba(93,199,255,.6) 0 15%,transparent 37%),
    linear-gradient(145deg,#07182f,#123e63);
  transform:rotate(10deg);
  box-shadow:0 24px 50px rgba(8,35,63,.13);
}

.ws-final small{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#168cff;
}

.ws-final small:before,
.ws-final small:after{
  content:"";
  width:34px;
  height:1px;
  background:linear-gradient(90deg,transparent,#168cff);
}

.ws-final small:after{
  background:linear-gradient(90deg,#168cff,transparent);
}

.ws-final h2{
  margin:22px 0 18px;
  color:#08182c;
}

.ws-final h2::first-line{
  color:#08182c;
}

.ws-final p{
  color:#66717f;
  font-size:1.16rem;
}

.ws-final .button{
  display:inline-flex;
  background:#081a30;
  color:#fff;
  box-shadow:0 18px 38px rgba(5,25,48,.14);
}

.ws-final .button:hover{
  transform:translateY(-2px);
}

/* A subtle light edge at the end of the infra block helps the change of world. */
.ws-infra{
  position:relative;
}
.ws-infra:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:18px;
  background:linear-gradient(to right,#f8f3e9,#efe8dc);
  clip-path:polygon(0 100%,100% 18%,100% 100%);
}

@media(max-width:1120px){
  .ws-trinity-card{
    min-height:455px;
    padding-bottom:175px;
  }
  .ws-final-inner:before{left:4%;top:-55px}
  .ws-final-inner:after{right:4%;bottom:-72px}
}

@media(max-width:760px){
  .ws-trinity-card{
    min-height:430px;
    padding-bottom:170px;
  }
  .ws-design-swatch{
    height:105px;
  }
  .ws-final{
    padding:112px 0 120px;
  }
  .ws-final:before{
    font-size:46vw;
  }
  .ws-final-inner:before,
  .ws-final-inner:after{
    width:68px;
    height:68px;
    border-radius:20px;
  }
  .ws-final-inner:before{left:3%;top:-58px}
  .ws-final-inner:after{right:3%;bottom:-78px}
}