html,body{max-width:100%;overflow-x:hidden}@media(max-width:700px){.page-shell{width:100%;overflow:hidden}.header{height:68px;padding:0 18px}.header .brandmark{width:27px;transform:scale(.9);transform-origin:left center}.header .brand b{font-size:17px}.header .brand small{font-size:6px}.menu-button{width:44px;height:44px;padding:0;border-radius:10px;background:#f1f7f3;color:#064527}.header nav{top:68px;padding:18px;gap:0}.header nav a{width:100%;padding:13px 4px;border-bottom:1px solid #edf1ee;font-size:14px}.name-hero{padding:42px 20px 38px;border-radius:0;background:linear-gradient(155deg,#eff8f2,#fff)}.name-hero>a{margin-bottom:30px;font-size:13px}.name-hero>span{font-size:10px;letter-spacing:1.35px}.name-hero h1{max-width:360px;margin:13px 0 17px;font-size:clamp(36px,10.6vw,45px);line-height:1.02;letter-spacing:-2.3px}.name-hero h1 br{display:none}.name-hero p{font-size:15px;line-height:1.58}.name-hero>small{font-size:12px;line-height:1.55;margin-top:17px}.name-studio{display:flex;flex-direction:column;margin:18px 12px 34px;border-radius:18px;box-shadow:0 12px 35px #083f2112}.name-controls{order:1;padding:24px 17px 22px}.name-controls header{gap:12px;margin-bottom:25px}.name-controls header>b{width:42px;height:42px;flex:0 0 42px}.name-controls header span{font-size:9px;letter-spacing:1.2px}.name-controls h2{font-size:25px;line-height:1.12;letter-spacing:-.8px}.name-controls>label,.name-controls .two label{margin-bottom:18px;font-size:13px}.name-controls input,.name-controls select{min-height:50px;padding:13px 14px;font-size:16px;border-radius:10px}.name-controls .two{display:block}.name-controls fieldset{margin-bottom:20px}.style-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-pills label:last-child{grid-column:1/-1}.style-pills span{padding:12px 8px;text-align:center;font-size:12px}.name-controls .range{gap:12px}.name-controls #aiNameStatus{font-size:11px;line-height:1.5;padding:0 8px}.generate-ai{min-height:58px;padding:12px;font-size:14px;border-radius:12px}.name-preview{order:2;min-height:0;padding:24px 18px 25px}.name-preview>span{font-size:9px}.name-preview>div{margin:14px 0;padding:38px 12px;border-radius:15px;transform:none}.name-preview i{width:43px;height:43px;margin-bottom:17px;border-radius:13px 13px 4px}.name-preview strong{font-size:clamp(27px,9vw,36px);letter-spacing:-1.4px}.name-preview small{font-size:10px}.name-preview>p{margin:0;font-size:11px}.name-results{padding:43px 14px}.name-results>header{display:block;margin-bottom:20px;padding:0 5px 18px}.name-results h2{font-size:27px}.name-results header p{font-size:13px;line-height:1.55}.names-grid{display:block;margin-top:18px}.name-card{margin-bottom:12px;padding:21px 18px;border-radius:15px}.name-card:hover{transform:none}.name-card h3{font-size:23px;line-height:1.15}.name-card .ai-badge{font-size:8px}.name-card .ai-detail{gap:9px}.name-card .ai-detail span{font-size:12px;line-height:1.45}.name-card footer{display:grid;grid-template-columns:86px 1fr}.name-card footer button,.name-card footer a{min-height:43px;display:flex;align-items:center;justify-content:center;margin:0;padding:8px}.ai-name-loading,.ai-name-error{padding:48px 18px}.naming-cta{margin:34px 12px;padding:30px 21px;border-radius:18px}.naming-cta h2{font-size:28px;line-height:1.12}.naming-cta p{font-size:14px;line-height:1.55}.naming-cta>div:last-child{width:100%;gap:14px}.naming-cta .button{width:100%;min-height:50px}.naming-cta>div:last-child>a:last-child{font-size:13px}.name-guide{padding:48px 17px 65px}.name-guide>header{text-align:left}.name-guide h2{font-size:27px;line-height:1.15}.guide-grid{display:block;margin:28px 0 50px}.guide-grid article{margin-bottom:10px;padding:21px;border-radius:14px}.name-guide>h2{text-align:left}.name-guide details{padding:17px 3px}.name-guide summary{gap:15px;font-size:14px;line-height:1.4}.name-guide details p{font-size:13px}.footer-bottom{padding-left:18px;padding-right:18px}.footer-bottom div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.footer-bottom a{margin:0}}@media(max-width:360px){.name-hero h1{font-size:35px}.name-studio{margin-left:8px;margin-right:8px}.name-controls{padding-left:14px;padding-right:14px}.style-pills span{font-size:11px}.name-card footer{grid-template-columns:1fr}.name-preview strong{font-size:27px}}
