@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101b35;--blue:#2357ff;--muted:#59647a;--line:#e2e6ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;background:#fff}button,input,textarea{font:inherit}button,a,input,summary,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #6c91ff;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding-left:56px;padding-right:56px}header{height:98px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 56px;gap:24px}.brand img{display:block;width:200px;height:auto}nav{display:flex;gap:36px;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:15px 24px;color:#fff;background:var(--blue);border:0;border-radius:7px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#1743d1;transform:translateY(-2px)}.button.small{min-height:44px;padding:12px 24px}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:38px;padding-top:62px;padding-bottom:80px;min-height:660px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 26px;color:var(--blue)}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(44px,4.3vw,64px);letter-spacing:-3px;line-height:1.13;margin:0 0 28px;font-weight:800}h1 span{color:var(--blue)}.intro{color:var(--muted);line-height:1.8;font-size:16px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.text-link{font-size:14px;font-weight:600}.text-link span{margin-left:10px}.hero-note{display:flex;gap:12px;align-items:center;margin-top:47px}.mini-mark{background:#edf2ff;border-radius:50%;height:40px;width:40px;display:grid;place-items:center;color:var(--blue);font-weight:800}.hero-note p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.hero-note strong{font-weight:500;color:var(--ink)}.hero-display{position:relative;background:#eef1f7;padding:24px 24px 18px;border-radius:13px;transform:rotate(-2deg)}.display-top,.display-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;color:#667089;letter-spacing:1px}.display-top{margin-bottom:18px}.browser{border-radius:8px;overflow:hidden;box-shadow:0 20px 35px #13254d16;border:1px solid #dde1e8}.browser-bar{height:30px;background:#fff;display:flex;gap:4px;align-items:center;padding:0 12px}.browser-bar i{width:5px;height:5px;background:#d4d8e0;border-radius:50%}.browser-bar span{font-size:9px;color:#818797;text-align:center;flex:1}.demo{background:#e8ef67;color:#273417;transition:background .4s,color .4s}.demo-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 20px;font-size:8px}.demo-nav strong{font-size:15px;letter-spacing:-1px}.demo-body{position:relative;padding:30px 24px 25px;min-height:280px;overflow:hidden}.demo-body p{font-size:8px;letter-spacing:2px}.demo-body h2{font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1.05;letter-spacing:-2px;position:relative;z-index:1;margin:12px 0 28px}.demo-circle{position:absolute;border:1px solid currentColor;border-radius:50%;width:180px;height:180px;right:-14px;top:45px;opacity:.35}.demo-circle:after{content:'';position:absolute;border:1px solid currentColor;border-radius:50%;inset:18px}.demo-caption{font-size:9px;line-height:1.7;display:block}.demo-shop{display:inline-block;border-bottom:1px solid;padding:0 0 5px;font-size:9px;margin-top:20px}.demo-bottom{display:flex;justify-content:space-between;border-top:1px solid #27341722;padding:16px 24px;font-size:8px}.display-bottom{margin-top:18px;letter-spacing:0}.theme-switch{display:flex;gap:8px}.theme-switch button{width:19px;height:19px;border:2px solid #fff;border-radius:50%;background:#e8ef67}.theme-switch button:nth-child(2){background:#253854}.theme-switch button:nth-child(3){background:#e99364}.theme-switch button.active{outline:1px solid #7c8597;outline-offset:3px}.floating-tag{background:var(--ink);color:white;border-radius:6px;padding:13px 18px;font-size:12px;position:absolute;right:-15px;bottom:75px;transform:rotate(4deg);box-shadow:0 10px 25px #101b3520}.principles{display:flex;align-items:center;justify-content:center;gap:35px;flex-wrap:wrap;border-block:1px solid var(--line);padding:28px 24px;font-size:14px}.principles>span:first-child{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.principles>span:not(:first-child){color:var(--blue)}.principles strong{font-weight:500}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}.section-heading h2,.process h2{font-size:40px;letter-spacing:-1.7px;line-height:1.2;margin:0}.section-heading p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 4px}.section-heading .eyebrow{margin-bottom:18px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.work-card{background:none;border:0;padding:0;text-align:left;color:inherit}.work-art{height:290px;border-radius:8px;padding:24px;position:relative;overflow:hidden;transition:transform .3s}.work-card:hover .work-art{transform:translateY(-6px)}.work-art>span{font-size:12px;font-weight:800;letter-spacing:1px;position:relative;z-index:1}.work-art>strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.08;letter-spacing:-1px;margin-top:33px;position:relative;z-index:1}.work-art small{position:absolute;bottom:25px;left:24px;font-size:10px}.forma{background:#e8ef67;color:#28341c}.shape{width:140px;height:140px;border-radius:50%;border:1px solid currentColor;position:absolute;right:-25px;bottom:37px;opacity:.4}.shape:after{content:'';position:absolute;inset:20px;border:1px solid currentColor;border-radius:inherit}.arc{background:#24364f;color:#fff}.arc .shape{border-radius:0;width:150px;height:180px;transform:rotate(-25deg);bottom:-50px;right:5px}.arc>strong{font-family:Manrope,sans-serif;font-size:30px;font-weight:500}.field{background:#eb9464;color:#402e20}.field .shape{width:180px;height:180px;right:-50px;bottom:-30px}.work-info{display:flex;justify-content:space-between;gap:8px;margin-top:20px;align-items:center}.work-info h3{font-size:16px;margin:0 0 7px}.work-info p{font-size:12px;color:var(--muted);margin:0}.work-info>span{font-size:10px;color:var(--muted)}.fine{font-size:12px;color:var(--muted);margin-top:28px}.services{background:#f5f7fb}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.service-grid article{padding:28px 0;border-top:1px solid #ccd4e3}.service-icon{display:block;color:var(--blue);font-size:14px;margin-bottom:26px}.service-grid h3{font-size:20px;letter-spacing:-.6px}.service-grid p{color:var(--muted);font-size:14px;line-height:1.8;max-width:290px}.service-grid ul{padding:0;list-style:none;margin:24px 0 0;font-size:14px;line-height:2.1}.service-grid li:before{content:'+';color:var(--blue);margin-right:12px}.process{display:grid;grid-template-columns:1fr 1fr;gap:70px}.steps details{border-bottom:1px solid var(--line);padding:23px 0}.steps details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:25px;font-size:20px;font-weight:600}summary::-webkit-details-marker{display:none}summary>span{color:var(--blue);font-size:12px;font-weight:500}summary b{margin-left:auto;font-weight:400;color:var(--muted)}details[open] summary b{transform:rotate(45deg)}details p{margin:18px 30px 0 42px;font-size:14px;line-height:1.8;color:var(--muted)}.contact{background:var(--ink);color:white}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.contact .eyebrow{color:#9db5ff}.contact h2{font-size:64px;letter-spacing:-2px;line-height:1.05;margin:0 0 30px}.contact p{color:#b9c3d8;font-size:14px;line-height:1.8}.contact-foot{font-size:12px;color:#8e9cb8;line-height:1.8;margin-top:50px}fieldset{border:0;padding:0;margin:0 0 28px}legend,form>label,.form-row>label{font-size:14px;display:block;margin-bottom:12px}.choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.choices label{position:relative}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;padding:12px 14px;font-size:12px;border:1px solid #47516a;border-radius:5px;cursor:pointer}.choices input:checked+span{background:#e4ebff;border-color:#e4ebff;color:var(--ink)}.choices input:focus-visible+span{outline:3px solid #6c91ff;outline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input:not([type=radio]),textarea{display:block;width:100%;background:#1b2843;color:white;border:1px solid #3c4863;border-radius:5px;margin-top:10px;padding:14px;font-size:14px}textarea{resize:vertical;min-height:120px}input::placeholder,textarea::placeholder{color:#a6b2c8}.light{background:#fff;color:var(--ink);margin-top:15px}.light:hover{background:#e4ebff}.form-note{font-size:12px!important}#brief-result{padding:20px;border:1px solid #63718c;border-radius:8px;margin-top:20px}#brief-result h3{margin:0;font-size:18px}#brief-result .actions{margin-top:12px}#brief-result .button{margin:0}.copy{color:white;background:none;border:0;text-decoration:underline;font-size:14px}#copy-status{font-size:12px;display:block;margin-top:12px}footer{display:flex;align-items:center;gap:25px;padding-top:32px;padding-bottom:32px;flex-wrap:wrap}footer p{font-size:12px;color:var(--muted);margin-right:auto}footer>a:not(.brand),footer>span{font-size:12px;color:var(--muted)}dialog{max-width:550px;width:calc(100% - 32px);border:0;border-radius:14px;padding:44px;color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#101b35bb;backdrop-filter:blur(5px)}dialog h2{font-size:32px;letter-spacing:-1px}dialog p,dialog li{font-size:16px;line-height:1.8;color:var(--muted)}dialog ul{padding-left:20px;margin-bottom:28px}.close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:30px;color:var(--muted)}.skip{position:fixed;top:-80px;left:16px;background:#fff;padding:15px;z-index:10}.skip:focus{top:10px}
@media(min-width:1450px){.hero{min-height:720px}}@media(max-width:1050px){.wrap{padding-inline:32px}header{padding-inline:32px}.hero{gap:25px}h1{font-size:46px;letter-spacing:-2px}.hero-display{padding:18px}.demo-body h2{font-size:35px}.demo-nav>span:nth-child(2){display:none}.principles{gap:22px}.work-info{align-items:flex-start}.work-info>span{display:none}.work-art{height:260px}.work-art>strong{font-size:28px}.contact-grid{gap:40px}}@media(max-width:760px){header{height:82px;padding-inline:22px}.brand img{width:165px}nav{display:none}.button.small{padding:11px 17px}.wrap{padding-inline:24px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:50px;gap:40px}h1{font-size:48px;letter-spacing:-2px}.hero-note{margin-top:28px}.hero-display{max-width:500px;width:100%;margin:auto;transform:rotate(-1deg)}.demo-body{min-height:270px}.demo-body h2{font-size:44px}.floating-tag{right:-5px}.principles{justify-content:flex-start;gap:16px 24px;font-size:12px}.principles>span:first-child{width:100%}.principles>span:not(:first-child){display:none}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.process h2{font-size:32px;letter-spacing:-1px}.section-heading p:not(.eyebrow){margin-top:20px}.work-grid{grid-template-columns:1fr;gap:32px}.work-art{height:300px}.work-art>strong{font-size:38px}.work-info>span{display:block}.service-grid{grid-template-columns:1fr;gap:8px}.service-grid article{padding:23px 0}.service-icon{margin-bottom:14px}.service-grid p{max-width:none}.process{grid-template-columns:1fr;gap:25px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact h2{font-size:52px}.contact-foot{display:none}.form-row{grid-template-columns:1fr;gap:0}footer{gap:18px}footer p{width:100%;margin:0}footer>span{margin-left:auto}dialog{padding:35px 25px}.actions{gap:20px}.text-link{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Full website showcase */
.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.showcase-card{display:block;color:inherit;text-decoration:none;border:1px solid #ffffff25;border-radius:18px;overflow:hidden;background:#ffffff09;transition:transform .2s}.showcase-card:hover{transform:translateY(-5px)}.showcase-art{height:350px;padding:35px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.showcase-art>span{font-size:24px;font-weight:800;position:relative;z-index:1}.showcase-art strong{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-2px;position:relative;z-index:1}.showcase-art small{font:10px Arial,sans-serif;letter-spacing:.14em;z-index:1}.cafe-preview .showcase-art{background:#eee6d7;color:#303b2c;font-family:Georgia,serif}.cafe-preview em{color:#ad5637;font-weight:400}.coffee-preview{position:absolute;right:25px;bottom:55px;font-size:110px;transform:rotate(-15deg);opacity:.8}.pulse-preview .showcase-art{background:#171c12;color:#f0f1e9}.pulse-preview em{color:#d1fa46;font-style:normal}.pulse-ring{position:absolute;border:30px solid #d1fa4630;width:250px;height:250px;border-radius:50%;right:-65px;top:65px}.showcase-card .work-info{padding:22px 25px}.showcase-details{padding:0 25px 25px;font-size:12px;line-height:1.7;opacity:.7;margin:0}@media(max-width:700px){.showcase-grid{grid-template-columns:1fr}.showcase-art{height:320px}.showcase-card .work-info{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.showcase-card{transition:none}}

/* Additional showcase directions */
.aurel-preview .showcase-art{background:#e2e4d8;color:#30332c;font-family:Georgia,serif}.aurel-preview .showcase-art strong{font-weight:400}.aurel-preview .showcase-motif{position:absolute;right:-20px;bottom:20px;width:210px;height:150px;border:22px solid #858f7540;transform:skewY(-20deg)}.gooddog-preview .showcase-art{background:#eadbfc;color:#383044}.gooddog-preview .showcase-art strong{color:#744e9a}.gooddog-preview .showcase-motif{position:absolute;right:-40px;bottom:15px;width:200px;height:200px;border-radius:50%;border:35px dotted #8862b030}.offscript-preview .showcase-art{background:#ff754a;color:#21135b}.offscript-preview .showcase-motif{position:absolute;right:-60px;bottom:30px;width:220px;height:220px;background:#c1ee5770;transform:rotate(35deg)}