:root{--background:#d9effb;--background-soft:#edf7fc;--surface:#ebf7fcd1;--surface-strong:#d6ecf7f0;--text-primary:#090a0a;--text-secondary:#52636d;--border:#1428321f;--button-primary:#080808;--button-primary-text:#fff;--serif:"Iowan Old Style", "Baskerville", "Times New Roman", serif;--sans:var(--font-geist-sans), "Inter", Arial, sans-serif;--shell:min(1180px, calc(100% - 40px))}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{color:var(--text-primary);font-family:var(--sans);text-rendering:optimizelegibility;background:radial-gradient(circle at 18% 8%,#ffffffb8,#0000 28rem),linear-gradient(#d7edf9 0%,#eef8fc 42%,#dceff8 100%);margin:0}body,button,input,select,textarea{font:inherit}button,a,summary,label{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}:focus-visible{outline-offset:4px;outline:2px solid #0a5f78}[data-reveal]{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.siteup-page{min-height:100vh;overflow:clip}.section-heading{width:min(680px,100%)}.section-heading>p,.process-copy>p,.about-card>p,.final-cta>p{color:#496879;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:680}.section-heading h2,.process-copy h2,.about-card h2,.final-cta h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(42px,5vw,72px);font-weight:500;line-height:.98}.section-heading>span{color:var(--text-secondary);margin-top:18px;font-size:14px;line-height:1.65;display:block}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ddeff8a8;border:1px solid #ffffff8a;border-radius:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:min(1180px,100% - 36px);min-height:66px;padding:8px 12px 8px 22px;transition:background-color .22s,box-shadow .22s,top .22s;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px #19394a14,inset 0 1px #ffffffa6}.site-header.is-scrolled{background:#ddeff8ed;top:10px;box-shadow:0 16px 45px #19394a21}.desktop-nav{align-items:center;gap:clamp(18px,2.2vw,32px);display:flex}.desktop-nav a{letter-spacing:-.01em;font-size:12px;font-weight:570;position:relative}.desktop-nav a:after{content:"";transform-origin:100%;background:#111;height:1px;transition:transform .2s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.site-brand{align-items:center;gap:8px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.site-brand img{object-fit:contain;width:28px;height:28px}.site-brand span{font-family:var(--serif);letter-spacing:-.045em;font-size:22px}.header-actions{grid-column:3;justify-content:flex-end;display:flex}.account-button,.menu-button{color:#fff;cursor:pointer;background:#090a0a;border:0;transition:transform .2s,background-color .2s}.account-button{border-radius:11px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:12px;font-weight:630;display:inline-flex}.account-button:hover,.menu-button:hover{background:#263137;transform:translateY(-2px)}.menu-button{border-radius:11px;place-items:center;width:44px;height:44px;display:none}.account-panel,.mobile-nav-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#edf7fcf5;border:1px solid #fffc;border-radius:16px;gap:5px;width:242px;padding:14px;display:grid;position:absolute;top:74px;right:0;box-shadow:0 22px 65px #102a362b}.account-panel>p{color:#63757f;letter-spacing:.08em;text-transform:uppercase;margin:4px 8px 10px;font-size:11px;font-weight:650}.account-panel button,.mobile-nav-panel button,.mobile-nav-panel a{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:0 11px;font-size:13px;display:flex}.account-panel button:hover,.mobile-nav-panel button:hover,.mobile-nav-panel a:hover{background:#b9dceb80}.account-panel small{color:#5b6e78;margin:8px;font-size:10px;line-height:1.45;display:block}.mobile-nav-panel{display:none}.legal-page{background:linear-gradient(#d9effb,#edf7fc);min-height:100vh;padding:110px 24px 80px}.legal-shell{width:min(760px,100%);margin:0 auto}.legal-back{color:#4f6470;margin-bottom:50px;font-size:13px;display:inline-block}.legal-page h1{font-family:var(--serif);margin:0 0 26px;font-size:clamp(44px,7vw,72px);font-weight:500;line-height:.98}.legal-page .eyebrow{color:#506875;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.legal-notice,.legal-page section{border-bottom:1px solid var(--border);color:#52636d;padding:22px 0;line-height:1.7}.legal-page section h2{color:#111;font-size:18px}@media (width<=860px){:root{--shell:min(100% - 28px, 720px)}.site-header{grid-template-columns:1fr auto;width:calc(100% - 28px);padding:7px 9px 7px 14px}.desktop-nav,.account-button{display:none}.site-brand{justify-self:start;position:static;transform:none}.header-actions{grid-column:2}.menu-button{display:grid}.mobile-nav-panel{width:min(300px,100vw - 28px);display:grid}.account-panel{width:min(300px,100vw - 28px);top:70px}}@media (width<=640px){.section-heading h2,.process-copy h2,.about-card h2,.final-cta h2{font-size:clamp(39px,12vw,54px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}.hero-section{text-align:center;min-height:940px;padding:170px 20px 0;position:relative;overflow:hidden}.hero-background{z-index:0;object-fit:cover;object-position:center bottom}.hero-background-wash{z-index:1;pointer-events:none;background:linear-gradient(#e8f7ff1a 0%,#edf8fd7a 42%,#eef8fc1a 72%,#1027100f 100%),radial-gradient(at 50% 27%,#ffffffb3,#0000 51%);position:absolute;inset:0}.hero-glow{z-index:2;filter:blur(14px);background:radial-gradient(circle at 50% 48%,#ffffff9e,#0000 48%),radial-gradient(circle at 28% 45%,#9fd6f42e,#0000 43%);border-radius:50%;width:min(1040px,110vw);height:680px;position:absolute;top:-220px;left:50%;transform:translate(-50%)}.hero-content{z-index:3;width:min(830px,100%);margin:0 auto;position:relative}.eyebrow{color:#385767;letter-spacing:.11em;background:#eff8fca3;border:1px solid #304f5f1f;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:9px;font-weight:720;display:inline-flex}.eyebrow img{object-fit:contain;width:14px;height:14px}.hero-content h1{max-width:850px;font-family:var(--serif);letter-spacing:-.058em;margin:22px auto 0;font-size:clamp(58px,7.1vw,100px);font-weight:500;line-height:.88}.hero-content>p{width:min(550px,90%);color:var(--text-secondary);margin:25px auto 0;font-size:clamp(14px,1.4vw,17px);line-height:1.55}.hero-actions{justify-content:center;gap:10px;margin-top:28px;display:flex}.hero-actions button,.process-copy button,.final-cta button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-size:12px;font-weight:650;transition:transform .21s,background-color .21s,border-color .21s;display:inline-flex}.hero-actions button:first-child,.process-copy button,.final-cta button{color:#fff;background:#090a0a;box-shadow:0 12px 32px #090a0a26}.hero-actions button:last-child{background:#eef8fca3;border-color:#132a361f}.hero-actions button:hover,.process-copy button:hover,.final-cta button:hover{transform:translateY(-3px)}.hero-config-preview{z-index:4;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#eff9fce0;border:1px solid #ffffffbd;border-radius:20px 20px 0 0;grid-template-columns:165px 1fr;width:min(880px,100% - 36px);height:410px;margin:68px auto 0;padding:0;transition:transform .24s,box-shadow .24s;display:grid;position:relative;overflow:hidden;box-shadow:0 36px 80px #1f4d6429,inset 0 1px #fff}.hero-config-preview:hover{transform:translateY(-5px);box-shadow:0 42px 90px #1f4d6438}.mock-sidebar{border-right:1px solid var(--border);background:#cde5f173;padding:22px 18px}.mock-sidebar>span{font-family:var(--serif);align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.mock-sidebar img{object-fit:contain;width:20px;height:20px}.mock-sidebar i{background:#264b5b1f;border-radius:99px;width:74%;height:7px;margin-top:24px;display:block}.mock-sidebar i:nth-child(3){width:90%}.mock-sidebar i:nth-child(4){width:62%}.mock-content{padding:25px 32px}.mock-topbar{color:#60747d;justify-content:space-between;align-items:center;font-size:10px;display:flex}.mock-topbar strong{border:1px solid var(--border);color:#111;background:#ffffff7a;border-radius:9px;padding:9px 12px;font-size:15px}.mock-content h2{font-family:var(--serif);text-align:center;margin:38px 0 0;font-size:36px;font-weight:500}.mock-content>p{color:#667983;text-align:center;margin:8px 0 24px;font-size:11px}.mock-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mock-options>span{border:1px solid var(--border);background:#f4fbfda6;border-radius:13px;min-height:120px;padding:18px;display:grid;position:relative}.mock-options>span.is-active{border-color:#0a0a0a;box-shadow:inset 0 0 0 1px #0a0a0a}.mock-options svg{justify-self:end}.mock-options i,.mock-options b{background:#1a3a4921;border-radius:99px;height:8px;display:block}.mock-options i{width:45%;margin-top:16px}.mock-options b{width:74%}.preview-launch{color:#334d59;align-items:center;gap:7px;font-size:10px;font-weight:650;display:inline-flex;position:absolute;bottom:18px;right:24px}.advantages-section,.portfolio-section,.faq-section{width:var(--shell);margin:0 auto;padding:120px 0}.advantages-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:56px;display:grid}.advantages-grid article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#e7f5fb70;min-height:210px;padding:25px;transition:background-color .22s,transform .22s}.advantages-grid article:hover{z-index:1;background:#f6fcfec7;transform:translateY(-3px)}.advantages-grid article>span{border:1px solid var(--border);background:#ffffff70;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.advantages-grid h3{margin:46px 0 7px;font-size:15px}.advantages-grid p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.55}.process-section{width:var(--shell);background:linear-gradient(135deg,#edf8fcd6,#c8e5f2b8);border:1px solid #ffffffa3;border-radius:28px;grid-template-columns:.9fr 1.1fr;gap:90px;margin:40px auto;padding:70px;display:grid;box-shadow:0 35px 90px #204b601f}.process-copy>span{color:var(--text-secondary);margin-top:24px;font-size:14px;line-height:1.7;display:block}.process-copy button{border:0;margin-top:28px}.process-list{margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid var(--border);grid-template-columns:56px 1fr;padding:24px 0;display:grid}.process-list li:first-child{padding-top:0}.process-list li>span{color:#66808c;font-family:var(--serif);font-size:14px}.process-list h3{font-family:var(--serif);margin:0 0 6px;font-size:25px;font-weight:500}.process-list p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.55}.portfolio-section .section-heading{width:min(740px,100%)}.portfolio-grid{gap:26px;margin-top:58px;display:grid}.portfolio-grid article{background:#e7f5fbb8;border:1px solid #ffffffa6;border-radius:25px;grid-template-columns:1.45fr .55fr;min-height:480px;display:grid;overflow:hidden;box-shadow:0 24px 70px #234c5f1a}.portfolio-visual{color:#fff;background:#121719;min-height:480px;padding:42px;position:relative;overflow:hidden}.portfolio-visual.is-warm{color:#2a160b;background:linear-gradient(135deg,#e8af78,#f3dbc5)}.portfolio-visual.is-blue{color:#07181f;background:linear-gradient(135deg,#96cce1,#e5f4fa)}.visual-nav{align-items:center;gap:14px;display:flex}.visual-nav i{border:1px solid;border-radius:50%;width:20px;height:20px}.visual-nav span{opacity:.45;background:currentColor;border-radius:99px;width:58px;height:5px}.visual-nav b{border:1px solid;border-radius:7px;width:86px;height:30px;margin-left:auto}.visual-copy{width:68%;margin-top:86px}.visual-copy>span{opacity:.45;background:currentColor;border-radius:99px;width:84px;height:7px;margin-bottom:22px;display:block}.visual-copy strong{background:currentColor;border-radius:4px;width:100%;height:43px;margin-top:8px;display:block}.visual-copy strong:nth-child(3){width:78%}.visual-copy i{background:currentColor;border-radius:8px;width:105px;height:37px;margin-top:28px;display:block}.visual-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff21;border:1px solid #ffffff52;border-radius:18px;width:43%;height:58%;padding:22px;position:absolute;bottom:-15%;right:7%;transform:rotate(-4deg)}.visual-panel span{background:#ffffff3d;border-radius:9px;height:23%;margin-bottom:14px;display:block}.portfolio-copy{flex-direction:column;justify-content:center;padding:42px 34px;display:flex}.portfolio-copy>p{color:#536b77;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:10px;font-weight:680}.portfolio-copy h3{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:38px;font-weight:500}.portfolio-copy>span{color:var(--text-secondary);margin-top:15px;font-size:13px;line-height:1.6}.portfolio-copy small{color:#405966;margin-top:24px;font-size:10px}.portfolio-copy button,.portfolio-copy a{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;margin-top:34px;padding:0;font-size:11px;font-weight:680;display:inline-flex}.portfolio-copy a{text-decoration:none}.portfolio-all-link{color:#10232c;background:#ffffff7a;border:1px solid #1b37432e;border-radius:999px;align-items:center;gap:9px;min-height:46px;margin-top:24px;padding:0 18px;font-size:11px;font-weight:680;text-decoration:none;display:inline-flex}.about-section{width:var(--shell);color:#eefaff;background:radial-gradient(circle at 15% 15%,#79c5e530,#0000 33%),#091419;border-radius:28px;grid-template-columns:1fr .8fr;gap:90px;margin:40px auto 100px;padding:75px;display:grid;box-shadow:0 38px 90px #07192233}.about-card>p{color:#86b5c9}.about-copy>p{color:#aac0ca;margin:0 0 18px;font-size:14px;line-height:1.7}.about-copy dl{margin:40px 0 0}.about-copy dl>div{border-top:1px solid #dcf4ff24;grid-template-columns:.65fr 1fr;padding:15px 0;display:grid}.about-copy dt{color:#7497a6;font-size:11px}.about-copy dd{font-family:var(--serif);margin:0;font-size:17px}.faq-section{grid-template-columns:.7fr 1fr;gap:110px;display:grid}.faq-list details{border-bottom:1px solid var(--border);padding:24px 0}.faq-list summary{cursor:pointer;font-family:var(--serif);font-size:22px;font-weight:500;list-style-position:outside}.faq-list details p{color:var(--text-secondary);margin:15px 0 0;font-size:13px;line-height:1.65}.final-cta{width:var(--shell);text-align:center;background:radial-gradient(circle at 50% 110%,#60b0d142,#0000 46%),#e7f5fbb8;border-radius:30px 30px 0 0;margin:80px auto 0;padding:110px 28px}.final-cta h2{width:min(800px,100%);margin:0 auto}.final-cta button{border:0;margin-top:30px}.site-footer{width:var(--shell);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:28px;margin:0 auto;padding:48px 0 35px;display:grid}.footer-brand{align-items:center;gap:8px;display:inline-flex}.footer-brand img{object-fit:contain;width:26px;height:26px}.footer-brand strong{font-family:var(--serif);font-size:22px}.site-footer>p{color:var(--text-secondary);text-align:right;margin:0;font-size:12px}.site-footer nav{gap:24px;display:flex}.site-footer nav a,.site-footer small{color:#536975;font-size:10px}.site-footer small{text-align:right}@media (width<=920px){.advantages-grid{grid-template-columns:repeat(2,1fr)}.process-section,.faq-section{grid-template-columns:1fr;gap:55px}.process-section{padding:55px}.portfolio-grid article{grid-template-columns:1fr}.portfolio-copy{padding:32px}.about-section{grid-template-columns:1fr;gap:45px}}@media (width<=640px){.hero-section{min-height:850px;padding:145px 14px 0}.hero-content h1{font-size:clamp(51px,15vw,70px)}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.hero-config-preview{grid-template-columns:1fr;width:calc(100% - 4px);height:340px;margin-top:48px}.mock-sidebar{display:none}.mock-content{padding:22px 16px}.mock-content h2{margin-top:28px;font-size:30px}.mock-options{gap:7px}.mock-options>span{min-height:105px;padding:12px}.preview-launch{right:16px}.advantages-section,.portfolio-section,.faq-section{padding:85px 0}.advantages-grid{grid-template-columns:1fr}.advantages-grid article{min-height:170px}.advantages-grid h3{margin-top:26px}.process-section{border-radius:21px;width:calc(100% - 20px);padding:32px 22px}.portfolio-grid article{border-radius:20px;min-height:0}.portfolio-visual{min-height:340px;padding:25px}.visual-copy{width:75%;margin-top:65px}.about-section{border-radius:21px;width:calc(100% - 20px);margin-bottom:40px;padding:38px 24px}.final-cta{width:calc(100% - 20px);padding:80px 20px}.site-footer{grid-template-columns:1fr;width:calc(100% - 28px)}.site-footer>p,.site-footer small{text-align:left}.site-footer nav{flex-direction:column;align-items:flex-start;gap:12px}}.configurator-section{width:var(--shell);margin:120px auto 40px;scroll-margin-top:100px;position:relative}.configurator-section>.section-heading{width:min(760px,100%);margin-bottom:52px}.configurator-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#e7f5fbcc;border:1px solid #ffffffb8;border-radius:27px;overflow:hidden;box-shadow:0 35px 100px #224c6124,inset 0 1px #ffffffc7}.configurator-topbar{border-bottom:1px solid var(--border);background:#d6ecf78f;grid-template-columns:1fr auto auto;align-items:center;gap:25px;min-height:104px;padding:17px 20px 17px 28px;display:grid}.configurator-topbar>div:first-child>span{color:#536a75;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:680}.progress-dots{gap:32px;margin-top:16px;display:flex;position:relative}.progress-dots:before{content:"";background:#28495840;height:1px;position:absolute;top:50%;left:5px;right:5px}.progress-dots button{z-index:1;cursor:pointer;background:#d8edf7;border:1px solid #6d828c;border-radius:50%;width:9px;height:9px;padding:0;position:relative}.progress-dots button.is-current,.progress-dots button.is-complete{background:#0a0a0a;border-color:#0a0a0a}.progress-dots button.is-current{box-shadow:0 0 0 5px #090a0a14}.reset-config{color:#5d7079;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:inline-flex}.price-card{text-align:right;background:#f0f9fcb8;border:1px solid #ffffffb3;border-radius:14px;min-width:130px;padding:12px 16px;display:grid;box-shadow:inset 0 1px #fff}.price-card span,.price-card small{color:#5d7079;font-size:9px}.price-card strong{font-family:var(--serif);margin:2px 0;font-size:25px;font-weight:600}.configurator-layout{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);min-height:690px;display:grid}.configurator-main{border-right:1px solid var(--border);flex-direction:column;min-width:0;padding:38px;display:flex}.step-heading{text-align:center;margin-bottom:28px}.step-heading h3{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(32px,3.4vw,45px);font-weight:500}.step-heading p{color:var(--text-secondary);margin:8px 0 0;font-size:11px}.option-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.option-card{border:1px solid var(--border);cursor:pointer;text-align:left;background:#f1f9fc8f;border-radius:13px;flex-direction:column;align-items:flex-start;min-height:145px;padding:17px;transition:transform .21s,border-color .21s,background-color .21s;display:flex;position:relative}.option-card:hover,.style-card:hover,.feature-card:hover{transform:translateY(-3px)}.option-card.is-selected,.style-card.is-selected{background:#f6fcfeeb;border-color:#090a0a;box-shadow:inset 0 0 0 1px #090a0a}.option-card>strong{margin-top:15px;font-size:12px}.option-card>span:not(.selection-mark){color:#627580;margin-top:5px;font-size:9px;line-height:1.35}.option-card>small{color:#3d5662;margin-top:auto;font-size:9px;font-weight:650}.selection-mark{border:1px solid #2d45513d;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:11px;right:11px}.selection-mark.is-active{color:#fff;background:#090a0a;animation:.26s check-pop}.style-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.style-card{border:1px solid var(--border);cursor:pointer;background:#f1f9fc8f;border-radius:14px;padding:7px;transition:transform .21s,border-color .21s;position:relative;overflow:hidden}.style-card>span:not(.selection-mark){justify-content:space-between;align-items:center;padding:10px 5px 5px;font-size:10px;display:flex}.style-card small{color:#617580;font-size:8px}.style-thumbnail{background:#d8edf7;border-radius:10px;height:105px;padding:13px;position:relative;overflow:hidden}.tone-paper .style-thumbnail,.tone-cream .style-thumbnail{background:#f2f0e9}.tone-sand .style-thumbnail{background:#e9ded0}.tone-coral .style-thumbnail{background:#f0b29b}.tone-ink .style-thumbnail,.tone-dark .style-thumbnail{background:#15181a}.tone-cyan .style-thumbnail{background:#b5edf0}.tone-violet .style-thumbnail{background:#d7c8f0}.style-thumbnail span{background:#0a0a0ab8;border-radius:99px;width:62%;height:8px;margin-top:7px;display:block}.tone-ink .style-thumbnail span,.tone-dark .style-thumbnail span{background:#ffffffc7}.style-thumbnail span:nth-child(2){width:45%}.style-thumbnail span:nth-child(3){width:29%;height:18px;margin-top:15px}.style-thumbnail i{background:#ffffff5c;border-radius:50% 0 0;width:76%;height:85%;position:absolute;bottom:-35%;right:-13%}.design-controls{gap:24px;display:grid}.design-choice-stack,.template-picker,.visual-style-picker{border:0;gap:18px;margin:0;padding:0;display:grid}.template-picker legend,.visual-style-picker legend,.logo-choice legend{color:#526975;margin-bottom:12px;font-size:10px;font-weight:700}.template-picker>div{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.template-option{border:1px solid var(--border);color:#17242a;cursor:pointer;text-align:left;background:#ffffff85;border-radius:13px;align-content:end;min-height:118px;padding:10px;display:grid;position:relative;overflow:hidden}.template-option>span:first-child{background:linear-gradient(145deg,#78b8ff,#d8ecff);border-radius:42% 58% 48% 52%;width:105px;height:82px;position:absolute;top:-26px;right:-20px;transform:rotate(-12deg)}.template-option.tone-violet>span:first-child{background:linear-gradient(145deg,#25283a,#7773ce)}.template-option.tone-cream>span:first-child{background:linear-gradient(145deg,#f2c2a2,#fff1df)}.template-option.tone-coral>span:first-child{background:linear-gradient(145deg,#ff8966,#ffd66e)}.template-option small,.template-option strong{z-index:1;position:relative}.template-option small{color:#61747e;margin-bottom:4px;font-size:7px}.template-option strong{font-size:10px}.template-option.is-selected{border-color:#102b37;box-shadow:inset 0 0 0 1px #102b37}.brand-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.brand-fields label,.custom-page-form{color:#526975;gap:7px;font-size:9px;font-weight:680;display:grid}.brand-fields input,.custom-page-form input{border:1px solid var(--border);color:#111;background:#f5fbfdbd;border-radius:9px;outline:none;width:100%;height:42px;padding:0 12px;font-size:11px}.brand-fields input:focus,.custom-page-form input:focus,.control-columns select:focus{border-color:#234b5c;box-shadow:0 0 0 3px #234b5c1a}.logo-choice{border:0;margin:0;padding:0}.logo-choice>div{flex-wrap:wrap;gap:7px;display:flex}.logo-choice button{border:1px solid var(--border);cursor:pointer;background:#ffffff70;border-radius:8px;min-height:34px;padding:0 11px;font-size:9px}.logo-choice button.is-selected{color:#fff;background:#0a1114;border-color:#0a1114}.color-field,.domain-choice-grid,.hosting-grid{border:0;margin:0;padding:0}.color-field legend,.domain-choice-grid legend,.hosting-grid legend{margin-bottom:10px;font-size:10px;font-weight:680}.color-field>div{gap:9px;display:flex}.color-field button{cursor:pointer;border:2px solid #ffffffb3;border-radius:50%;width:28px;height:28px;padding:0;box-shadow:0 0 0 1px #253e4a1f}.color-field button.is-selected{box-shadow:0 0 0 2px #dff2fa,0 0 0 4px #0a0a0a}.control-columns{grid-template-columns:1fr 1fr;gap:13px;display:grid}.control-columns label,.domain-search>label,.checkout-demo label{color:#526975;gap:7px;font-size:9px;font-weight:680;display:grid}.control-columns select,.domain-search input,.domain-search select,.checkout-demo input{border:1px solid var(--border);color:#111;background:#f5fbfdbd;border-radius:9px;outline:none;width:100%;height:42px;padding:0 12px;font-size:11px}.page-list{gap:7px;display:grid}.custom-page-form{margin-bottom:10px}.custom-page-form>span{grid-template-columns:1fr auto;display:grid}.custom-page-form input{border-radius:9px 0 0 9px}.custom-page-form button{color:#fff;cursor:pointer;background:#0a1114;border:0;border-radius:0 9px 9px 0;justify-content:center;align-items:center;gap:5px;min-width:96px;font-size:9px;display:inline-flex}.page-row{border:1px solid var(--border);background:#eff8fc85;border-radius:10px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;min-height:46px;padding:0 9px;display:grid}.page-row.is-selected{background:#f7fcfedb}.page-row>svg{color:#71848e;cursor:grab}.page-row label{align-items:center;gap:9px;font-size:10px;font-weight:620;display:flex}.page-row input{accent-color:#0b1114}.page-row small{color:#60737d;font-size:8px}.order-buttons{gap:3px;display:flex}.order-buttons button{border:1px solid var(--border);cursor:pointer;background:#ffffff73;border-radius:7px;place-items:center;width:26px;height:26px;padding:0;display:grid}.order-buttons button:disabled{opacity:.28;cursor:default}.field-note{color:#697c85;margin:6px 0 0;font-size:9px}.feature-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.feature-card{border:1px solid var(--border);cursor:pointer;text-align:left;background:#eff8fc85;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;min-height:84px;padding:13px;transition:transform .21s,border-color .21s;display:grid;position:relative}.feature-card.is-selected{background:#f5fcfee0;border-color:#18333f}.feature-card span{gap:4px;display:grid}.feature-card strong{font-size:10px}.feature-card small{color:#657983;font-size:8px;line-height:1.3}.feature-card b{font-size:8px}.switch-control{background:#b9cad2;border-radius:99px;width:25px;height:14px;position:absolute;bottom:12px;right:12px}.switch-control:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .18s;position:absolute;top:2px;left:2px}.feature-card.is-selected .switch-control{background:#0b2b35}.feature-card.is-selected .switch-control:after{transform:translate(11px)}.ai-copy-card{background:#cae5f18f;border:1px solid #ffffffb3;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:12px;padding:15px;display:grid}.ai-copy-card>div{gap:4px;display:grid}.ai-copy-card strong{font-size:10px}.ai-copy-card span{color:#5c717b;font-size:8px}.ai-copy-card button{border:1px solid var(--border);cursor:pointer;background:#ffffff9e;border-radius:8px;min-height:33px;padding:0 12px;font-size:9px}.domain-hosting{gap:27px;display:grid}.domain-choice-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.domain-choice-grid legend,.hosting-grid legend{grid-column:1/-1}.domain-choice-grid label{border:1px solid var(--border);cursor:pointer;background:#eff8fc85;border-radius:11px;min-height:95px;padding:14px;display:grid;position:relative}.domain-choice-grid label.is-selected,.hosting-grid label.is-selected{border-color:#0b1215;box-shadow:inset 0 0 0 1px #0b1215}.domain-choice-grid input,.hosting-grid input{opacity:0;position:absolute}.domain-choice-grid strong{font-size:10px}.domain-choice-grid span{color:#647781;margin-top:5px;font-size:8px;line-height:1.35}.domain-choice-grid small{color:#405964;margin-top:auto;font-size:8px;font-weight:680}.domain-search{border:1px solid var(--border);background:#f1fafd85;border-radius:12px;padding:17px}.domain-search label>span{grid-template-columns:1fr 90px;display:grid}.domain-search input{border-radius:9px 0 0 9px}.domain-search select{border-left:0;border-radius:0 9px 9px 0}.domain-status{color:#58707c;justify-content:space-between;gap:12px;margin-top:10px;font-size:8px;display:flex}.domain-status strong{color:#0b3334}.domain-suggestions{color:#61747e;flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;font-size:8px;display:flex}.domain-suggestions button{border:1px solid var(--border);cursor:pointer;background:#ffffff8c;border-radius:7px;padding:5px 7px;font-size:8px}.hosting-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.hosting-grid label{border:1px solid var(--border);cursor:pointer;background:#eff8fc85;border-radius:12px;min-height:195px;padding:18px 14px;display:grid;position:relative}.hosting-grid em{color:#fff;background:#284e5e;border-radius:99px;padding:4px 7px;font-size:7px;font-style:normal;position:absolute;top:-9px;right:12px}.hosting-grid strong{font-family:var(--serif);font-size:20px}.hosting-grid b{margin:8px 0 13px;font-size:11px}.hosting-grid span{color:#61747e;margin-top:5px;font-size:8px}.step-navigation{justify-content:space-between;margin-top:auto;padding-top:30px;display:flex}.step-navigation button,.preview-adjust,.checkout-button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:10px;font-weight:650;display:inline-flex}.back-button{border:1px solid var(--border);background:#ffffff6b}.back-button:disabled{opacity:.35}.next-button,.checkout-button{color:#fff;background:#0a1114;border:0}.live-preview-shell{background:#cce5f061;flex-direction:column;min-width:0;padding:25px;display:flex}.preview-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-toolbar>div:first-child{gap:3px;display:grid}.preview-toolbar span{font-size:10px;font-weight:690}.preview-toolbar small{color:#687b85;font-size:8px}.device-switcher{border:1px solid var(--border);background:#ffffff57;border-radius:9px;gap:3px;padding:3px;display:flex}.device-switcher button{cursor:pointer;background:0 0;border:0;border-radius:6px;place-content:center;align-items:center;width:30px;height:27px;padding:0;display:flex}.device-switcher button.is-active{color:#fff;background:#0b1418}.device-switcher button span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.device-stage{place-items:center;min-height:480px;margin-top:20px;display:grid;overflow:hidden}.preview-site{border-radius:var(--preview-radius);background:var(--preview-secondary);width:100%;min-height:410px;max-height:520px;box-shadow:var(--preview-shadow);color:var(--preview-primary);font-family:var(--preview-body-font);border:1px solid #1334421f;transition:width .3s,min-height .3s,border-radius .22s,background-color .22s;animation:.3s preview-crossfade;overflow:hidden auto}.device-stage.is-tablet .preview-site{width:78%;min-height:440px}.device-stage.is-mobile .preview-site{width:52%;min-width:190px;min-height:455px}.preview-site-nav{border-bottom:1px solid #0f28341a;justify-content:space-between;align-items:center;min-height:45px;padding:0 18px;font-size:6px;display:flex}.preview-site-nav nav{gap:10px;display:flex}.preview-site-nav nav button{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:4px 0;font-family:inherit;font-size:6px}.preview-site-nav nav button.is-active{border-bottom-color:currentColor}.preview-brand{align-items:center;gap:5px;display:inline-flex}.preview-brand-star{object-fit:contain;width:14px;height:14px}.preview-site.style-dark .preview-brand-star,.preview-site.style-luxury .preview-brand-star{filter:invert()}.preview-logo-text{border:1px solid;border-radius:50%;place-items:center;width:16px;height:16px;font-size:5px;display:grid}.preview-logo-placeholder{opacity:.55;border:1px dashed;border-radius:2px;width:16px;height:10px}.preview-page-content,.preview-inner-page{animation:.26s preview-crossfade}.device-stage.is-mobile .preview-site-nav nav{display:none}.preview-site-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:20px;min-height:270px;padding:35px 28px;display:grid}.device-stage.is-mobile .preview-site-hero{grid-template-columns:1fr;padding:27px 19px}.preview-site-hero small{color:var(--preview-accent);letter-spacing:.08em;text-transform:uppercase;font-size:6px;font-weight:700}.preview-site-hero h3{font-family:var(--preview-heading-font);letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(21px,2.8vw,35px);font-weight:500;line-height:.95}.preview-site.style-minimal h3,.preview-site.style-tech h3{font-weight:730}.preview-site.style-luxury,.preview-site.style-dark{color:#f3f8fa;background:#101619}.preview-site.style-vibrant{background:linear-gradient(135deg, var(--preview-secondary), #d7c7f0)}.preview-site-hero p{color:color-mix(in srgb, var(--preview-primary) 65%, transparent);margin:11px 0 0;font-size:7px;line-height:1.5}.preview-site-hero button{border:1px solid var(--preview-primary);border-radius:var(--preview-radius);color:#fff;background:var(--preview-primary);min-height:27px;margin-top:14px;padding:0 11px;font-size:6px}.preview-site.buttons-square button{border-radius:0}.preview-site.buttons-pill button{border-radius:999px}.preview-site.buttons-outline button{color:var(--preview-primary);background:0 0}.preview-visual{border-radius:var(--preview-radius);background:radial-gradient(circle at 35% 35%, #ffffffbf, transparent 23%), linear-gradient(145deg, var(--preview-accent), #ffffff94);height:175px;position:relative;overflow:hidden}.device-stage.is-mobile .preview-visual{height:130px}.preview-visual span{background:#ffffff57;border-radius:50% 50% 0 0;height:70%;position:absolute;bottom:-40%;left:-15%;right:-15%}.preview-visual span:nth-child(2){bottom:-48%;left:-25%;right:30%}.preview-visual span:nth-child(3){bottom:-55%;left:45%;right:-35%}.preview-feature-row{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 19px;display:grid}.preview-feature-row span{border-radius:calc(var(--preview-radius) * .7);background:#ffffff47;border:1px solid #1434411a;height:45px}.preview-content-section{border-top:1px solid color-mix(in srgb, var(--preview-primary) 12%, transparent);grid-template-columns:32px .7fr 1.3fr;align-items:center;gap:13px;min-height:92px;padding:16px 20px;display:grid}.preview-content-section>small{color:var(--preview-accent);font-size:6px}.preview-content-section h4{font-family:var(--preview-heading-font);margin:0;font-size:14px;font-weight:500}.preview-content-section>div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.preview-content-section>div span{border:1px solid color-mix(in srgb, var(--preview-primary) 10%, transparent);border-radius:calc(var(--preview-radius) * .55);background:color-mix(in srgb, var(--preview-accent) 13%, transparent);height:36px}.preview-mini-footer{border-top:1px solid color-mix(in srgb, var(--preview-primary) 12%, transparent);justify-content:space-between;align-items:center;min-height:48px;padding:0 20px;font-size:6px;display:flex}.preview-inner-page{align-content:start;min-height:365px;padding:54px 28px 30px;display:grid}.preview-inner-page>small{color:var(--preview-accent);text-transform:uppercase;font-size:7px}.preview-inner-page h3{font-family:var(--preview-heading-font);margin:12px 0 10px;font-size:clamp(26px,4vw,44px);font-weight:500}.preview-inner-page p{width:min(260px,100%);color:color-mix(in srgb, var(--preview-primary) 65%, transparent);margin:0;font-size:7px;line-height:1.5}.preview-inner-page>div{grid-template-columns:1.2fr .8fr;gap:8px;margin-top:34px;display:grid}.preview-inner-page>div span{border-radius:var(--preview-radius);background:color-mix(in srgb, var(--preview-accent) 22%, white);min-height:88px}.preview-inner-page>div span:first-child{grid-row:span 2}.preview-site.icons-filled .preview-feature-row span{background:color-mix(in srgb, var(--preview-accent) 22%, #ffffff5c);border-color:#0000}.preview-site.icons-minimal .preview-feature-row span{background:0 0;border-width:0 0 1px;border-radius:0;height:22px}.preview-site.animation-none,.preview-site.animation-none *{transition:none!important;animation:none!important}.preview-site.animation-dynamic .preview-visual span{animation:3.8s ease-in-out infinite alternate preview-landscape-drift}.preview-site.animation-dynamic .preview-visual span:nth-child(2){animation-delay:-1.2s}.preview-site.animation-dynamic .preview-visual span:nth-child(3){animation-delay:-2.4s}.preview-site.density-airy .preview-site-hero{padding-block:47px}.preview-site.density-compact .preview-site-hero{min-height:230px;padding-block:22px}.preview-adjust{border:1px solid var(--border);background:#f4fbfda3;align-self:flex-end;margin-top:auto}.summary-panel{gap:24px;display:grid}.summary-heading{align-items:center;gap:15px;display:flex}.summary-heading>span{color:#fff;background:#0b3532;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.summary-heading p{color:#51707b;text-transform:uppercase;margin:0 0 4px;font-size:9px}.summary-heading h3{font-family:var(--serif);margin:0;font-size:28px;font-weight:500}.summary-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.summary-grid button{border:1px solid var(--border);cursor:pointer;text-align:left;background:#f2fafd8c;border-radius:10px;min-height:66px;padding:12px;display:grid}.summary-grid span{color:#687b84;font-size:8px}.summary-grid strong{margin-top:5px;font-size:10px}.summary-breakdown{border:1px solid var(--border);background:#f1f9fc9e;border-radius:13px;padding:18px}.summary-breakdown h4{font-family:var(--serif);margin:0 0 12px;font-size:20px}.summary-breakdown dl{margin:0}.summary-breakdown dl>div{color:#5f737d;justify-content:space-between;padding:7px 0;font-size:9px;display:flex}.summary-breakdown dd{color:#182b34;margin:0;font-weight:680}.summary-breakdown .summary-total{border-top:1px solid var(--border);color:#111;margin-top:7px;padding-top:13px;font-size:12px}.summary-breakdown>p{color:#657983;margin:12px 0 0;font-size:8px}.checkout-button{border:0;width:100%}.summary-actions{grid-template-columns:.8fr 1.2fr;gap:9px;display:grid}.save-config-button{border:1px solid var(--border);cursor:pointer;background:#ffffff80;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-size:10px;font-weight:650;display:inline-flex}.mobile-preview-jump{display:none}.secure-note{color:#667a84;justify-content:center;align-items:center;gap:6px;font-size:8px;display:inline-flex}.checkout-overlay{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0712179e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.checkout-demo{background:#eaf6fb;border:1px solid #ffffffb3;border-radius:22px;width:min(460px,100%);padding:34px;position:relative;box-shadow:0 30px 90px #08192147}.checkout-close{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;width:33px;height:33px;font-size:20px;position:absolute;top:14px;right:14px}.checkout-demo>p:first-of-type{color:#4d6a77;letter-spacing:.08em;text-transform:uppercase;margin:17px 0 8px;font-size:10px;font-weight:680}.checkout-demo h3{font-family:var(--serif);margin:0;font-size:36px;font-weight:500;line-height:1}.checkout-demo>p:last-of-type{color:#5b707b;font-size:11px;line-height:1.55}.checkout-demo form{gap:13px;margin-top:22px;display:grid}.checkout-demo form>div{border-top:1px solid var(--border);justify-content:space-between;padding:14px 0;font-size:11px;display:flex}.checkout-demo form>button{color:#fff;cursor:pointer;background:#0a1114;border:0;border-radius:9px;min-height:44px;font-size:11px;font-weight:680}.mobile-price-bar{display:none}@keyframes check-pop{0%{transform:scale(.7)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes preview-crossfade{0%{opacity:.55;transform:translateY(5px)}}@keyframes preview-landscape-drift{0%{transform:translate(-2%)}to{transform:translate(3%,-5%)}}@media (prefers-reduced-motion:reduce){.preview-site,.preview-site *{transition-duration:.01ms!important;animation:none!important}}@media (width<=1050px){.configurator-layout{grid-template-columns:1fr}.configurator-main{border-right:0;border-bottom:1px solid var(--border)}.live-preview-shell{min-height:600px}.device-stage{min-height:470px}.preview-site{width:min(620px,100%)}.template-picker>div{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.configurator-section{width:calc(100% - 20px);margin-top:85px}.configurator-shell{border-radius:21px}.configurator-topbar{grid-template-columns:1fr auto;gap:12px;padding:15px}.reset-config{display:none}.price-card{min-width:105px}.progress-dots{gap:22px}.configurator-main{padding:26px 16px}.option-grid,.style-grid{grid-template-columns:1fr 1fr}.control-columns,.brand-fields,.feature-grid,.domain-choice-grid{grid-template-columns:1fr}.mobile-preview-jump{border:1px solid var(--border);background:#ffffff70;border-radius:9px;align-items:center;gap:6px;min-height:42px;padding:0 11px;font-size:9px;display:inline-flex}.hosting-grid{grid-template-columns:1fr}.hosting-grid label{min-height:170px}.live-preview-shell{min-height:570px;padding:20px 14px}.device-stage.is-tablet .preview-site{width:92%}.device-stage.is-mobile .preview-site{width:62%}.summary-grid{grid-template-columns:1fr}}@media (width<=520px){.option-grid,.style-grid{grid-template-columns:1fr}.template-picker>div{grid-template-columns:1fr 1fr}.template-option{min-height:105px}.option-card{min-height:135px}.page-row{grid-template-columns:auto 1fr auto}.page-row>small{display:none}.ai-copy-card{grid-template-columns:auto 1fr}.ai-copy-card button{grid-column:1/-1}.device-stage.is-mobile .preview-site{width:74%}.summary-actions{grid-template-columns:1fr}.step-navigation{gap:6px}.step-navigation button{padding-inline:9px}.mobile-price-bar{z-index:35;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ddeff8f0;border:1px solid #ffffffb3;border-radius:15px;justify-content:space-between;align-items:center;min-height:56px;padding:8px 8px 8px 16px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 18px 50px #12303e33}.mobile-price-bar span{color:#5c717b;font-size:8px;display:grid}.mobile-price-bar strong{color:#111;font-family:var(--serif);font-size:20px}.mobile-price-bar button{color:#fff;background:#0a1114;border:0;border-radius:9px;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:9px;display:inline-flex}}.portfolio-page,.project-detail-page,.configurator-page{background:linear-gradient(#ffffff14,#f5fbff 72%),url(/images/siteup-clouds.webp) top/100% no-repeat,#e7f4ff;min-height:100vh;overflow:hidden}.portfolio-hero{text-align:center;flex-direction:column;align-items:center;min-height:850px;padding:155px 20px 0;display:flex;position:relative;overflow:hidden}.portfolio-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fffffff0);height:260px;position:absolute;bottom:0;left:0;right:0}.portfolio-hero>p,.portfolio-section-head>p,.selected-project-copy>p,.project-detail-hero>p,.project-detail-grid article>p,.project-sections-showcase>div:first-child>p,.configurator-page-hero>p{color:#4b6572;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:720}.portfolio-hero h1{z-index:2;font-family:var(--serif);letter-spacing:-.075em;margin:32px 0 0;font-size:clamp(110px,17vw,240px);font-weight:500;line-height:.7;position:relative}.portfolio-hero>span{z-index:2;color:#4d626d;width:min(530px,90%);margin-top:45px;font-size:14px;line-height:1.6;position:relative}.hero-folders{z-index:1;width:min(900px,92vw);height:390px;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.hero-folders i{--folder-x:calc((var(--folder-index) - 1.5) * 155px);color:#fff;opacity:0;width:290px;height:260px;transform:translate3d(var(--folder-x), 120px, 0) rotate(calc((var(--folder-index) - 1.5) * 7deg));animation:folder-arrive .7s calc(.18s + var(--folder-index) * .1s) cubic-bezier(.2, .8, .2, 1) forwards;background:#559fef;border:1px solid #ffffffbf;border-radius:32px 32px 10px 10px;justify-content:space-between;padding:26px;display:flex;position:absolute;bottom:0;left:calc(50% - 145px);box-shadow:0 35px 70px #2952732e}.hero-folders i.tone-violet{background:#5b55df}.hero-folders i.tone-cream{color:#5b4934;background:#f2d47c}.hero-folders i.tone-coral{background:#ef765e}.hero-folders b{font-size:14px;font-style:normal}.hero-folders small{opacity:.72;font-style:normal}.project-directory,.selected-project,.project-detail-grid,.project-sections-showcase,.device-modes,.project-detail-actions{width:var(--shell);margin-inline:auto}.project-directory{padding:120px 0 75px}.portfolio-section-head{gap:14px;max-width:660px;display:grid}.portfolio-section-head h2,.selected-project-copy h2,.project-detail-grid h2,.project-sections-showcase h2{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(52px,7vw,88px);font-weight:500;line-height:.92}.portfolio-section-head>span,.selected-project-copy>span{color:#536a76;max-width:540px;font-size:13px;line-height:1.6}.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:60px;display:grid}.project-folder{opacity:0;min-width:0;animation:card-stagger .52s calc(.12s + var(--folder-index) * 90ms) ease forwards;position:relative;transform:translateY(25px)}.project-folder>button{width:100%;height:340px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:27px 27px 16px 16px;padding:0;transition:transform .32s,filter .32s;position:relative;overflow:hidden}.folder-tab{z-index:1;background:#7bb8f6;border-radius:14px 20px 0 0;width:92px;height:50px;padding:11px 15px;font-size:10px;position:absolute;top:4px;left:22px}.folder-paper,.folder-cover{border-radius:25px 25px 14px 14px;position:absolute;bottom:0;left:0;right:0}.folder-paper{z-index:2;background:#fffffff0;flex-direction:column;padding:30px 25px;transition:transform .35s cubic-bezier(.2,.75,.2,1);display:flex;top:55px;box-shadow:0 22px 50px #2d4d631f}.folder-paper small{color:#687b85;font-size:9px}.folder-paper strong{font-family:var(--serif);margin-top:20px;font-size:30px;font-weight:500;line-height:.95}.folder-paper i{color:#667985;margin-top:auto;font-size:8px;font-style:normal}.folder-cover{z-index:3;background:#76b5f4;padding:28px 24px;transition:transform .35s cubic-bezier(.2,.75,.2,1);top:145px;box-shadow:inset 0 1px #ffffff80}.folder-cover b{color:#ffffffdb;margin-top:110px;font-size:22px;display:block}.project-folder.tone-violet .folder-tab,.project-folder.tone-violet .folder-cover{background:#5b55df}.project-folder.tone-cream .folder-tab,.project-folder.tone-cream .folder-cover{color:#453b2a;background:#edcf76}.project-folder.tone-coral .folder-tab,.project-folder.tone-coral .folder-cover{background:#ef765e}.project-folder:hover>button,.project-folder:focus-within>button,.project-folder.is-selected>button{filter:drop-shadow(0 26px 30px #21415726);transform:translateY(-9px)rotate(-.7deg)}.project-folder:hover .folder-paper,.project-folder:focus-within .folder-paper,.project-folder.is-selected .folder-paper{transform:translateY(-72px)rotate(1.5deg)}.project-folder:hover .folder-cover,.project-folder:focus-within .folder-cover,.project-folder.is-selected .folder-cover{transform:translateY(18px)}.project-folder>a{color:#263c47;opacity:0;align-items:center;gap:7px;margin:14px 10px 0;font-size:10px;font-weight:700;transition:opacity .22s,transform .22s;display:inline-flex;transform:translateY(-6px)}.project-folder.is-selected>a,.project-folder:focus-within>a,.project-folder:hover>a{opacity:1;transform:none}.selected-project{grid-template-columns:.65fr 1.35fr;gap:70px;padding:75px 0 135px;display:grid}.selected-project-copy{align-self:center}.selected-project-copy h2{margin:18px 0 25px}.technology-list{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.technology-list small{background:#ffffff7a;border:1px solid #304d5c1f;border-radius:999px;padding:8px 10px;font-size:8px}.selected-project-stage{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#dff0fc94;border:1px solid #fffc;border-radius:36px;padding:32px 32px 75px;animation:.44s both project-crossfade;position:relative;box-shadow:0 30px 80px #365b7524}.project-browser{background:#fff;border:1px solid #1e37461f;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #25435829}.browser-chrome{background:#fafcfdf5;align-items:center;gap:6px;min-height:42px;padding:0 14px;display:flex}.browser-chrome>span{background:#d9e2e7;border-radius:50%;width:7px;height:7px}.browser-chrome i{color:#71818a;text-align:center;background:#edf2f4;border-radius:999px;width:45%;margin:0 auto;padding:7px 12px;font-size:7px;font-style:normal}.project-screen{color:#12202a;background:radial-gradient(circle at 30% 25%,#fffffff2,#0000 35%),linear-gradient(150deg,#bcdfff,#e9f7ff 62%,#fff);min-height:430px;padding:25px 34px}.project-browser.tone-violet .project-screen{color:#f7f5ff;background:linear-gradient(145deg,#18152d,#554cd0 62%,#a69cff)}.project-browser.tone-cream .project-screen{color:#4b3224;background:linear-gradient(145deg,#fff9ef,#f0d7b2 68%,#ef9b6a)}.project-browser.tone-coral .project-screen{background:linear-gradient(145deg,#fff,#ffdfcb 60%,#f77961)}.screen-nav{align-items:center;gap:16px;font-size:7px;display:flex}.screen-nav strong{margin-right:auto;font-size:10px}.screen-hero{width:70%;padding:75px 0 50px}.screen-hero small{text-transform:uppercase;font-size:7px}.screen-hero h3{font-family:var(--serif);letter-spacing:-.05em;margin:13px 0 0;font-size:clamp(30px,4.2vw,58px);font-weight:500;line-height:.9}.screen-hero p{max-width:340px;font-size:8px;line-height:1.5}.screen-hero b{color:#fff;background:#111;border-radius:999px;margin-top:12px;padding:9px 13px;font-size:7px;display:inline-block}.screen-cards{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.screen-cards span{background:#ffffff59;border:1px solid #ffffff73;border-radius:13px;height:70px}.view-project-link{color:#fff;background:#0a0c0d;border-radius:11px;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:24px;right:27px}.portfolio-footer{width:var(--shell);color:#5e717a;border-top:1px solid #2a46541f;justify-content:space-between;margin:0 auto;padding:35px 0 45px;font-size:10px;display:flex}.project-detail-page{padding:150px 0 100px}.project-detail-hero,.project-detail-mockup{width:var(--shell);margin-inline:auto}.project-detail-hero{text-align:center;justify-items:center;display:grid}.project-detail-hero h1{font-family:var(--serif);letter-spacing:-.07em;margin:24px 0 0;font-size:clamp(74px,13vw,185px);font-weight:500;line-height:.78}.project-detail-hero>span{color:#4f6672;width:min(600px,92%);margin-top:38px;font-size:14px;line-height:1.6}.project-detail-mockup{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#e6f3fca1;border:1px solid #ffffffc2;border-radius:42px;margin-top:80px;padding:55px;box-shadow:0 35px 90px #274e6824}.project-detail-grid{grid-template-columns:1.35fr .65fr;gap:14px;padding:130px 0 80px;display:grid}.project-detail-grid article{background:#ffffff87;border:1px solid #ffffffd6;border-radius:27px;min-height:280px;padding:38px;box-shadow:0 18px 50px #2a4d6312}.project-detail-grid article:first-child{grid-row:span 2}.project-detail-grid article>span{color:#536b77;line-height:1.7}.project-detail-grid h2{margin:22px 0 30px;font-size:66px}.project-palette{gap:7px;margin-top:25px;display:flex}.project-palette span{color:#0000;border:1px solid #1e2d3414;border-radius:14px;align-items:end;width:68px;height:68px;padding:8px;font-size:7px;transition:width .2s;display:grid}.project-palette span:hover{color:#111;width:100px}.project-detail-grid dl{margin:25px 0 0}.project-detail-grid dl div{border-top:1px solid #1e323c1a;justify-content:space-between;padding:9px 0;display:flex}.project-detail-grid dt,.project-detail-grid dd{font-size:10px}.project-detail-grid ul{margin:25px 0 0;padding:0;list-style:none}.project-detail-grid li{border-bottom:1px solid #1e323c1a;padding:10px 0;font-size:11px}.project-sections-showcase{padding:55px 0 100px}.project-sections-showcase h2{max-width:700px;margin-top:18px}.section-tiles{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:50px;display:grid}.section-tiles article{background:#ffffff78;border:1px solid #fffc;border-radius:22px;flex-direction:column;min-height:240px;padding:20px;display:flex;overflow:hidden}.section-tiles small{color:#71828a}.section-tiles strong{font-family:var(--serif);margin-top:18px;font-size:20px}.section-tiles span{background:linear-gradient(140deg,#74b5f5,#fffc);border-radius:50% 50% 0 0;width:160%;height:130px;margin:auto -30% -65px}.device-modes{background:#ffffff7a;border:1px solid #ffffffd1;border-radius:25px;grid-template-columns:repeat(3,1fr);gap:10px;padding:30px;display:grid}.device-modes span{justify-content:center;align-items:center;gap:10px;min-height:80px;font-size:11px;display:flex}.project-detail-actions{justify-content:center;align-items:center;gap:12px;padding:80px 0 20px;display:flex}.project-detail-actions a{background:#ffffff8a;border:1px solid #1e323c24;border-radius:12px;align-items:center;gap:9px;min-height:50px;padding:0 20px;font-size:11px;font-weight:700;display:inline-flex}.project-detail-actions .primary-action{color:#fff;background:#090b0c}.configurator-page{padding:150px 0 80px}.configurator-page-hero{width:var(--shell);text-align:center;justify-items:center;margin:0 auto;padding:80px 0 45px;display:grid}.configurator-page-hero h1{max-width:900px;font-family:var(--serif);letter-spacing:-.065em;margin:20px 0 0;font-size:clamp(65px,10vw,135px);font-weight:500;line-height:.83}.configurator-page-hero>span{color:#536b77;margin-top:28px;font-size:12px}.configurator-page .configurator-section{padding-top:35px}@keyframes folder-arrive{to{opacity:1;transform:translate3d(var(--folder-x), 0, 0) rotate(calc((var(--folder-index) - 1.5) * 7deg))}}@keyframes card-stagger{to{opacity:1;transform:none}}@keyframes project-crossfade{0%{opacity:0;transform:translateY(10px)}}@keyframes page-arrive{0%{opacity:0;transform:translateY(8px)}}@media (width<=980px){.folder-grid{grid-template-columns:repeat(2,1fr)}.selected-project{grid-template-columns:1fr;gap:35px}.project-detail-grid{grid-template-columns:1fr}.project-detail-grid article:first-child{grid-row:auto}.section-tiles{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.portfolio-hero{min-height:720px;padding-top:140px}.portfolio-hero h1{margin-top:26px;font-size:29vw}.portfolio-hero>span{margin-top:34px;font-size:12px}.hero-folders{height:330px;bottom:-60px}.hero-folders i{--folder-x:calc((var(--folder-index) - 1.5) * 65px);border-radius:22px 22px 8px 8px;width:200px;height:210px;left:calc(50% - 100px)}.project-directory{padding-top:85px}.folder-grid{grid-template-columns:1fr}.project-folder>a{opacity:1;min-height:40px;transform:none}.selected-project{padding:55px 0 85px}.selected-project-stage{border-radius:24px;padding:13px 13px 76px}.view-project-link{justify-content:center;bottom:18px;left:13px;right:13px}.project-screen{min-height:360px;padding:20px}.screen-hero{width:100%;padding-top:55px}.screen-nav span{display:none}.portfolio-footer{flex-direction:column;align-items:flex-start;gap:8px}.project-detail-page{padding-top:135px}.project-detail-hero h1{font-size:24vw}.project-detail-mockup{border-radius:24px;margin-top:55px;padding:12px}.project-detail-grid{padding-top:70px}.project-detail-grid article{min-height:0;padding:27px}.project-detail-grid h2{font-size:47px}.project-palette span{width:52px;height:56px}.section-tiles{grid-template-columns:1fr 1fr}.section-tiles article{min-height:190px}.device-modes{grid-template-columns:1fr}.device-modes span{min-height:55px}.project-detail-actions{flex-direction:column;align-items:stretch}.project-detail-actions a{justify-content:center}.configurator-page{padding-top:110px}.configurator-page-hero{padding-top:55px}}@media (prefers-reduced-motion:reduce){.page-transition-in,.hero-folders i,.project-folder,.selected-project-stage{opacity:1;animation:none;transform:none}}.editorial-portfolio-page{color:#202020;background:#fff;min-height:100svh;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.editorial-portfolio{background:#fff;min-height:100svh}.editorial-cover{background:#fff;border-bottom:15px solid #ededed;height:50svh;min-height:410px;position:relative;overflow:hidden}.editorial-topline{z-index:10;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 30px;font-size:10px;display:grid;position:relative}.editorial-topline a{color:#202020;text-decoration:none}.editorial-topline>span,.editorial-index-line>span:nth-child(2){color:#a0a0a0;text-align:center;letter-spacing:.13em;background:linear-gradient(90deg,#0000,#f1f1f1 24% 76%,#0000);border-radius:999px;min-width:190px;padding:6px 18px;font-size:9px}.editorial-plus{justify-self:end;font-size:25px;font-weight:300;line-height:1}.editorial-title-block{z-index:5;text-align:center;justify-items:center;margin-top:23px;display:grid;position:relative}.editorial-title-block h1{letter-spacing:-.07em;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(78px,12vw,156px);font-weight:300;line-height:.9}.editorial-title-block p{color:#5d5d5d;letter-spacing:.03em;margin:13px 0 0;font-size:14px}.editorial-folder-stack{z-index:3;width:min(810px,92vw);height:265px;position:absolute;bottom:-94px;left:50%;transform:translate(-50%)}.editorial-brief{z-index:1;background:#f6f6f6;border-radius:8px;align-content:start;gap:10px;width:180px;height:165px;padding:18px 20px;animation:.65s .12s both editorial-card-in;display:grid;position:absolute;bottom:52px;left:50%;transform:translate(-50%)rotate(11deg);box-shadow:0 12px 24px #0000000f}.editorial-brief strong{letter-spacing:.08em;font-size:10px}.editorial-brief span{color:#666;border-bottom:1px solid #dedede;padding-bottom:5px;font-size:8px}.editorial-decor-folder,.editorial-folder{border:1px solid #ffffff8a;border-radius:24px 24px 8px 8px;width:230px;height:170px;position:absolute;bottom:40px;overflow:hidden;box-shadow:0 20px 34px #2d305f2e}.editorial-decor-folder{z-index:2;background:linear-gradient(145deg,#ff734e,#ff3f28);left:25px;transform:rotate(-18deg)}.editorial-decor-folder:before,.editorial-folder:before{content:"";background:inherit;border-radius:15px 18px 0 0;width:85px;height:34px;position:absolute;top:-13px;left:18px}.editorial-folder{color:#ffffffb8;transform-origin:bottom;animation:editorial-folder-in .62s calc(.12s + var(--editorial-index) * 80ms) both;justify-content:space-between;padding:22px;text-decoration:none;transition:transform .24s,filter .24s;display:flex}.editorial-folder span{font-size:12px}.editorial-folder strong{align-self:flex-end;font-size:20px;font-weight:500}.editorial-folder:hover,.editorial-folder:focus-visible{z-index:10;filter:saturate(1.12);transform:translateY(-18px)rotate(0)}.editorial-folder-1{z-index:3;color:#5e481673;background:linear-gradient(145deg,#ffe57b,#f3bd49);left:128px;transform:rotate(9deg)}.editorial-folder-2{z-index:6;background:linear-gradient(145deg,#7161ff,#3d36e9 68%,#7874ff);width:245px;height:190px;left:calc(50% - 115px);transform:rotate(-4deg)}.editorial-folder-3{z-index:4;color:#4a443f6b;background:linear-gradient(145deg,#c9c3bd,#958e87);right:120px;transform:rotate(7deg)}.editorial-folder-4{z-index:7;background:linear-gradient(145deg,#86d7ff,#38aaf0);right:15px;transform:rotate(11deg)}.editorial-index{background:#fff;grid-template-rows:58px 1fr auto;height:50svh;min-height:410px;padding:0 20px 22px;display:grid;position:relative}.editorial-index-line{grid-template-columns:1fr auto 1fr;align-items:center;font-size:11px;display:grid}.editorial-index-line>span:first-child{font-size:10px}.editorial-index-line strong{justify-self:end;font-size:13px}.editorial-categories{letter-spacing:.24em;gap:22px;display:flex;position:absolute;top:175px;left:50%;transform:translate(-50%)}.editorial-index>.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.editorial-categories a{color:#2c2c2c;font-size:clamp(13px,1.5vw,20px);text-decoration:none}.editorial-categories i{color:#8e8e8e;font-style:normal}.editorial-project-links{opacity:0;gap:20px;transition:opacity .22s,transform .22s;display:flex;position:absolute;top:calc(50% + 50px);left:50%;transform:translate(-50%,12px)}.editorial-index:focus-within .editorial-project-links,.editorial-index:hover .editorial-project-links{opacity:1;transform:translate(-50%)}.editorial-project-links a{color:#444;text-align:center;gap:4px;min-width:110px;font-size:11px;text-decoration:none;display:grid}.editorial-project-links small{color:#aaa}.editorial-credit{grid-template-columns:1fr auto 1fr;align-items:end;font-size:10px;display:grid}.editorial-credit a{color:#333;grid-column:2;text-decoration:none}.editorial-credit span{color:#c2c2c2;justify-self:end}@keyframes editorial-card-in{0%{opacity:0;transform:translate(-50%,35px)rotate(5deg)}}@keyframes editorial-folder-in{0%{opacity:0;translate:0 90px}}@media (width<=700px){.editorial-cover{height:55svh;min-height:480px}.editorial-topline{padding:0 16px}.editorial-topline>a:first-child{font-size:8px}.editorial-topline>span{min-width:150px;font-size:7px}.editorial-title-block{margin-top:45px}.editorial-title-block h1{font-size:21vw}.editorial-title-block p{font-size:10px}.editorial-folder-stack{width:480px;bottom:-75px;transform:translate(-50%)scale(.8)}.editorial-index{height:45svh;min-height:440px}.editorial-index-line>span:nth-child(2){min-width:145px;font-size:7px}.editorial-categories{letter-spacing:.1em;gap:10px}.editorial-project-links{opacity:1;grid-template-columns:1fr 1fr;width:90%;display:grid;transform:translate(-50%)}.editorial-credit span{display:none}}@media (prefers-reduced-motion:reduce){.editorial-brief,.editorial-folder{animation:none}}:root{--background:#fbfbf8;--background-soft:#f4f4ef;--surface:#fff;--surface-strong:#fff;--text-primary:#0a0a0a;--text-secondary:#74746f;--border:#0a0a0a1f;--button-primary:#090909;--button-primary-text:#fff;--serif:var(--font-geist-sans), Arial, sans-serif;--sans:var(--font-geist-sans), Arial, sans-serif;--page-pad:clamp(22px, 4.5vw, 68px);--radius-sm:13px;--radius-lg:24px;--ease-slow:cubic-bezier(.22, 1, .36, 1)}html{background:#eeefeb}body{color:var(--text-primary);background:#eeefeb}::selection{color:#fff;background:#111}:focus-visible{outline-color:#111}.page-transition-in{animation:page-enter .52s var(--ease-slow) both}@keyframes page-enter{0%{opacity:0;filter:blur(4px);transform:translateY(7px)}}.siteup-nav-shell{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfbf8d1;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:min(920px,100% - 34px);min-height:48px;padding:0 4px 0 8px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}.siteup-nav-brand{align-items:center;gap:7px;width:max-content;font-size:11px;display:inline-flex}.siteup-nav-brand img{object-fit:contain;width:15px;height:15px}.siteup-nav-brand strong{letter-spacing:-.025em;font-weight:690}.siteup-nav-links{white-space:nowrap;align-items:center;gap:clamp(18px,2.3vw,34px);display:flex}.siteup-nav-links a{color:#393936;font-size:10px;font-weight:520;position:relative}.siteup-nav-links a:after{content:"";background:#111;height:1px;transition:transform .18s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.siteup-nav-links a:hover:after{transform:scaleX(1)}.siteup-account-link{color:#fff;background:#080808;border-radius:999px;justify-self:end;align-items:center;gap:7px;min-height:34px;padding:0 15px;font-size:9px;font-weight:620;transition:transform .18s,box-shadow .18s;display:inline-flex}.siteup-account-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000021}.siteup-menu-toggle,.siteup-mobile-menu{display:none}.particle-home{background:radial-gradient(circle at 50% 45%,#fff 0 34%,#fff0 66%),#fbfbf8;border:1px solid #0a0a0a0f;border-radius:20px;height:calc(100svh - 8px);min-height:640px;margin:4px;position:relative;overflow:hidden;box-shadow:inset 0 -80px 90px #00000006}.particle-field{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.particle-hero{z-index:4;text-align:center;justify-items:center;width:min(760px,78vw);display:grid;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.particle-hero>p:first-child{color:#969691;letter-spacing:.12em;text-transform:uppercase;margin:0 0 17px;font-size:9px;font-weight:620}.particle-hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(35px,3.7vw,56px);font-weight:520;line-height:.98}.particle-hero h1 span{color:#a5a5a0;font-weight:420;display:block}.particle-subtitle{color:#74746f;width:min(490px,90%);margin:18px 0 0;font-size:11px;line-height:1.45}.particle-cta{color:#fff;background:#080808;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:11px;min-height:40px;margin-top:30px;padding:0 18px;font-size:10px;font-weight:610;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 8px 22px #00000024}.particle-cta:after{z-index:-1;content:"";opacity:.65;filter:blur(9px);background:linear-gradient(90deg,#ffce70,#cfff77,#8de8ff,#b69cff,#ff8bc7);border-radius:50%;height:12px;position:absolute;bottom:-8px;left:13px;right:13px}.particle-cta:hover{transform:translateY(-2px);box-shadow:0 11px 26px #0000002e}.particle-capabilities{z-index:4;color:#373734;grid-template-columns:repeat(6,1fr);gap:15px;display:grid;position:absolute;bottom:18px;left:clamp(22px,4vw,62px);right:clamp(22px,4vw,62px)}.particle-capabilities span{white-space:nowrap;justify-content:center;align-items:center;gap:7px;font-size:8px;font-weight:560;display:flex}.particle-capabilities i{color:#aaa9a4;font-size:6px;font-style:normal}.system-page,.portfolio-system-page,.account-system-page{background:#fbfbf8;min-height:100svh;position:relative;overflow:hidden}.system-page:before,.portfolio-system-page:before,.account-system-page:before{content:"";pointer-events:none;background-image:radial-gradient(#0a0a0a21 .65px,#0000 .65px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000001f,#0000 34%);mask-image:linear-gradient(#0000001f,#0000 34%)}.system-page-heading{z-index:2;top:132px;left:var(--page-pad);width:min(320px,28vw);position:absolute}.system-page-heading>p,.portfolio-system-heading>p,.about-editorial header>p:first-child{color:#969691;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:9px;font-weight:620}.system-page-heading h1,.portfolio-system-heading h1,.about-editorial h1{letter-spacing:-.065em;margin:24px 0 0;font-size:clamp(46px,5vw,76px);font-weight:520;line-height:.92}.system-page-heading h1 span,.portfolio-system-heading h1 span,.about-editorial h1 span{color:#aaa9a4;font-weight:420}.system-page-heading>a{border-bottom:1px solid #111;align-items:center;gap:8px;margin-top:32px;padding-bottom:5px;font-size:10px;font-weight:620;display:inline-flex}.services-bento{z-index:2;top:112px;right:var(--page-pad);grid-template-rows:1fr 1fr;grid-template-columns:repeat(4,1fr);gap:10px;display:grid;position:absolute;bottom:34px;left:34%}.service-bento-card{min-width:0;min-height:0;transition:transform .26s var(--ease-slow), box-shadow .26s ease;background:#fff;border:1px solid #0a0a0a17;border-radius:17px;flex-direction:column;padding:clamp(15px,1.8vw,25px);display:flex;position:relative;overflow:hidden}.service-bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #00000012}.service-bento-card:first-child,.service-bento-card:nth-child(6){grid-column:span 2}.service-bento-card>small{color:#aaa9a4;font-size:8px}.service-bento-card>div:last-child{z-index:2;margin-top:auto;position:relative}.service-bento-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(18px,1.8vw,28px);font-weight:540}.service-bento-card p{color:#77766f;max-width:380px;margin:8px 0 0;font-size:9px;line-height:1.45}.service-motion{pointer-events:none;position:absolute;inset:0}.service-motion i{display:block;position:absolute}.visual-signal .service-motion i{background:#111;border-radius:50%;width:8px;height:8px;animation:3.6s ease-in-out infinite signal-wave;top:34%}.visual-signal .service-motion i:first-child{left:44%}.visual-signal .service-motion i:nth-child(2){animation-delay:-.5s;left:51%}.visual-signal .service-motion i:nth-child(3){animation-delay:-1s;left:58%}.visual-signal .service-motion i:nth-child(4){animation-delay:-1.5s;left:65%}.visual-layout .service-motion i{border:1px solid #a2a19b;border-radius:7px}.visual-layout .service-motion i:first-child{width:45%;height:31%;animation:5s ease-in-out infinite layout-shift;top:18%;right:18%}.visual-layout .service-motion i:nth-child(2){width:18%;height:12%;top:22%;right:22%}.visual-layout .service-motion i:nth-child(3){border-radius:99px;width:13%;height:5%;top:37%;right:22%}.visual-layout .service-motion i:nth-child(4){display:none}.visual-commerce .service-motion i{transform-origin:bottom;background:#111;border-radius:99px;width:5px;animation:3.2s ease-in-out infinite commerce-bars;bottom:45%}.visual-commerce .service-motion i:first-child{height:22px;left:50%}.visual-commerce .service-motion i:nth-child(2){height:35px;animation-delay:-.7s;left:58%}.visual-commerce .service-motion i:nth-child(3){height:49px;animation-delay:-1.4s;left:66%}.visual-commerce .service-motion i:nth-child(4){height:29px;animation-delay:-2.1s;left:74%}.visual-morph .service-motion i:first-child{border:1px solid #111;width:68px;height:68px;animation:6s ease-in-out infinite morph-shape;top:20%;right:24%}.visual-morph .service-motion i:nth-child(2){background:#f0f0eb;border-radius:50%;width:36px;height:36px;top:25%;right:29%}.visual-morph .service-motion i:nth-child(n+3){display:none}.visual-pulse .service-motion i{border:1px solid #111;border-radius:50%;width:13px;height:13px;animation:3s ease-out infinite pulse-ring;top:31%;right:30%}.visual-pulse .service-motion i:nth-child(2){animation-delay:-1s}.visual-pulse .service-motion i:nth-child(3){animation-delay:-2s}.visual-pulse .service-motion i:nth-child(4){background:#111;width:7px;height:7px;margin:3px;animation:none}.visual-network .service-motion i{background:#111;border-radius:50%;width:7px;height:7px;animation:4.5s ease-in-out infinite network-drift;top:28%}.visual-network .service-motion i:first-child{left:45%}.visual-network .service-motion i:nth-child(2){animation-delay:-.8s;top:18%;left:57%}.visual-network .service-motion i:nth-child(3){animation-delay:-1.6s;top:34%;left:67%}.visual-network .service-motion i:nth-child(4){animation-delay:-2.4s;top:23%;left:78%}@keyframes signal-wave{50%{opacity:.18;transform:translateY(10px)scale(.65)}}@keyframes layout-shift{50%{border-radius:14px;transform:translate(-10px,9px)}}@keyframes commerce-bars{50%{opacity:.35;transform:scaleY(.55)}}@keyframes morph-shape{0%,to{border-radius:50% 45% 55% 42%;transform:rotate(0)}50%{border-radius:28% 62% 34% 68%;transform:rotate(90deg)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.5)}80%,to{opacity:0;transform:scale(4.5)}}@keyframes network-drift{50%{opacity:.35;transform:translate(8px,7px)}}.portfolio-system-heading{z-index:2;top:106px;right:var(--page-pad);left:var(--page-pad);justify-content:space-between;align-items:end;display:flex;position:absolute}.portfolio-system-heading h1{text-align:right;margin:0;font-size:clamp(35px,4vw,61px)}.portfolio-experience{z-index:2;top:235px;right:var(--page-pad);bottom:34px;left:var(--page-pad);grid-template-columns:minmax(320px,.72fr) minmax(500px,1.28fr);gap:18px;display:grid;position:absolute}.portfolio-project-list{align-content:stretch;display:grid}.portfolio-project-list a{min-height:0;transition:padding .22s var(--ease-slow), background-color .22s ease;border-top:1px solid #0a0a0a26;grid-template-columns:35px 1fr auto 28px;align-items:center;gap:10px;padding:14px 8px;display:grid}.portfolio-project-list a:last-child{border-bottom:1px solid #0a0a0a26}.portfolio-project-list a:hover,.portfolio-project-list a.is-active{background:#f1f1ec;padding-inline:18px}.portfolio-project-list small{color:#a1a09a;font-size:8px}.portfolio-project-list strong{letter-spacing:-.045em;font-size:clamp(20px,2vw,30px);font-weight:520}.portfolio-project-list span{color:#85847e;font-size:8px}.portfolio-live-preview{background:#dceeff;border-radius:22px;place-items:center;min-width:0;padding:30px;transition:background-color .4s;display:grid;position:relative;overflow:hidden}.portfolio-live-preview.tone-violet{background:#cbc9f8}.portfolio-live-preview.tone-cream{background:#f4e4d3}.portfolio-live-preview.tone-coral{background:#ffc1ad}.portfolio-preview-browser{z-index:3;aspect-ratio:1.45;width:min(600px,83%);animation:preview-enter .46s var(--ease-slow) both;background:#ffffffdb;border:1px solid #0a0a0a1f;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 30px 70px #1c202a2b}.portfolio-preview-browser>header{border-bottom:1px solid #deded8;align-items:center;gap:5px;height:28px;padding:0 9px;display:flex}.portfolio-preview-browser>header span{background:#aaa9a3;border-radius:50%;width:5px;height:5px}.portfolio-preview-browser>header small{color:#aaa9a3;margin-left:auto;font-size:5px}.portfolio-preview-browser>div{align-content:center;height:calc(100% - 28px);padding:11% 9%;display:grid;position:relative;overflow:hidden}.portfolio-preview-browser p{color:#77766f;text-transform:uppercase;margin:0;font-size:6px}.portfolio-preview-browser h2{letter-spacing:-.055em;width:70%;margin:8px 0 0;font-size:clamp(25px,3.4vw,48px);font-weight:520;line-height:.9}.portfolio-preview-browser div>span{color:#77766f;width:58%;margin-top:12px;font-size:6px;line-height:1.4}.portfolio-preview-browser div>i{border:1px solid #0a0a0a26;border-radius:50%;position:absolute;right:-8%}.portfolio-preview-browser div>i:first-of-type{aspect-ratio:1;width:40%;top:18%}.portfolio-preview-browser div>i:nth-of-type(2){aspect-ratio:1;width:24%;top:31%;right:4%}.portfolio-preview-browser div>i:nth-of-type(3){aspect-ratio:1;background:#111;width:13%;bottom:10%;right:10%}.portfolio-preview-dots{opacity:.13;position:absolute;inset:0}.portfolio-preview-dots i{background:#111;border-radius:50%;width:2px;height:2px;margin:8px;animation:5s ease-in-out infinite portfolio-dots;display:inline-block;position:relative}.portfolio-preview-number{color:#0a0a0a40;letter-spacing:-.06em;font-size:48px;position:absolute;bottom:17px;right:22px}.portfolio-live-preview>a{z-index:5;color:#fff;background:#111;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:8px;display:inline-flex;position:absolute;top:18px;right:20px}@keyframes preview-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes portfolio-dots{50%{opacity:.25;transform:translate(4px,-3px)}}.about-editorial{z-index:2;min-height:100svh;padding:125px var(--page-pad) 38px;grid-template-rows:1fr auto;grid-template-columns:.88fr 1.12fr;gap:50px clamp(55px,9vw,145px);display:grid;position:relative}.about-editorial>header{flex-direction:column;padding-top:24px;display:flex}.about-editorial h1{font-size:clamp(48px,5.3vw,82px)}.about-editorial header>p:nth-of-type(2){color:#6f6e69;max-width:520px;margin:28px 0 0;font-size:12px;line-height:1.65}.about-editorial header>a{border-bottom:1px solid #111;align-items:center;gap:9px;width:max-content;margin-top:auto;padding-bottom:5px;font-size:10px;display:inline-flex}.about-principles{border-top:1px solid #111}.about-principles article{border-bottom:1px solid #0a0a0a2b;grid-template-columns:45px 1fr;min-height:145px;padding:22px 4px;display:grid}.about-principles small{color:#a1a09a;font-size:8px}.about-principles h2{letter-spacing:-.045em;margin:0;font-size:clamp(22px,2.3vw,36px);font-weight:510}.about-principles p{color:#77766f;grid-column:2;max-width:420px;margin:8px 0 0;font-size:10px}.about-process-line{border-top:1px solid #0a0a0a26;grid-column:1/-1;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:20px;padding-top:22px;display:grid}.about-process-line span{gap:4px;font-size:10px;display:grid}.about-process-line small{color:#aaa9a4;text-transform:uppercase;font-size:7px}.about-process-line i{background:#0a0a0a2e;height:1px}.account-system-page{padding:105px var(--page-pad) 28px}.account-shell{z-index:2;background:#fff;border:1px solid #0a0a0a17;border-radius:20px;grid-template-columns:190px 1fr;min-height:calc(100svh - 133px);display:grid;position:relative;overflow:hidden}.account-shell>aside{background:#f5f5f1;border-right:1px solid #0a0a0a1a;flex-direction:column;padding:25px 18px;display:flex}.account-shell>aside>p{color:#999893;letter-spacing:.12em;margin:0 0 30px;font-size:7px}.account-shell aside nav{gap:5px;display:grid}.account-shell aside nav a{color:#73726d;border-radius:8px;padding:10px 9px;font-size:10px}.account-shell aside nav a.is-active{color:#fff;background:#111}.account-shell aside>span{color:#77766f;align-items:center;gap:7px;margin-top:auto;font-size:9px;display:flex}.account-content{grid-template-rows:auto 1fr;padding:28px;display:grid}.account-content>header{justify-content:space-between;align-items:center;display:flex}.account-content header p{color:#999893;text-transform:uppercase;margin:0;font-size:8px}.account-content header h1{letter-spacing:-.05em;margin:6px 0 0;font-size:clamp(30px,3vw,46px);font-weight:520}.account-content header>a{color:#fff;background:#111;border-radius:999px;padding:11px 15px;font-size:9px}.account-module-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:25px;display:grid}.account-module-grid article{background:#fbfbf8;border:1px solid #0a0a0a17;border-radius:14px;grid-template-columns:1fr auto;align-content:start;padding:20px;display:grid}.account-module-grid article:first-child{grid-row:span 2}.account-module-grid small{color:#aaa9a4;font-size:8px}.account-module-grid h2{letter-spacing:-.045em;grid-column:1/-1;margin:auto 0 0;font-size:clamp(22px,2.4vw,36px);font-weight:520}.account-module-grid p{color:#86857f;grid-column:1/-1;margin:7px 0 0;font-size:9px}.configurator-page,.project-detail-page,.legal-page{background:#fbfbf8}.configurator-page{padding-top:100px}.configurator-page-hero{padding-top:34px}.configurator-page-hero>p,.section-heading>p{color:#92918c}.configurator-page-hero h1,.section-heading h2{font-family:var(--sans);letter-spacing:-.06em;font-weight:520}.configurator-section{margin-top:54px}.configurator-shell{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #0a0a0a1a;border-radius:20px;box-shadow:0 25px 70px #00000012}.configurator-topbar{background:#f5f5f1}.configurator-main{background:#fff}.live-preview-shell{background:#f1f1ed}.option-card,.style-card,.template-option,.page-row,.feature-card,.domain-search,.domain-choice-grid label,.hosting-grid label,.summary-grid button,.summary-breakdown{background:#fbfbf8}.price-card{background:#111}.price-card span,.price-card small,.price-card strong{color:#fff}.progress-dots button{background:#fff}.project-detail-hero{padding-top:155px}@media (height<=700px) and (width>=901px){.particle-home{min-height:580px}.particle-hero{top:45%}.particle-hero h1{font-size:clamp(32px,3.35vw,48px)}.particle-capabilities{bottom:12px}.services-bento{top:92px}.system-page-heading{top:112px}.portfolio-system-heading{top:88px}.portfolio-experience{top:205px}}@media (width<=1050px){.siteup-nav-shell{width:min(760px,100% - 30px)}.siteup-nav-links{gap:16px}.siteup-nav-links a{font-size:9px}.services-bento{left:31%}.system-page-heading{width:25vw}.portfolio-experience{grid-template-columns:.8fr 1.2fr}}@media (width<=820px){.siteup-nav-shell{grid-template-columns:1fr auto;width:calc(100% - 24px);top:12px}.siteup-nav-links,.siteup-account-link{display:none}.siteup-menu-toggle{color:#fff;background:#111;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.siteup-mobile-menu{background:#fbfbf8fa;border:1px solid #0a0a0a1f;border-radius:14px;width:min(280px,100vw - 24px);padding:8px;display:grid;position:absolute;top:51px;right:0;box-shadow:0 18px 55px #0000001f}.siteup-mobile-menu a{border-bottom:1px solid #0a0a0a14;padding:12px 10px;font-size:11px}.particle-home{min-height:720px}.particle-hero{width:calc(100% - 32px);top:43%}.particle-field{opacity:.72}.particle-capabilities{grid-template-columns:repeat(3,1fr);row-gap:11px}.system-page,.portfolio-system-page,.account-system-page{min-height:100svh;overflow:visible}.system-page-heading{width:auto;padding:110px 20px 45px;position:relative;top:auto;left:auto}.system-page-heading h1{font-size:clamp(48px,12vw,68px)}.services-bento{grid-template-rows:none;grid-template-columns:1fr 1fr;grid-auto-rows:260px;margin:0 15px 25px;position:relative;inset:auto}.service-bento-card:first-child,.service-bento-card:nth-child(6){grid-column:span 1}.portfolio-system-heading{gap:24px;padding:105px 20px 42px;display:grid;position:relative;inset:auto}.portfolio-system-heading h1{text-align:left}.portfolio-experience{grid-template-columns:1fr;margin:0 15px 25px;position:relative;inset:auto}.portfolio-project-list a{min-height:80px}.portfolio-live-preview{min-height:520px}.about-editorial{grid-template-columns:1fr;padding:110px 20px 30px}.about-editorial header>a{margin-top:34px}.about-process-line{grid-template-columns:1fr 1fr}.about-process-line i{display:none}.account-system-page{padding:90px 12px 20px}.account-shell{grid-template-columns:1fr;min-height:calc(100svh - 110px)}.account-shell>aside{display:none}}@media (width<=560px){.particle-home{border:0;border-radius:0;min-height:760px;margin:0}.particle-hero{top:42%}.particle-hero>p:first-child{font-size:7px}.particle-hero h1{font-size:clamp(38px,11.4vw,52px)}.particle-subtitle{width:82%;font-size:10px}.particle-capabilities{gap:8px;bottom:14px;left:14px;right:14px}.particle-capabilities span{justify-content:flex-start;font-size:6px}.particle-capabilities i{display:none}.services-bento{grid-template-columns:1fr;grid-auto-rows:240px}.portfolio-system-heading h1{font-size:43px}.portfolio-project-list a{grid-template-columns:28px 1fr 24px}.portfolio-project-list span{display:none}.portfolio-preview-browser{width:94%}.portfolio-live-preview{min-height:430px;padding:15px}.about-editorial h1{font-size:48px}.about-principles article{grid-template-columns:32px 1fr}.account-content{padding:18px}.account-content>header{flex-direction:column;align-items:flex-start;gap:18px}.account-module-grid{grid-template-rows:none;grid-template-columns:1fr}.account-module-grid article,.account-module-grid article:first-child{grid-row:auto;min-height:180px}}@media (prefers-reduced-motion:reduce){.page-transition-in,.service-motion i,.portfolio-preview-dots i,.portfolio-preview-browser{animation:none!important}}