:root{color:#172544;font-synthesis:none;--blue:#285cdb;--ink:#172544;--muted:#56647e;--line:#e0e7f3;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:6px;outline:3px solid #285cdb}p{line-height:1.75}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;font-weight:600}h2{font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.15}h3{font-size:1.35rem}.wrap{width:min(1160px,100% - 80px);margin-inline:auto}.preview-note{text-align:center;color:#435b88;background:#edf3ff;padding:9px 16px;font-size:.72rem}.header{justify-content:space-between;align-items:center;gap:28px;min-height:100px;display:flex}.brand{letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:10px;font-size:1.55rem;font-weight:750;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#6297ff,#2856d5);border-radius:11px;place-items:center;width:34px;height:34px;padding-right:3px;font-size:1.6rem;font-style:italic;font-weight:700;line-height:1;display:inline-grid}.header nav{color:#43516c;gap:32px;font-size:.9rem;display:flex}.header nav a:hover,.footer a:hover{color:var(--blue)}.nav-cta{color:var(--blue);border:1px solid #cad8f4;border-radius:30px;padding:12px 22px;font-size:.85rem;font-weight:600}.nav-cta:hover{background:#eef4ff}.hero{background:radial-gradient(at 15% 68%,#d8f2ff 0,#0000 42%),radial-gradient(at 88% 75%,#e3eaff 0,#0000 45%),linear-gradient(#fff 10%,#f4f8ff 58%,#eef4ff 85%,#fff);padding:66px 0 38px;position:relative;overflow:hidden}.hero-copy{text-align:center;z-index:1;position:relative}.eyebrow{letter-spacing:.11em;text-transform:uppercase;color:#4266a3;font-size:.7rem;font-weight:650;display:block}.hero-tag{letter-spacing:.07em;background:#f4f8ff;border:1px solid #d7e4ff;border-radius:30px;align-items:center;padding:9px 15px;font-size:.69rem;display:inline-flex}.dot{background:#4385ef;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero h1{letter-spacing:-.055em;margin:28px 0 25px;font-size:clamp(3rem,5.7vw,5.3rem);line-height:1.08}.accent-word{color:var(--blue)}.hero-description{color:var(--muted);text-wrap:pretty;max-width:620px;margin:0 auto;font-size:1.08rem}.hero-actions{justify-content:center;align-items:center;gap:16px;margin-top:30px;display:flex}.button,.secondary-button{border-radius:30px;justify-content:center;align-items:center;gap:25px;padding:17px 26px;font-size:.92rem;font-weight:600;display:inline-flex}.button{background:var(--blue);color:#fff;box-shadow:0 5px 15px #285cdb20}.button:hover{background:#1b48b4}.secondary-button{background:#fff;border:1px solid #d6e0f1}.secondary-button:hover{background:#f0f5ff}.hero-detail{color:#68758c;margin:22px 0 0;font-size:.78rem}.composition{padding:66px 65px 0;position:relative}.mock-browser{background:#fff;border:1px solid #e1e6ef;border-radius:15px;max-width:870px;margin:auto;overflow:hidden;box-shadow:0 28px 70px #31599d1a,0 5px 15px #31599d08}.mock-bar{color:#8390a7;background:#f8faff;border-bottom:1px solid #edf0f6;justify-content:space-between;align-items:center;gap:25px;padding:12px 19px;font-size:.65rem;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#c8d1e3;border-radius:50%;width:6px;height:6px}.address-bar{text-align:center;background:#edf1f8;border-radius:5px;width:48%;padding:4px;font-size:.58rem}.mock-nav{color:#3c4946;justify-content:space-between;align-items:center;padding:22px 35px;display:flex}.mock-nav strong{letter-spacing:-.05em;font-family:Georgia,serif;font-size:1.5rem;font-weight:400}.mock-nav strong span{letter-spacing:.1em;margin-left:5px;font-family:system-ui,sans-serif;font-size:.5rem}.mock-nav>div{font-size:.58rem}.mock-content{background:#faf9f6;grid-template-columns:1fr 1fr;min-height:300px;display:grid}.mock-copy{padding:45px 0 45px 35px}.mock-copy small{letter-spacing:.13em;color:#667168;font-size:.49rem}.mock-copy p{letter-spacing:-.045em;color:#344e47;margin:22px 0;font-family:Georgia,serif;font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.15}.mock-copy em{color:#748d75;font-weight:400}.mock-pill{color:#fff;background:#344e47;border-radius:3px;padding:10px 15px;font-size:.58rem;display:inline-block}.room-art{isolation:isolate;background:linear-gradient(110deg,#e4e9e2,#d1dbd2);border-radius:100px 3px 3px;min-height:260px;margin:18px 20px 18px 0;position:relative;overflow:hidden}.room-window{background:linear-gradient(90deg,#f7fbef,#f3f8e8);border:8px solid #bdcbbd;border-top:0;width:40%;height:70%;position:absolute;top:0;left:12%;box-shadow:35px 40px 50px #fff7d3a0}.room-window:after{content:"";background:#bdcbbd;width:5px;height:100%;margin:auto;display:block}.room-light{background:#fffbe366;width:80%;height:65%;position:absolute;bottom:-10%;left:33%;transform:skew(-30deg)}.room-arch{background:#879c88;border:10px solid #afbdac;border-radius:70px 70px 0 0;width:85px;height:145px;position:absolute;top:10%;right:-15px}.room-sofa{background:#f5f0df;border-radius:20px 20px 8px 8px;width:70%;height:60px;position:absolute;bottom:14%;left:8%;box-shadow:0 15px 0 -5px #d0c7ae,0 25px 25px #566c5730}.room-sofa:before{content:"";background:#eee7d3;border-bottom:2px solid #e0d7bd;border-radius:20px 20px 5px 5px;position:absolute;inset:-25px 10px 30px}.room-table{background:#936b4e;border-radius:50%;width:90px;height:30px;position:absolute;bottom:8%;right:7%;box-shadow:0 8px #805b42}.room-table:after{content:"";background:#805b42;width:10px;height:26px;position:absolute;top:22px;left:43%}.mock-bottom{color:#6a786e;justify-content:space-between;padding:17px 35px;font-size:.54rem;display:flex}.float-note{z-index:2;background:#fffffff2;border:1px solid #e3eaf7;border-radius:15px;align-items:center;gap:12px;padding:16px 20px;font-size:.8rem;font-weight:600;display:flex;position:absolute;box-shadow:0 10px 35px #294e9012}.float-note small{color:#63718a;margin-top:5px;font-size:.65rem;font-weight:400;display:block}.note-icon{width:36px;height:36px;color:var(--blue);background:#eaf2ff;border-radius:11px;place-items:center;font-size:1.4rem;display:grid}.note-design{top:104px;left:0}.note-mobile{bottom:72px;right:0}.composition-label{text-align:center;color:#6b7890;margin:24px 0 0;font-size:.65rem}.section{padding-block:100px}.section-heading{text-align:center;margin-bottom:32px}.section-heading h2{margin:20px 0 0}.service-intro{text-align:center;max-width:790px;color:var(--muted);margin:0 auto;font-size:.98rem}.service-intro p{margin-bottom:12px}.service-list{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px;display:grid}.service-list article{background:#f5f8fe;border:1px solid #e8eef9;border-radius:22px;padding:32px}.service-list article:nth-child(2){background:#eff7ff}.service-list article:nth-child(3){background:#f3f3ff}.service-list article>span{width:38px;height:38px;color:var(--blue);background:#fff;border:1px solid #dfe8fa;border-radius:12px;place-items:center;margin-bottom:35px;font-size:.8rem;display:grid}.service-list h3{margin-bottom:14px;font-size:1.3rem}.service-list p{color:var(--muted);margin-bottom:0;font-size:.9rem}.process{background:#f5f8ff;border-block:1px solid #edf1fa}.steps{counter-reset:steps;grid-template-columns:repeat(4,1fr);gap:35px;margin:55px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:steps;border-top:1px solid #cfddf7;padding-top:25px}.steps li:before{content:"0" counter(steps);color:var(--blue);margin-bottom:28px;font-size:.85rem;font-weight:650;display:block}.steps h3{font-size:1.15rem}.steps p{color:var(--muted);margin-bottom:0;font-size:.88rem}.reading{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.reading h2{margin-top:22px}.reading p{color:var(--muted);max-width:420px}.reading-link{background:linear-gradient(130deg,#edf5ff,#f1efff);border:1px solid #dfe8fa;border-radius:24px;flex-direction:column;justify-content:space-between;min-height:310px;padding:38px;display:flex}.reading-link>span:first-child{letter-spacing:.08em;color:#516b9d;font-size:.63rem}.reading-link h3{margin-block:35px;font-size:1.9rem}.read-arrow{color:var(--blue);font-size:.85rem;font-weight:600}.reading-link:hover{border-color:#a4bff4}.project{text-align:center;background:radial-gradient(at 30% 100%,#d3eaff,#0000 65%),#eef3ff;border:1px solid #e0e9ff;border-radius:30px;margin-bottom:90px;padding:65px 35px}.project h2{margin-top:24px}.project p{max-width:550px;color:var(--muted);margin-inline:auto}.project>a{color:var(--blue);background:#fff;border:1px solid #d5e1f7;border-radius:25px;margin-top:10px;padding:13px 22px;font-size:.85rem;display:inline-block}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding-block:35px;display:flex}.footer p,.footer>a:last-child{color:var(--muted);margin:0;font-size:.8rem}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-150px;left:16px}.skip:focus{top:16px}.page-title{margin-top:30px;font-size:clamp(3rem,6vw,5rem);line-height:1.08}.lead{color:var(--muted);max-width:650px;font-size:1.1rem}.posts{margin-top:50px}.post{border:1px solid var(--line);background:#f7f9ff;border-radius:22px;padding:35px;display:block}.post:hover{border-color:#a4bff4}.post h2{max-width:700px;margin:20px 0;font-size:2rem}.post p{max-width:700px;color:var(--muted)}.post>span:last-child{color:var(--blue);font-size:.85rem}.article{max-width:850px;padding-block:55px 100px}.back{color:var(--blue);margin-bottom:55px;font-size:.85rem;display:inline-block}.article header h1{margin:25px 0;font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.1}.article header{border-bottom:1px solid var(--line);margin-bottom:45px;padding-bottom:30px}.prose{color:#43516c;max-width:690px;font-size:1.05rem}.prose h2{color:var(--ink);margin:45px 0 20px;font-size:1.8rem}.prose li{margin-bottom:10px;line-height:1.75}.prose ul{padding-left:24px}@media (width<=1000px){.wrap{width:calc(100% - 48px)}.composition{padding-inline:30px}.float-note{padding:12px;font-size:.7rem}.note-design{top:110px}.note-mobile{bottom:60px}.service-list article{padding:25px}.reading{gap:40px}}@media (width<=760px){.header{gap:20px;min-height:88px}.nav-cta{display:none}.hero{padding-top:40px}.hero h1{font-size:clamp(2.7rem,7vw,3.8rem)}.hero-description{max-width:540px;font-size:1rem}.float-note{display:none}.composition{padding:40px 0 0}.mock-copy{padding:35px 0 30px 25px}.room-art{min-height:220px}.mock-content{min-height:260px}.service-list{grid-template-columns:1fr;gap:16px}.service-list article>span{margin-bottom:22px}.steps{grid-template-columns:1fr 1fr}.reading{grid-template-columns:1fr;gap:24px}.reading p{max-width:none}.section{padding-block:65px}.footer{flex-wrap:wrap}.project{margin-bottom:65px;padding-block:45px}}@media (width<=480px){.wrap{width:calc(100% - 36px)}.header{flex-wrap:wrap;justify-content:center;gap:18px;padding-block:20px}.header nav{justify-content:center;gap:28px;width:100%;font-size:.8rem}.brand{font-size:1.5rem}.hero{padding-top:28px}.hero-tag{letter-spacing:.055em;padding:9px 11px;font-size:.56rem}.hero h1{margin-block:25px 20px;font-size:clamp(2.3rem,9.2vw,2.8rem)}.hero-description{font-size:.92rem}.hero-actions{flex-direction:column;gap:12px;margin-top:25px}.button,.secondary-button{width:min(100%,300px);padding:15px 20px;font-size:.85rem}.hero-detail{margin-top:18px;font-size:.68rem}.mock-bar{gap:12px;padding:10px}.mock-nav{padding:15px}.mock-nav strong{font-size:1.1rem}.mock-nav>div{font-size:.45rem}.mock-content{min-height:195px}.mock-copy{padding:26px 0 24px 15px}.mock-copy small{letter-spacing:.03em;font-size:.35rem}.mock-copy p{margin-block:16px;font-size:1.5rem}.mock-pill{padding:8px 10px;font-size:.46rem}.room-art{border-top-left-radius:65px;min-height:170px;margin:12px 12px 12px 0}.room-sofa{height:38px}.room-sofa:before{inset:-20px 5px 18px}.room-table{width:50px;height:18px}.room-arch{border-width:6px;width:55px;height:100px}.mock-bottom{padding:13px 15px;font-size:.43rem}.composition-label{font-size:.52rem;line-height:1.6}.section{padding-block:50px}h2{font-size:2rem}.steps{gap:25px}.steps h3{font-size:1.05rem}.steps li:before{margin-bottom:20px}.reading-link{min-height:260px;padding:27px}.reading-link h3{font-size:1.7rem}.project{border-radius:22px;margin-bottom:50px;padding:35px 22px}.footer{flex-direction:column;align-items:flex-start;gap:16px}.article{padding-top:25px}.back{margin-bottom:35px}.page-title{font-size:2.7rem}.post{padding:25px}.post h2{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
